/* Translucent paper, quiet graphite landscape, restrained depth. */
:root{--glass:rgba(250,251,250,.55);--glass-line:rgba(255,255,255,.72);--muted:#646f70;--ink:#25393e;--mono:'DM Mono','SFMono-Regular',Consolas,monospace;--sans:var(--mono)}
body{background:#edf1f0}body::before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 25% 25%,#d9e7e4,transparent 65%),linear-gradient(120deg,#eeeae3,#dbe6eb);pointer-events:none}
.calendar-landscape{position:fixed;inset:0 0 0 238px;background-image:linear-gradient(rgba(242,245,243,.16),rgba(239,244,244,.24)),url('assets/peak-sketch.png');background-position:center bottom;background-size:cover;opacity:0;pointer-events:none;transition:opacity 1.7s ease;z-index:-1;filter:saturate(.65)}
body.calendar-theme .calendar-landscape{opacity:.64}
.sidebar,.topbar,.footer,.card,.panel,.calendar-picker,.sharing-inbox,.tag-filters,.calendar-toolbar,.calendar-grid,.calendar-list,.modal,.date-editor,.clock-row,.clock-heading,.add-clock,.news-page-list,.source-tabs{background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(15px) saturate(115%);-webkit-backdrop-filter:blur(15px) saturate(115%);box-shadow:0 8px 32px #263d4510}
.sidebar{border-radius:0;box-shadow:none;background:rgba(240,244,243,.65);overflow-y:auto}.topbar,.footer{border-radius:0;background:rgba(248,250,248,.38);box-shadow:none}
.card,.panel,.calendar-list,.calendar-grid,.news-page-list{border-radius:16px}.calendar-toolbar{padding:14px 16px;border-radius:12px;gap:12px;margin-bottom:12px}.tag-filters{border-radius:12px;padding:13px 16px;margin-bottom:18px}.calendar-picker{background:rgba(250,252,251,.52);padding:20px}.calendar-choice{border-color:#8ea2a226}.calendar-grid{overflow:hidden}.cal-day,.cal-header,.calendar-day-header,.calendar-item,.panel-title,.card-head{background:transparent!important}.cal-day{border-color:#82989b26;min-height:104px}.cal-day.outside{background:#edf1ef30!important}.cal-header{color:#4c6269}.cal-event{background:color-mix(in srgb,var(--event-color) 15%,transparent);color:var(--event-color);border-left:2px solid var(--event-color);font-weight:500}.cal-day.today .day-number{background:#355c7d;color:#fff}.day-number{color:#344e57}.empty-note,.muted,.sync-caption,.page-subtitle,.filter-hint,.date-note,.time-help{color:#5f7377}.eyebrow{color:#5c797e}.page-title{font-family:Georgia,'Noto Serif SC',serif;font-weight:400;font-size:42px!important;letter-spacing:-1px!important;line-height:1.2}.page-subtitle{font-size:13px;max-width:440px;line-height:1.8}.shared-calendar-heading{margin-bottom:28px}.sync-caption{font-size:11px;line-height:1.7}.modal{background:rgba(247,250,248,.88);box-shadow:0 24px 90px #18323935;border-radius:18px}.modal-backdrop{background:#23394235;backdrop-filter:blur(5px)}
input,textarea,.field select,.language-choice select,.btn,.tag-filter,.view-btn,.date-pick,.chosen-dates button,.weekday-options span,.calendar-swatch,.nav-link.active,.avatar{background:rgba(255,255,255,.38);border-color:#94a5a64d}.btn.primary,.view-btn.active,.date-pick.selected,.weekday-options input:checked+span{background:#365c65;color:#fff;border-color:#365c65}.btn{border-radius:8px}.calendar-swatch:has(input:checked){background:#d9e6e67a}.tag-filter.selected{background:#355c7d19}.date-mode-tabs .btn{white-space:normal}.calendar-swatch-grid{gap:7px}.calendar-swatch{font-size:10px!important}.date-bounds{align-items:start}.date-pick{cursor:pointer}.date-pick:hover{border-color:#355c7d}.deletion-warning{padding:13px;background:#aa534812;border-radius:9px}.readonly-banner,.migration-banner,.sync-error{backdrop-filter:blur(12px)}
.sidebar-bottom{padding-top:28px}.clock-heading{font-size:10px;letter-spacing:.08em;padding:10px 11px;border-radius:10px 10px 0 0;box-shadow:none;border-bottom:0;color:#657a7e}.clock-row{position:relative;display:flex;align-items:center;gap:6px;padding:12px 10px;box-shadow:none;border-top:0}.clock-row>div{flex:1;min-width:0}.clock-row strong{display:block;font-size:11px;color:#354e58}.clock-row small{display:block;font-size:9px;color:#647c83;line-height:1.6;margin-top:3px}.clock-row time{font-size:17px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.clock-remove{border:0;background:none;color:#6f8285;font-size:17px;padding:0 0 0 5px}.add-clock{width:100%;padding:10px;border-radius:0 0 10px 10px;color:#416b76;font-size:11px;box-shadow:none;border-top:0}.clock-selects{display:grid;gap:12px;margin-top:15px}.clock-results{max-height:210px;overflow:auto;margin-top:12px}.clock-results button{width:100%;display:flex;justify-content:space-between;gap:14px;text-align:left;background:#ffffff40;border:0;border-bottom:1px solid #b3c2c43d;padding:12px;color:#38555e}.clock-results small{font-size:10px}.side-foot{font-size:9px}.modal-open{overflow:hidden}.btn:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #355c7d;outline-offset:3px}.field input,.field textarea{color:#25393e}.source-tabs{padding:10px;border-radius:12px}.football-theme .panel,.football-theme .card{background:rgba(210,234,247,.7)}
@media(max-width:900px){.calendar-landscape{left:0}.page-content{padding-top:26px}.page-title{font-size:34px!important}.shared-calendar-heading>div:first-child{padding-top:0}.calendar-toolbar{padding:12px}.month-navigate h2{font-size:17px}.sidebar-bottom{padding-top:10px}.calendar-picker{width:100%}}
@media(max-width:600px){.sidebar-bottom{display:block!important;width:100%}.sidebar{overflow:visible}.side-foot{display:none}#world-clocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.clock-heading{display:none}.clock-row{flex-wrap:wrap;border:1px solid var(--glass-line);border-radius:9px;padding:8px}.clock-row>div{flex-basis:100%}.clock-row time{font-size:16px}.clock-remove{margin-left:auto}.add-clock{border-radius:9px;border:1px solid var(--glass-line);padding:8px}.clock-row small{font-size:8px}.page-title{font-size:30px!important}.page-content{padding:24px 14px}.calendar-actions{flex-wrap:wrap}.cal-event{font-size:9px}.cal-day{min-height:88px}.calendar-toolbar{align-items:flex-start}.date-bounds{grid-template-columns:1fr}.calendar-picker{padding:15px}.topbar{padding:10px 14px}.breadcrumbs{font-size:9px}.calendar-list .calendar-item{padding:14px}.modal{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.calendar-landscape{transition:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.calendar-picker,.modal,.tag-filters,.calendar-grid,.calendar-list,.sidebar{background:rgba(242,246,244,.94)}}

body.calendar-theme .calendar-landscape{animation:landscape-reveal 1.8s ease both}@keyframes landscape-reveal{from{opacity:0;transform:scale(1.015)}to{opacity:.64;transform:scale(1)}}
@media(max-width:900px){.app-shell{display:block;padding-bottom:0}.sidebar{position:relative;inset:auto;width:100%;height:auto;padding:14px 18px;display:flex;flex-direction:column;align-items:stretch;gap:12px;overflow:visible}.brand{display:flex;margin:0}.brand>span:last-child{font-size:15px}.side-caption{display:none}.side-nav{display:flex;justify-content:space-between;gap:6px}.nav-link{font-size:11px!important;flex:1;flex-direction:row;justify-content:center;padding:10px 7px}.nav-icon{font-size:16px}.sidebar-bottom{display:block!important;width:100%;margin-top:0;padding-top:0}.side-foot{display:none}.clock-heading{display:none}#world-clocks{display:flex;gap:8px;align-items:stretch}.clock-row{flex:1;min-width:0;flex-wrap:wrap;border:1px solid var(--glass-line);border-radius:10px;padding:9px 11px}.clock-row>div{flex-basis:100%;min-height:35px}.clock-row time{font-size:18px}.clock-remove{margin-left:auto}.clock-row small{font-size:9px;overflow-wrap:anywhere}.add-clock{width:auto;min-width:80px;flex:1;border:1px solid var(--glass-line);border-radius:10px}.main-area{min-height:70vh}.calendar-landscape{inset:0}.cal-header,.cal-row{min-width:0}.cal-day{min-width:0}.cal-event{max-width:100%;overflow:hidden}.calendar-grid{overflow:hidden}.calendar-item.event-row{grid-template-columns:100px minmax(0,1fr)}}
.card.match-card,.fixture-feature{background:rgba(16,45,76,.94);backdrop-filter:blur(15px)}
