:root {
  --bg:#edf2fa;--bg-deep:#e4ebf6;--surface:#fbfdff;--raised:#e8eef7;--ink:#172033;--muted:#5e6b80;--faint:#758298;
  --accent:#4169d8;--accent-strong:#3156c1;--accent-soft:#e5edff;--line:rgba(88,108,145,.18);--edge:rgba(255,255,255,.9);
  --warning:#815914;--warning-bg:#fff3d6;--error:#b42d46;--success:#287151;
  --glass:rgba(250,253,255,.72);--glass-strong:rgba(251,253,255,.94);--shadow:0 14px 36px rgba(44,67,109,.09);
  --sheet-fill:rgba(250,253,255,.84);--sheet-sheen:rgba(255,255,255,.58);--sheet-shadow:0 12px 34px rgba(44,67,109,.08);--chip-fill:#e8eef7;--chip-edge:rgba(255,255,255,.72);--floating-fill:rgba(250,253,255,.78);--floating-shadow:0 18px 44px rgba(35,57,99,.14);--floating-blur:20px;
  --dock-bottom:max(8px,calc(env(safe-area-inset-bottom) - 16px));--ease:cubic-bezier(.16,1,.3,1);font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;font-synthesis:none;color:var(--ink);color-scheme:light;
}
:root[data-theme="dark"] {
  --bg:#101722;--bg-deep:#0b111b;--surface:#192332;--raised:#253247;--ink:#eef4ff;--muted:#b2bfd3;--faint:#95a4bc;
  --accent:#9eb8ff;--accent-strong:#b6c9ff;--accent-soft:#283b63;--line:rgba(176,198,234,.17);--edge:rgba(223,235,255,.13);
  --warning:#f0cb82;--warning-bg:#3a3020;--error:#ffa7b5;--success:#99dbba;
  --glass:rgba(23,33,48,.74);--glass-strong:rgba(25,35,50,.95);--shadow:0 16px 42px rgba(0,5,15,.26);
  --sheet-fill:rgba(24,34,50,.9);--sheet-sheen:rgba(215,231,255,.065);--sheet-shadow:0 16px 40px rgba(0,5,15,.22);--chip-fill:#29374d;--chip-edge:rgba(220,235,255,.1);--floating-fill:rgba(26,38,56,.86);--floating-shadow:0 20px 48px rgba(0,5,15,.34);color-scheme:dark;
}
*{box-sizing:border-box}html{min-width:0;background:var(--bg);scrollbar-color:color-mix(in srgb,var(--accent) 35%,transparent) transparent;scrollbar-width:thin}
body{min-height:100dvh;margin:0;overflow-x:hidden;background:linear-gradient(160deg,var(--bg),var(--bg-deep));color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70% 50% at 8% 0%,rgba(255,255,255,.92),transparent 68%),radial-gradient(50% 42% at 92% 18%,rgba(114,153,235,.16),transparent 72%)}
[data-theme="dark"] body::before{background:radial-gradient(68% 48% at 5% 0%,rgba(102,139,214,.16),transparent 70%),radial-gradient(52% 42% at 96% 20%,rgba(83,111,176,.11),transparent 72%)}
button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer;touch-action:manipulation}button,input,a{-webkit-tap-highlight-color:transparent;outline-offset:3px}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent)}#main:focus,#main:focus-visible{outline:none}button:disabled{opacity:.52;cursor:not-allowed}button:active:not(:disabled){transform:scale(.975)}
a{color:var(--accent);text-decoration:none;text-underline-offset:3px}input{caret-color:var(--accent)}::selection{background:var(--accent-soft);color:var(--ink)}
h1,h2,h3,h4,p{margin:0}.icon{width:20px;height:20px;vertical-align:middle;flex:0 0 auto}.small,.subtle,.tiny{color:var(--muted);font-size:13px;line-height:1.55}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:fixed;top:-80px;left:16px;z-index:80;padding:12px 16px;border-radius:999px;background:var(--surface)}.skip:focus{top:12px}
.glass{background:var(--glass);border:1px solid var(--edge);box-shadow:inset 0 1px 0 var(--edge),var(--shadow);-webkit-backdrop-filter:blur(22px) saturate(1.18);backdrop-filter:blur(22px) saturate(1.18)}
.surface-sheet{background:linear-gradient(155deg,var(--sheet-sheen),transparent 48%),var(--sheet-fill);border-color:color-mix(in srgb,var(--line) 52%,transparent);box-shadow:var(--sheet-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}
.surface-floating{background:linear-gradient(150deg,color-mix(in srgb,var(--edge) 42%,transparent),transparent 46%),var(--floating-fill);box-shadow:inset 0 1px 0 var(--edge),var(--floating-shadow);-webkit-backdrop-filter:blur(var(--floating-blur)) saturate(1.16);backdrop-filter:blur(var(--floating-blur)) saturate(1.16)}
.app-layout{min-height:100dvh}.main-area{width:min(1180px,100%);margin:auto;padding:0 30px}.workspace{padding:10px 0 18px}.main-column{min-width:0}
.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:baseline;color:var(--ink);font-size:31px;font-weight:760;letter-spacing:-1.3px;line-height:1}.brand-period{color:var(--accent)}
.topbar-actions{display:flex;align-items:center;gap:8px}.status-pill{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.status-pill.warning{color:var(--warning)}.status-pill .icon{width:16px}
.button,.icon-button,.text-button,.nav-item,.group-option,.setting-action{transition:transform 140ms var(--ease),background-color 180ms ease,color 180ms ease,box-shadow 180ms ease}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:650;white-space:nowrap}.button .icon{width:18px;height:18px}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.secondary,.button.group-select{background:var(--glass-strong)}.button.large{min-height:50px}.button.wide{width:100%}.button.subscribed{color:var(--success)}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--muted)}.icon-button .icon{width:19px;height:19px}
.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 10px;border-radius:999px;color:var(--muted);font-size:12px}.text-button .icon{width:16px;height:16px}
.desktop-nav{display:flex;gap:4px;padding:5px;border-radius:999px}.nav-item{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 17px;border-radius:999px;color:var(--muted);font-size:13px;font-weight:650;white-space:nowrap}.nav-item.active{background:var(--accent-soft);color:var(--accent-strong)}.nav-item .icon{width:18px;height:18px}.nav-count{font-size:10px;line-height:17px;min-width:17px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff}
.week-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 4px 18px}.week-heading h1{font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.7px}.offline-note{display:flex;align-items:center;gap:6px;color:var(--warning);font-size:12px}.offline-note .icon{width:16px}
.now-next-region:empty{display:none}.now-next{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);margin-bottom:18px;padding:20px 22px;border-radius:24px;overflow:hidden}.live-primary,.live-next{min-width:0}.live-primary{padding-right:22px}.live-next{display:flex;flex-direction:column;justify-content:center;padding-left:22px;border-left:1px solid var(--line)}
.now-next.is-single{grid-template-columns:1fr}.now-next.is-single .live-primary{padding-right:0}
.live-label,.live-next>span{display:block;margin-bottom:3px;color:var(--muted);font-size:12px;font-weight:650}.live-metric{display:block;color:var(--accent-strong);font-size:25px;line-height:1.18;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.live-lesson{display:flex;flex-direction:column;margin-top:11px}.live-lesson strong,.live-next strong{font-size:15px;line-height:1.35;overflow-wrap:anywhere}.live-lesson>span,.live-next>span:last-child{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.live-next .live-lesson{margin-top:0}
.week-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}.day-section{min-width:0;border-radius:24px;overflow:hidden}.day-section.is-today{--sheet-fill:color-mix(in srgb,var(--surface) 68%,var(--accent-soft));--sheet-sheen:color-mix(in srgb,var(--edge) 80%,transparent)}
.day-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:17px 20px 10px}.day-heading h2{font-size:20px;line-height:1.2;font-weight:720;letter-spacing:-.3px;text-transform:capitalize}.day-heading time{display:block;margin-top:3px;color:var(--muted);font-size:13px}.day-building{white-space:nowrap}.day-summary{display:flex;flex-direction:column;align-items:flex-end;min-width:110px;text-align:right}.day-summary strong{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.day-summary span{margin-top:3px;color:var(--muted);font-size:12px}
.day-lessons{padding:0 8px 8px}.lesson-row{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;width:100%;min-height:82px;padding:14px;border-radius:16px;text-align:left}.lesson-row+.lesson-row::before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:color-mix(in srgb,var(--line) 68%,transparent);transition:opacity 140ms ease}
.lesson-row.is-current{margin:6px 0;background:var(--accent-soft);color:var(--accent-strong)}.lesson-row.is-current::before,.lesson-row.is-current+.lesson-row::before,.lesson-row:focus-visible::before,.lesson-row:focus-visible+.lesson-row::before{opacity:0}
.lesson-time{display:flex;flex-direction:column;align-items:flex-start;align-self:start;padding-top:1px;color:var(--ink);font-size:13px;line-height:1.35;font-weight:680;font-variant-numeric:tabular-nums}.lesson-time span{color:var(--muted);font-size:12px;font-weight:480}.lesson-content{display:flex;flex-direction:column;min-width:0}.lesson-title{display:flex;align-items:baseline;gap:5px;min-width:0}.lesson-subject{min-width:0;font-size:16.5px;line-height:1.3;font-weight:620;letter-spacing:-.1px;overflow-wrap:anywhere}.uncertain-mark{flex:0 0 auto;color:var(--warning);font-weight:750}.lesson-assignments{display:flex;flex-direction:column;gap:4px;margin-top:5px}.lesson-assignment{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0}.assignment-person{min-width:0;color:color-mix(in srgb,var(--muted) 76%,var(--ink));font-size:14px;line-height:1.35;font-weight:440;overflow-wrap:anywhere}.assignment-place{display:flex;align-items:center;gap:5px;color:var(--ink);line-height:1;text-align:right;white-space:nowrap}.room-badge{display:inline-flex;align-items:baseline;gap:4px;padding:4px 8px;border-radius:10px;background:color-mix(in srgb,var(--raised) 74%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--edge) 55%,transparent)}.room-badge>span{color:var(--muted);font-size:11px;font-weight:520}.room-badge strong{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.room-badge.is-empty{color:var(--muted);font-size:11px}.assignment-building{color:var(--muted);font-size:11px;line-height:1.15;font-weight:500}.lesson-row.is-cancelled .lesson-subject{text-decoration:line-through;color:var(--muted)}.lesson-row.is-missing .lesson-subject{color:var(--warning)}
.day-empty{padding:22px 14px 26px;color:var(--muted);font-size:13px}.day-source{display:flex;align-items:center;gap:6px;margin:0 22px;padding:11px 0 15px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.day-source .icon{width:13px;height:13px}.day-source time{margin-left:auto;font-variant-numeric:tabular-nums}
.week-footnote{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 4px 0;color:var(--muted);font-size:12px}.week-footnote>span{display:flex;align-items:center;gap:5px}.week-footnote .uncertain-mark{font-size:18px}
.page-footer{display:flex;align-items:center;justify-content:space-between;padding:22px 4px 28px;color:var(--muted);font-size:11px}.page-footer button{min-height:44px;border-radius:999px}.bottom-nav{display:none}
.secondary-workspace{max-width:740px;margin:0 auto}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 22px}.section-heading h2,.settings-title{font-size:28px;line-height:1.25;font-weight:700;letter-spacing:-.6px}.settings-title{margin:4px 0 24px}.section-heading .subtle{display:block;margin-top:5px}.count-pill{color:var(--muted);font-size:13px}
.settings-card,.event-card,.empty{margin-bottom:16px;padding:22px;border-radius:24px}.settings-card>h3,.row-between>h3{margin-bottom:8px;font-size:16px;font-weight:700}.event-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.event-top h3{font-size:16px}.round-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;color:var(--muted)}.change-item{padding-top:14px;margin-top:14px;border-top:1px solid var(--line)}.diff{display:flex;align-items:flex-start;gap:12px;margin-top:8px;font-size:13px}.before,.after{flex:1;overflow-wrap:anywhere}.before{color:var(--muted);text-decoration:line-through}.after{color:var(--success)}
.segmented{display:flex;gap:4px;margin-top:12px;padding:4px;border-radius:999px;background:var(--raised)}.segmented button{flex:1;min-height:42px;padding:8px 12px;border-radius:999px;color:var(--muted);font-size:13px}.segmented button.active{background:var(--glass-strong);color:var(--ink);box-shadow:0 3px 10px rgba(30,48,82,.08)}
.setting-row{position:relative;display:flex;align-items:center;gap:12px;padding:16px 0}.setting-row:first-child{padding-top:0}.setting-row:last-child{padding-bottom:0}.setting-row+.setting-row::before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:var(--line)}.setting-row>div{flex:1}.setting-row h4{font-size:15px;font-weight:650}.setting-row p{margin-top:3px;color:var(--muted);font-size:13px}.toggle{position:relative;width:52px;height:44px;padding:8px 3px;border-radius:999px}.toggle::before{content:"";position:absolute;inset:8px 1px;border-radius:999px;background:var(--line)}.toggle.on::before{background:var(--accent)}.toggle>span{position:relative;display:block;width:22px;height:22px;margin:3px 0;border-radius:50%;background:var(--surface);box-shadow:0 2px 4px rgba(12,25,48,.2);transition:transform 200ms var(--ease)}.toggle.on>span{transform:translateX(22px)}
.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.subscription-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.subscription-chip{display:flex;align-items:center;gap:6px;padding-left:12px;border:1px solid var(--line);border-radius:999px;font-size:14px}.subscription-chip button{width:44px;height:44px;border-radius:50%}.subscription-chip .icon{width:16px;height:16px}.setting-action{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px;border-radius:14px;text-align:left;font-size:14px}.setting-action+.setting-action::before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:var(--line);transition:opacity 140ms ease}.setting-action:focus-visible::before,.setting-action:focus-visible+.setting-action::before{opacity:0}.actions-card{padding:8px}.danger,.danger-button{color:var(--error)}
.onboarding{max-width:560px;margin:70px auto}.onboarding h1{margin-bottom:10px;font-size:32px;letter-spacing:-.8px}.onboarding>p{margin-bottom:24px;color:var(--muted)}.boot{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:30px;font-weight:750}
.demo-banner,.error-banner,.update-banner{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;border:1px solid var(--line);border-radius:18px;font-size:13px}.demo-banner{display:block;color:var(--warning)}.error-banner{background:var(--warning-bg);color:var(--warning)}.error-banner>span,.update-banner>span{flex:1}
dialog{width:min(560px,calc(100vw - 28px));max-height:88dvh;padding:24px;overflow:auto;border:1px solid var(--edge);border-radius:28px;background:var(--glass-strong);color:var(--ink);box-shadow:0 28px 80px rgba(5,15,35,.28);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);scrollbar-color:var(--line) transparent;scrollbar-width:thin}dialog::backdrop{background:rgba(8,15,28,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.dialog-heading h2{font-size:22px;line-height:1.25;letter-spacing:-.4px}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.dialog-description{margin-bottom:16px;color:var(--muted)}
.search-field{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--raised)}.search-field input{width:100%;min-width:0;height:50px;border:0;background:none;color:var(--ink);font-size:16px}.search-field input::placeholder{color:var(--muted)}.group-results{max-height:50dvh;margin-top:12px;overflow:auto}.group-option{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px;border-radius:18px;text-align:left}.group-option.selected{background:var(--accent-soft)}.group-option>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.group-option small{display:block;color:var(--muted);font-size:12px}.group-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 auto;border-radius:50%;background:var(--raised);color:var(--muted)}.empty-search{padding:16px 2px;color:var(--muted);font-size:14px}
.detail-copy{line-height:1.65}.detail-copy p{margin-bottom:14px}.detail-copy section{padding:18px 0 4px;border-top:1px solid var(--line)}.detail-copy section:first-of-type{padding-top:14px;border-top:0}.detail-copy h3{font-size:21px;line-height:1.35;overflow-wrap:anywhere}.detail-copy h4{margin-bottom:8px;font-size:16px;overflow-wrap:anywhere}.detail-date{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.detail-warning{color:var(--warning)}.detail-room{display:flex;align-items:center;gap:8px}.detail-room b{font-size:20px}.detail-room span{color:var(--muted);font-size:13px}.detail-peers{color:var(--muted);font-size:13px}.detail-peers .icon{width:16px;height:16px;margin-right:5px}.source-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:13px}.source-link .icon{width:14px;height:14px}.source-status-list>div{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.source-status-list p,.source-status-list small{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.status-dot{width:8px;height:8px;margin-top:8px;flex:0 0 auto;border-radius:50%;background:var(--success)}.status-dot.bad{background:var(--error)}
.empty{padding:30px 22px}.empty>.icon{width:28px;height:28px;color:var(--muted)}.empty h3{margin:10px 0 5px;font-size:18px}.empty p{max-width:500px;color:var(--muted);font-size:14px}#toast{position:fixed;left:14px;right:14px;bottom:24px;z-index:70;width:fit-content;min-width:min(320px,calc(100vw - 28px));max-width:460px;margin-inline:auto;padding:12px 15px;border:1px solid var(--edge);border-radius:17px;background:var(--glass-strong);box-shadow:inset 0 1px 0 var(--edge),0 14px 36px rgba(10,25,52,.24);color:var(--ink);font-size:14px;line-height:1.45;opacity:0;pointer-events:none;transform:translateY(14px);transition:opacity 160ms ease,transform 200ms var(--ease);-webkit-backdrop-filter:blur(22px) saturate(1.16);backdrop-filter:blur(22px) saturate(1.16)}#toast.visible{opacity:1;transform:none}
.spinning .icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sheet-open{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes breathe{to{opacity:.45}}
@media (min-width:1120px){.week-list{grid-template-columns:repeat(3,minmax(0,1fr))}.day-heading{padding-inline:20px}.lesson-row{grid-template-columns:52px minmax(0,1fr);gap:10px;padding-inline:12px}}
@media (max-width:760px){
  .main-area{padding:0 14px calc(112px + env(safe-area-inset-bottom))}.topbar{height:70px;padding-top:env(safe-area-inset-top);gap:10px}.brand{font-size:29px}.desktop-nav,.topbar-actions .status-pill{display:none}.topbar-actions{gap:2px}.button.group-select{max-width:190px;min-height:44px;padding:8px 12px;overflow:hidden;text-overflow:ellipsis;font-size:13px}.workspace{padding-top:8px}
  .week-heading{margin:2px 4px 16px}.week-heading h1{font-size:25px;letter-spacing:-.6px}.now-next{grid-template-columns:1fr;padding:18px;border-radius:24px}.live-primary{padding-right:0}.live-next{margin-top:15px;padding:14px 0 0;border-top:1px solid var(--line);border-left:0}.live-metric{font-size:22px}.live-lesson strong,.live-next strong{font-size:14px}.week-list{grid-template-columns:1fr;gap:13px}.day-section{border-radius:23px}.day-heading{padding:16px 17px 9px}.day-heading h2{font-size:19px}.day-heading time{font-size:12px}.day-summary{min-width:105px}.day-summary strong{font-size:12px}.day-summary span{font-size:11px}.day-lessons{padding:0 6px 6px}.lesson-row{grid-template-columns:55px minmax(0,1fr);gap:10px;min-height:78px;padding:13px 11px}.lesson-subject{font-size:16px}.day-source{margin:0 17px;padding:10px 0 13px}.week-footnote{align-items:flex-start;font-size:11px}.page-footer{display:none}
  .bottom-nav{position:fixed;left:50%;right:auto;bottom:var(--dock-bottom);z-index:50;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(396px,calc(100% - 24px));height:78px;padding:8px;border-radius:9999px;background:linear-gradient(150deg,color-mix(in srgb,var(--edge) 38%,transparent),transparent 48%),var(--floating-fill);border:1px solid color-mix(in srgb,var(--line) 58%,transparent);box-shadow:0 10px 30px rgba(19,38,72,.13);-webkit-backdrop-filter:blur(26px) saturate(1.18);backdrop-filter:blur(26px) saturate(1.18);transform:translateX(-50%)}
  .nav-indicator{position:absolute;top:8px;bottom:8px;left:8px;width:calc((100% - 16px)/3);border-radius:9999px;background:color-mix(in srgb,var(--accent-soft) 58%,transparent);transform:translateX(calc(var(--nav-index)*100%));transition:transform 210ms var(--ease)}
  .bottom-nav .nav-item{z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;height:62px;padding:6px 3px;border-radius:9999px;background:transparent;color:var(--muted);font-size:11px;line-height:1.1;text-align:center}.bottom-nav .nav-item:hover{background:transparent}.bottom-nav .nav-item.active{background:transparent;color:var(--accent-strong)}.bottom-nav .nav-item .icon{width:21px;height:21px}.bottom-nav .nav-count{position:absolute;top:3px;right:16px}.bottom-nav .nav-item:active{transform:scale(.96)}
  .secondary-workspace{padding-top:4px}.settings-title,.section-heading h2{font-size:25px}.settings-card,.event-card,.empty{padding:18px;border-radius:24px}.setting-row>.round-icon{display:none}.name-formats{flex-wrap:wrap}.row-between{align-items:flex-start;flex-wrap:wrap}.diff{gap:8px}.onboarding{margin:42px 0}.onboarding h1{font-size:28px}dialog{padding:21px;border-radius:28px;max-height:86dvh}dialog.lesson-dialog{width:calc(100% - 16px);margin:auto 8px calc(8px + env(safe-area-inset-bottom))}#toast{bottom:calc(86px + var(--dock-bottom))}
}
@media (max-width:380px){.main-area{padding-left:10px;padding-right:10px}.button.group-select{max-width:155px}.now-next{padding:16px}.live-primary{padding-right:13px}.live-next{padding-left:13px}.live-metric{font-size:20px}.day-heading{padding-inline:16px}.lesson-row{grid-template-columns:50px minmax(0,1fr);padding-inline:9px}.bottom-nav{width:calc(100% - 18px)}}
@media (hover:hover) and (pointer:fine){a:hover{text-decoration:underline}.brand:hover{text-decoration:none}.button.primary:hover{background:var(--accent-strong)}.icon-button:hover,.text-button:hover,.nav-item:hover,.group-option:hover,.setting-action:hover{background:var(--raised)}.text-button:hover{color:var(--ink)}.lesson-row:hover{background:color-mix(in srgb,var(--accent-soft) 58%,transparent)}.setting-action:hover::before,.setting-action:hover+.setting-action::before{opacity:0}}
@media (hover:none), (pointer:coarse){button:focus-visible,a:focus-visible,input:focus-visible{outline:none}.button.primary:active{background:var(--accent-strong)}.icon-button:active,.text-button:active,.group-option:active,.setting-action:active{background:var(--raised)}.lesson-row:active{background:color-mix(in srgb,var(--accent-soft) 66%,transparent)}.setting-action:active::before,.setting-action:active+.setting-action::before{opacity:0}}
@media (prefers-reduced-motion:no-preference){dialog[open]{animation:sheet-open 240ms var(--ease)}.day-loading span{animation:breathe 1.3s ease-in-out infinite alternate}}
.reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reduce-motion button:active{transform:none}.solid{--glass:var(--surface);--glass-strong:var(--surface);--sheet-fill:var(--surface);--sheet-sheen:transparent;--floating-fill:var(--surface);--edge:var(--line)}.solid .glass,.solid dialog,.solid dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}button:active{transform:none}}
@media (prefers-reduced-transparency:reduce){:root{--glass:var(--surface);--glass-strong:var(--surface);--edge:var(--line)}.glass,dialog,dialog::backdrop,.bottom-nav{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media (prefers-contrast:more){:root{--line:#7e8da7;--edge:var(--line);--glass:var(--surface);--glass-strong:var(--surface)}:root[data-theme="dark"]{--line:#8595ae}}