.placeholder{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);text-align:center}.placeholder__logo{width:min(60vw,220px);height:auto;filter:drop-shadow(0 12px 24px rgba(13,156,194,.25))}.placeholder__title{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-display);font-size:clamp(1.5rem,5vw,2rem);margin:0;color:var(--text-ink)}.placeholder__subtitle{font-family:var(--font-body);font-size:1rem;color:var(--text-ink-muted);margin:0}.protected-route-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-ink-muted);font-family:var(--font-body)}.touch-target{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border:none;border-radius:var(--radius-control);padding:0 var(--space-md);background:var(--surface-card);color:var(--text-ink);font-family:var(--font-body);font-weight:600;font-size:1rem;line-height:1;cursor:pointer;touch-action:manipulation;box-shadow:var(--shadow-card);transition:transform .15s ease,box-shadow .15s ease}.touch-target--primary{border-radius:var(--radius-hero);background:var(--gradient-signature);color:#fff;font-family:var(--font-display);font-size:1.05rem;letter-spacing:var(--tracking-display)}.touch-target:active{transform:scale(.96);box-shadow:var(--shadow-selected)}.touch-target:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(prefers-reduced-motion:reduce){.touch-target{transition:none}}.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl) var(--gutter-mobile);padding-top:calc(var(--space-xl) + var(--safe-top));padding-bottom:calc(var(--space-xl) + var(--safe-bottom));text-align:center;max-width:var(--content-max-width);margin:0 auto}.login__mark{width:var(--size-avatar-lg);height:var(--size-avatar-lg);border-radius:var(--radius-avatar-lg);background:var(--gradient-signature);box-shadow:var(--shadow-card)}.login h1{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-display);font-size:clamp(1.5rem,5vw,2rem);margin:0;color:var(--text-ink)}.login p{font-family:var(--font-body);color:var(--text-ink-muted);margin:0;max-width:32ch}.login__form{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-md);margin-top:var(--space-md)}.login__label{text-align:left;font-weight:600;color:var(--text-ink);font-size:.9rem}.login__input{min-height:var(--touch-min-tutor);border:1px solid var(--border-whisper);border-radius:var(--radius-control);padding:0 var(--space-md);font-size:1rem;font-family:var(--font-body);background:var(--surface-card);color:var(--text-ink)}.login__input:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.login__error{color:var(--color-amber-deep);font-weight:600;margin:0;text-align:left}.login__submit{width:100%}.pair{min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-xl) var(--gutter-mobile);padding-top:calc(var(--space-xl) + var(--safe-top));padding-bottom:calc(var(--content-bottom-padding) + var(--safe-bottom));text-align:center;touch-action:manipulation;overscroll-behavior:none}.pair h1{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-display);font-size:clamp(1.5rem,5vw,2rem);margin:0;color:var(--text-ink)}.pair__hint{font-family:var(--font-body);color:var(--text-ink-muted);margin:0}.pair__dots{display:flex;gap:var(--space-md)}.pair__dot{width:20px;height:20px;border-radius:var(--radius-pill);border:2px solid var(--color-brand-500);background:transparent;transition:background-color .15s ease}.pair__dot--filled{background-color:var(--color-brand-500)}@media(prefers-reduced-motion:reduce){.pair__dot{transition:none}}.pair__error{color:var(--text-ink);background:var(--color-brand-50);border-radius:var(--radius-control);padding:var(--space-sm) var(--space-md);font-weight:500;margin:0}.pair__numpad{display:grid;grid-template-columns:repeat(3,var(--touch-min-primary));gap:var(--touch-min-gap);justify-content:center}.pair__key{font-size:1.5rem}.pair__key--back{font-size:1.25rem}.pair__key-spacer{width:var(--touch-min-primary);height:var(--touch-min-primary)}.play-page--status{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl) var(--gutter-mobile);text-align:center;color:var(--text-ink-muted);background:var(--surface-canvas)}.pupil-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:stretch;height:calc(var(--tabbar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:color-mix(in srgb,var(--surface-card) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-whisper)}.pupil-nav__tab{flex:1 1 0;min-width:0;height:auto;border-radius:0;background:transparent;box-shadow:none;flex-direction:column;gap:2px;padding:var(--space-xs) 0;color:var(--text-ink-muted);font-weight:500}.pupil-nav__tab:active{box-shadow:none}.pupil-nav__tab--active{color:var(--color-brand-600)}.pupil-nav__icon{font-size:1.4rem;line-height:1}.pupil-nav__label{font-family:var(--font-display);font-size:.7rem;letter-spacing:var(--tracking-display)}.profile-page{min-height:100dvh;padding:calc(var(--safe-top) + var(--space-md)) var(--gutter-mobile) var(--content-bottom-padding);background:var(--surface-canvas)}.profile-page--status{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-ink-muted)}.profile-page__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.profile-page__logo{height:32px;width:auto}.profile-page__title{font-family:var(--font-display);letter-spacing:var(--tracking-display);font-size:1.1rem;margin:0;color:var(--text-ink)}.profile-page__loading{color:var(--text-ink-muted)}.profile-page__xp{font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--color-brand-600);margin:0 0 var(--space-md)}.profile-page__xp-total{font-family:var(--font-body);font-weight:500;font-size:.85rem;color:var(--text-ink-muted)}.profile-page__error{color:var(--color-amber-deep);background:var(--surface-card);border-radius:var(--radius-control);padding:var(--space-xs) var(--space-sm);box-shadow:var(--shadow-card);margin:0 0 var(--space-md)}.profile-preview{display:flex;gap:var(--space-lg);align-items:center;padding:var(--space-md);border:none;min-width:0;margin:0 0 var(--space-lg);border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--shadow-card)}.profile-preview__avatar,.profile-preview__terrain{display:flex;gap:4px}.profile-preview__swatch{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--border-whisper)}.profile-section{margin-bottom:var(--space-lg)}.profile-section__title{font-family:var(--font-display);font-size:.95rem;letter-spacing:var(--tracking-display);color:var(--text-ink);margin:0 0 var(--space-sm)}.profile-strip{display:flex;gap:var(--space-md);overflow-x:auto;border:none;min-width:0;margin:0;padding:0 0 var(--space-xs);-webkit-overflow-scrolling:touch}.profile-tile{flex:0 0 auto;width:84px;height:auto;min-height:56px;flex-direction:column;gap:4px;padding:var(--space-sm);background:var(--surface-card)}.profile-tile--equipped{box-shadow:var(--shadow-selected)}.profile-tile--locked{opacity:.55}.profile-tile__swatch{width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--border-whisper)}.profile-tile__label{font-size:.75rem;font-weight:600;color:var(--text-ink);text-align:center}.profile-tile__price{font-size:.7rem;color:var(--text-ink-muted)}.profile-page__recordings-link{width:100%;margin-top:var(--space-lg);justify-content:flex-start;padding-left:var(--space-md)}.recording-page{min-height:100dvh;display:flex;flex-direction:column;padding:var(--space-md) var(--gutter-mobile);padding-top:calc(var(--space-md) + var(--safe-top));padding-bottom:calc(var(--space-xl) + var(--safe-bottom));background:var(--surface-canvas);touch-action:manipulation;overscroll-behavior:none}.recording-page--status{align-items:center;justify-content:center;text-align:center;color:var(--text-ink-muted)}.recording-page__header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.recording-page__back{flex-shrink:0;font-size:1.3rem;padding:0 var(--space-md)}.recording-page__title{margin:0;font-family:var(--font-display);font-size:1.1rem;color:var(--text-ink)}.recording-page__subtitle{margin:2px 0 0;color:var(--text-ink-muted);font-size:.9rem}.recording-page__message{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);text-align:center;max-width:32ch;margin:0 auto;color:var(--text-ink-muted)}.recording-page__stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg)}.recording-page__timer{margin:0;font-family:var(--font-display);font-weight:700;font-size:3.5rem;color:var(--text-ink);font-variant-numeric:tabular-nums}.recording-page__level-track{width:100%;max-width:280px;height:10px;border-radius:var(--radius-pill);background:var(--border-whisper);overflow:hidden}.recording-page__level-fill{height:100%;width:100%;transform-origin:left center;background:var(--gradient-signature);transition:transform .08s linear}.recording-page__record-btn{width:220px;height:220px;border-radius:50%;flex-direction:column;gap:var(--space-sm);font-size:1.2rem}.recording-page__record-btn span:first-child{font-size:3rem}.recording-page__record-btn--live{background:var(--gradient-signature);box-shadow:var(--shadow-selected);animation:recording-pulse 1.4s ease-in-out infinite}.recording-page__preview-btn{padding:0 var(--space-xl)}.recording-page__progress-track{width:100%;max-width:320px;height:12px;border-radius:var(--radius-pill);background:var(--border-whisper);overflow:hidden}.recording-page__progress-fill{height:100%;background:var(--gradient-signature);transition:width .15s ease}.recording-page__actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--touch-min-gap);width:100%;max-width:320px}.recording-page__send-btn{height:var(--touch-min-primary)}.recording-page__again-btn{height:var(--touch-min-pupil)}.recording-page__error{color:var(--color-amber-deep);font-weight:600;text-align:center;margin:0}@keyframes recording-pulse{0%,to{box-shadow:var(--shadow-selected)}50%{box-shadow:0 0 0 10px #0d9cc21f,var(--shadow-selected)}}@media(prefers-reduced-motion:reduce){.recording-page__record-btn--live{animation:none}.recording-page__level-fill{transition:none}}.recordings-list{min-height:100vh;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md) var(--gutter-mobile);padding-top:calc(var(--space-md) + var(--safe-top));padding-bottom:calc(var(--space-xl) + var(--safe-bottom));background:var(--surface-canvas)}.recordings-list__header{display:flex;align-items:center;gap:var(--space-md)}.recordings-list__back{flex-shrink:0;font-size:1.3rem;padding:0 var(--space-md)}.recordings-list__title{margin:0;font-family:var(--font-display);font-size:1.2rem;color:var(--text-ink)}.recordings-list__status{text-align:center;color:var(--text-ink-muted);margin:var(--space-xl) 0;max-width:32ch;margin-left:auto;margin-right:auto}.recordings-list__items{display:flex;flex-direction:column;gap:var(--space-md)}.recordings-list__item{background:var(--surface-card);border-radius:var(--radius-card);padding:var(--card-padding);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-sm)}.recordings-list__row{display:flex;align-items:center;gap:var(--space-md)}.recordings-list__play{flex-shrink:0;border-radius:50%;padding:0}.recordings-list__meta{display:flex;flex-direction:column}.recordings-list__date{margin:0;color:var(--text-ink);font-weight:600}.recordings-list__duration{margin:0;color:var(--text-ink-muted);font-size:.85rem;font-variant-numeric:tabular-nums}.recordings-list__feedback{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-control);background:var(--surface-canvas);font-size:1.3rem}.recordings-list__feedback-text{margin:0;font-size:.9rem;color:var(--text-ink)}.bottom-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a161b73;display:flex;align-items:flex-end;justify-content:center;z-index:50}.bottom-sheet{width:100%;max-width:var(--content-max-width);background:var(--surface-card);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;padding:var(--space-md) var(--gutter-mobile) calc(var(--space-lg) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-md);touch-action:none;box-shadow:var(--shadow-card-hover)}.bottom-sheet__handle{width:44px;height:5px;border-radius:var(--radius-pill);background:var(--border-whisper);margin:0 auto}.bottom-sheet__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center}.bottom-sheet__close{align-self:stretch}@media(min-width:768px){.bottom-sheet-backdrop{align-items:center}.bottom-sheet{max-width:480px;border-radius:var(--radius-sheet);padding:var(--space-lg) var(--gutter-md)}.bottom-sheet__handle{display:none}}.rewards-page{min-height:100dvh;padding:calc(var(--safe-top) + var(--space-md)) var(--gutter-mobile) var(--content-bottom-padding);background:var(--surface-canvas)}.rewards-page--status{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-ink-muted)}.rewards-page__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.rewards-page__logo{height:32px;width:auto}.rewards-page__title{font-family:var(--font-display);letter-spacing:var(--tracking-display);font-size:1.1rem;margin:0;color:var(--text-ink)}.rewards-page__loading{color:var(--text-ink-muted)}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:var(--space-md)}.rewards-tile{position:relative;aspect-ratio:1;flex-direction:column;border-radius:var(--radius-card);font-size:1.8rem;overflow:visible}.rewards-tile--earned{background:var(--surface-card);box-shadow:var(--shadow-card)}.rewards-tile--locked{background:var(--color-border-whisper-light);opacity:.6}.rewards-tile__icon{line-height:1}.rewards-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.rewards-burst__particle{position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:var(--color-signal-cyan);transform:translate(-50%,-50%);animation:rewards-burst-fly .7s ease-out forwards}.rewards-burst__particle:nth-child(3n){background:var(--node-cleared)}.rewards-burst__particle:nth-child(3n+1){background:var(--color-brand-500)}@keyframes rewards-burst-fly{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--distance) * -1)) scale(.3);opacity:0}}.rewards-detail{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center}.rewards-detail__icon{font-size:2.5rem}.rewards-detail__title{font-family:var(--font-display);letter-spacing:var(--tracking-display);margin:0}.rewards-detail__description{color:var(--text-ink-muted);margin:0}.rewards-detail__status{font-weight:600;color:var(--color-brand-600);margin:0}.streak-page{min-height:100dvh;padding:calc(var(--safe-top) + var(--space-md)) var(--gutter-mobile) var(--content-bottom-padding);display:flex;flex-direction:column;align-items:center;gap:var(--space-md);background:var(--surface-canvas)}.streak-page--status{justify-content:center;align-items:center;text-align:center;color:var(--text-ink-muted)}.streak-page__header{width:100%;display:flex;align-items:center;gap:var(--space-sm)}.streak-page__logo{height:32px;width:auto}.streak-page__title{font-family:var(--font-display);letter-spacing:var(--tracking-display);font-size:1.1rem;margin:0;color:var(--text-ink)}.streak-page__loading{color:var(--text-ink-muted)}.streak-page__flame{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-lg);border-radius:50%;background:var(--streak-flame);color:#fff;box-shadow:var(--shadow-card);width:160px;height:160px;justify-content:center}.streak-flame-glyph{font-size:2.75rem;line-height:1}.streak-page__weeks-count{font-family:var(--font-display);font-weight:700;font-size:1.1rem}.streak-page__best{font-size:.8rem;opacity:.9}.streak-page__strip{list-style:none;display:flex;gap:var(--space-sm);padding:0;margin:0;max-width:100%;overflow-x:auto}.streak-week{flex:0 0 auto;width:36px;height:36px;border-radius:var(--radius-control);display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:var(--surface-card);color:var(--text-ink-muted);box-shadow:var(--shadow-card)}.streak-week--cleared{background:var(--node-cleared);color:#fff}.streak-week--current{border:2px solid var(--color-signal-cyan);color:var(--color-brand-600)}.streak-week--frozen{background:var(--color-brand-100);color:var(--color-brand-700)}.streak-week--holiday{background:var(--color-brand-50);color:var(--color-brand-500)}.streak-page__notes{width:100%;max-width:420px;margin:0;padding:0 var(--space-md);color:var(--text-ink-muted);font-size:.9rem;list-style:none;display:flex;flex-direction:column;gap:var(--space-xs);text-align:center}.streak-page__tokens{font-family:var(--font-display);font-weight:600;color:var(--text-ink);margin:0}.streak-page__info-toggle{background:var(--surface-card);color:var(--text-ink-muted)}.streak-page__info{max-width:420px;text-align:center;color:var(--text-ink-muted);font-size:.9rem;padding:0 var(--space-md)}.child-switcher{display:flex;gap:var(--touch-min-gap);overflow-x:auto;padding:0 var(--space-xs) var(--space-xs);-webkit-overflow-scrolling:touch}.child-chip{flex:0 0 auto;border-radius:var(--radius-pill);font-family:var(--font-display)}.child-chip--selected{background:var(--gradient-signature);color:#fff}.mute-toggle{padding:0;font-size:1.5rem;line-height:1}.node-sheet__icon{font-size:40px;line-height:1}.node-sheet__title{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-display);font-size:1.3rem;margin:0;color:var(--text-ink)}.node-sheet__subtitle{margin:0;color:var(--text-ink-muted);font-size:.95rem}.node-sheet__excerpt{margin:0;padding:var(--space-md);background:var(--color-brand-50);border-radius:var(--radius-control);color:var(--text-ink);font-style:italic;font-size:.9rem}.node-sheet__locked{margin:0;color:var(--text-ink-muted);font-size:.9rem}.node-sheet__cta,.node-sheet__read{align-self:stretch}.path-scene{position:relative;width:100%;height:100%;touch-action:none;overscroll-behavior:none;background:var(--surface-canvas)}.path-scene canvas{display:block;width:100%;height:100%;touch-action:none}.perf-overlay{position:fixed;top:calc(var(--safe-top) + var(--space-sm));left:var(--space-sm);z-index:60;display:flex;gap:var(--space-sm);padding:4px 8px;background:#0a161bbf;color:#a0f0ff;font-family:monospace;font-size:11px;border-radius:6px;pointer-events:none}.unlock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);pointer-events:none}.unlock-overlay__xp{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-display);font-size:clamp(40px,12vw,72px);color:var(--color-signal-cyan);text-shadow:0 2px 24px rgba(6,191,229,.5)}.unlock-overlay__title{font-family:var(--font-body);font-size:18px;color:var(--text-ink);background:var(--surface-card);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);margin:0}.unlock-overlay .unlock-overlay__skip{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-width:0;min-height:0;border-radius:0;background:transparent;border:none;color:transparent;box-shadow:none;pointer-events:auto}.path-page{position:relative;width:100%;height:100dvh;overflow:hidden;touch-action:none;overscroll-behavior:none;background:var(--surface-canvas)}.path-page__header{position:absolute;top:var(--safe-top);left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--gutter-mobile)}.path-page__logo{height:36px;width:auto}.path-page__header-right{display:flex;align-items:center;gap:var(--space-md)}.path-page__xp{font-family:var(--font-display);font-weight:700;color:var(--color-brand-600);background:var(--surface-card);padding:4px 12px;border-radius:var(--radius-pill);box-shadow:var(--shadow-card);white-space:nowrap}.path-page__lite-toggle{font-size:12px;padding:0 var(--space-sm);background:var(--surface-card);color:var(--text-ink-muted);box-shadow:var(--shadow-card);border-radius:var(--radius-pill)}.path-page__switcher{position:absolute;top:calc(var(--safe-top) + 52px);left:0;right:0;z-index:30;padding:0 var(--gutter-mobile)}.path-page__error{position:absolute;top:calc(var(--safe-top) + 52px);left:var(--gutter-mobile);right:var(--gutter-mobile);z-index:30;text-align:center;color:var(--color-amber-deep);background:var(--surface-card);border-radius:var(--radius-control);padding:var(--space-xs) var(--space-sm);box-shadow:var(--shadow-card)}.path-page__badge-toast{position:absolute;top:calc(var(--safe-top) + 52px);left:var(--gutter-mobile);right:var(--gutter-mobile);z-index:30;text-align:center;font-family:var(--font-display);font-weight:600;color:var(--color-brand-700);background:var(--surface-card);border-radius:var(--radius-control);padding:var(--space-xs) var(--space-sm);box-shadow:var(--shadow-card)}.path-page__scene{width:100%;height:100%}.path-page-status{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl) var(--gutter-mobile);text-align:center;color:var(--text-ink-muted)}.splash-root{position:relative;width:100%;height:100dvh}.splash-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--surface-canvas);z-index:40}.splash-overlay__image{max-width:220px;max-height:220px;width:auto;height:auto}.task-list{min-height:100vh;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md) var(--gutter-mobile);padding-top:calc(var(--space-md) + var(--safe-top));padding-bottom:calc(var(--content-bottom-padding) + var(--safe-bottom));touch-action:manipulation;overscroll-behavior:none}.task-list__header{display:flex;align-items:center;justify-content:center;position:relative;padding:var(--space-sm) 0}.task-list__logo{height:40px;width:auto}.task-list__path-toggle{position:absolute;right:0;font-size:12px;padding:0 var(--space-sm);background:var(--surface-card);color:var(--text-ink-muted);box-shadow:var(--shadow-card);border-radius:var(--radius-pill)}.task-list__status{text-align:center;color:var(--text-ink-muted);margin:var(--space-lg) 0}.task-list__empty{text-align:center;color:var(--text-ink-muted);margin:var(--space-xl) var(--gutter-mobile);max-width:32ch;align-self:center}.task-list__cards{display:flex;flex-direction:column;gap:var(--space-md)}.touch-target.task-card{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--space-md);width:100%;height:auto;min-height:var(--touch-min-primary);padding:var(--card-padding-md);border-radius:var(--radius-card);text-align:left}.task-card__glyph{flex-shrink:0;color:var(--color-brand-500)}.task-card__body{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.task-card__piece{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--text-ink)}.task-card__focus{color:var(--text-ink-muted);font-size:.95rem}.task-card__pill{align-self:flex-start;background:var(--color-brand-50);color:var(--color-brand-700);border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-sm);font-size:.8rem;font-weight:700}.task-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;background:var(--surface-canvas);padding:calc(var(--space-xl) + var(--safe-top)) var(--gutter-mobile) calc(var(--space-lg) + var(--safe-bottom))}.task-sheet__content{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md);overflow-y:auto;padding-top:var(--space-lg)}.task-sheet__glyph{width:72px;height:72px;color:var(--color-brand-500)}.task-sheet__piece{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-display);font-size:1.5rem;margin:0;color:var(--text-ink)}.task-sheet__focus{font-size:1.1rem;color:var(--text-ink);margin:0;max-width:32ch}.task-sheet__pill{background:var(--color-brand-50);color:var(--color-brand-700);border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-md);font-weight:700;margin:0}.task-sheet__excerpt{margin:0;padding:var(--space-md);border-left:3px solid var(--color-brand-200);background:var(--surface-card);border-radius:var(--radius-control);color:var(--text-ink-muted);font-style:italic;max-width:36ch}.task-sheet__read{margin-top:var(--space-sm)}.task-sheet__close{width:100%}.task-list__footer{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding-top:var(--space-lg)}.task-list__error{color:var(--color-amber-deep);font-weight:600;margin:0}.task-list__pin-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--card-padding);border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--shadow-card)}.task-list__pin-label{margin:0;color:var(--text-ink-muted);font-size:.85rem}.task-list__pin-value{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:.3em;font-size:2.5rem;color:var(--color-brand-600)}.task-list__pin-expiry{margin:0;color:var(--text-ink-muted);font-size:.8rem}.recording-inbox{min-height:100vh;display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg) var(--gutter-mobile);padding-top:calc(var(--space-lg) + var(--safe-top));padding-bottom:calc(var(--space-xl) + var(--safe-bottom));max-width:var(--content-max-width);margin:0 auto;width:100%}.recording-inbox__header h1{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--text-ink)}.recording-inbox__status{text-align:center;color:var(--text-ink-muted);margin:var(--space-xl) 0}.recording-inbox__list{display:flex;flex-direction:column;gap:var(--space-lg)}.recording-inbox__item{background:var(--surface-card);border-radius:var(--radius-card);padding:var(--card-padding);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-md)}.recording-inbox__item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.recording-inbox__student{margin:0;font-weight:700;color:var(--text-ink)}.recording-inbox__meta{margin:2px 0 0;color:var(--text-ink-muted);font-size:.85rem}.recording-inbox__date{color:var(--text-ink-muted);font-size:.8rem;white-space:nowrap;font-variant-numeric:tabular-nums}.recording-inbox__audio{width:100%}.recording-inbox__reactions{display:flex;gap:var(--touch-min-gap);border:none;min-width:0;margin:0;padding:0}.recording-inbox__reactions-legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.recording-inbox__reaction{flex:1;font-size:1.4rem}.recording-inbox__reaction--selected{box-shadow:var(--shadow-selected);background:var(--color-brand-50)}.recording-inbox__text{min-height:var(--touch-min-tutor);border:1px solid var(--border-whisper);border-radius:var(--radius-control);padding:0 var(--space-md);font-family:var(--font-body);font-size:1rem;background:var(--surface-canvas);color:var(--text-ink)}.recording-inbox__send{align-self:flex-end}.recording-inbox__error{color:var(--color-amber-deep);font-weight:600;margin:0}.recording-inbox__reply{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-control);background:var(--surface-canvas)}.recording-inbox__reply-icon{font-size:1.6rem}.recording-inbox__reply-text{margin:0;color:var(--text-ink)}.recording-inbox__reply-sent{margin:4px 0 0;color:var(--text-ink-muted);font-size:.8rem}.review-card{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:480px;margin:0 auto;padding:var(--card-padding-md);border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--shadow-card);touch-action:pan-y;will-change:transform}.review-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.review-card__name{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-display);font-size:1.3rem;margin:0;color:var(--text-ink)}.review-card__meta{margin:var(--space-xs) 0 0;color:var(--text-ink-muted);font-size:.9rem}.review-card__confidence{flex-shrink:0;font-size:.75rem;font-weight:600;color:var(--text-ink-muted);background:var(--color-brand-50);border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.review-card__excerpt{display:flex;flex-direction:column;gap:var(--space-xs);text-align:left;border:none;border-left:3px solid var(--color-brand-200);background:var(--surface-canvas);border-radius:var(--radius-control);padding:var(--space-sm) var(--space-md);color:var(--text-ink-muted);font-family:var(--font-body);font-style:italic;font-size:.95rem;cursor:pointer;min-height:var(--touch-min-tutor)}.review-card__excerpt-hint{font-style:normal;font-size:.75rem;color:var(--color-brand-600);font-weight:600}.review-card__tasks{display:flex;flex-direction:column;gap:var(--space-sm)}.review-card__empty{margin:0;color:var(--text-ink-muted);font-size:.95rem}.review-card__task{display:block;width:100%;border:none;border-radius:var(--radius-control);padding:var(--space-md);background:var(--surface-canvas);min-height:var(--touch-min-tutor);text-align:left;font-family:inherit;cursor:pointer}.review-card__task-piece{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.15rem;color:var(--text-ink)}.review-card__task-focus{margin:var(--space-xs) 0 0;color:var(--text-ink);font-size:1rem}.review-card__task-target{margin:var(--space-xs) 0 0;color:var(--color-brand-600);font-weight:600;font-size:.85rem}.review-card__task--editing{display:flex;flex-direction:column;gap:var(--space-xs);cursor:default}.review-card__field-label{font-size:.75rem;font-weight:600;color:var(--text-ink-muted)}.review-card__field{min-height:var(--touch-min-tutor);border:1px solid var(--border-whisper);border-radius:var(--radius-control);padding:0 var(--space-md);font-size:1rem;font-family:var(--font-body);background:var(--surface-card);color:var(--text-ink)}.review-card__field:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.review-card__stepper{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-xs)}.review-card__stepper-btn{width:var(--touch-min-tutor);height:var(--touch-min-tutor);border-radius:var(--radius-pill);border:1px solid var(--border-whisper);background:var(--surface-card);color:var(--text-ink);font-size:1.25rem;line-height:1;cursor:pointer}.review-card__stepper-value{min-width:8ch;text-align:center;font-weight:600;color:var(--text-ink)}.review-card__actions{display:flex;gap:var(--touch-min-gap)}.review-card__accept{flex:2}.review-card__same-again,.review-card__edit-toggle{flex:1}.review-card__dismiss{align-self:center;border:none;background:none;color:var(--text-ink-muted);font-family:var(--font-body);font-size:.85rem;text-decoration:underline;padding:var(--space-sm);cursor:pointer}.today{min-height:100vh;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-md);padding:var(--space-lg) var(--gutter-mobile);padding-top:calc(var(--space-lg) + var(--safe-top));padding-bottom:calc(var(--space-xl) + var(--safe-bottom))}.today--center{align-items:center;justify-content:center;text-align:center;gap:var(--space-sm)}.today__progress{text-align:center;margin:0;color:var(--text-ink-muted);font-weight:600;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase}.today__action-error{max-width:480px;margin:0 auto;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-control);background:var(--color-brand-50);color:var(--text-ink);font-weight:500;text-align:center}.today__mark{width:var(--size-avatar-lg);height:var(--size-avatar-lg);border-radius:var(--radius-avatar-lg);background:var(--gradient-signature);box-shadow:var(--shadow-card)}.today h1{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-display);font-size:clamp(1.5rem,5vw,2rem);margin:0;color:var(--text-ink)}.today p{color:var(--text-ink-muted);margin:0}.today__stats{display:flex;gap:var(--space-xl);margin:var(--space-md) 0 0}.today__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.today__stat dt{font-size:.8rem;color:var(--text-ink-muted)}.today__stat dd{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--color-brand-600)}.today__recordings-link{align-self:center;display:inline-flex;align-items:center;gap:var(--space-xs);min-height:44px;padding:0 var(--space-md);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--color-brand-600);font-weight:600;text-decoration:none;box-shadow:var(--shadow-card)}:root{--color-brand-50: #e7f7fb;--color-brand-100: #cdeef7;--color-brand-200: #a1e1f0;--color-brand-300: #67cde6;--color-brand-400: #2eb8d9;--color-brand-500: #0d9cc2;--color-brand-600: #0b7fa0;--color-brand-700: #0e6a85;--color-brand-800: #0e576c;--color-brand-900: #0c4453;--color-signal-cyan: #06bfe5;--color-amber: #f59e0b;--color-amber-deep: #d97706;--color-canvas-light: #f6fafb;--color-canvas-dark: #0a161b;--color-surface-light: #ffffff;--color-surface-dark: #12262d;--color-ink-light: #1a202c;--color-ink-dark: #edf2f7;--color-ink-muted-light: #4a5568;--color-ink-muted-dark: #a0aec0;--color-border-whisper-light: #edf2f7;--color-border-whisper-dark: rgba(255, 255, 255, .2);--gradient-signature: linear-gradient(135deg, #0d9cc2 0%, #0e576c 100%);--node-locked: #c9d6da;--node-current-glow: var(--color-signal-cyan);--node-cleared: #d4af37;--streak-flame: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tracking-display: -.02em;--radius-control: 12px;--radius-hero: 16px;--radius-card: 20px;--radius-sheet: 24px;--radius-pill: 9999px;--radius-avatar-sm: 12px;--radius-avatar-md: 14px;--radius-avatar-lg: 18px;--size-avatar-sm: 36px;--size-avatar-md: 48px;--size-avatar-lg: 64px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 20px;--space-xl: 32px;--card-padding: 16px;--card-padding-md: 20px;--content-max-width: 960px;--gutter-mobile: 16px;--gutter-md: 32px;--shadow-card: 0 1px 2px rgba(10, 30, 36, .04), 0 8px 24px -8px rgba(10, 30, 36, .08);--shadow-card-hover: 0 10px 20px -5px rgba(13, 156, 194, .18), 0 20px 30px -10px rgba(10, 30, 36, .1);--shadow-selected: 0 0 0 2px rgba(13, 156, 194, .45), 0 10px 20px -5px rgba(13, 156, 194, .2);--touch-min-pupil: 56px;--touch-min-primary: 64px;--touch-min-gap: 12px;--touch-min-tutor: 44px;--tabbar-height: 84px;--content-bottom-padding: calc(84px + env(safe-area-inset-bottom)) ;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--surface-canvas: var(--color-canvas-light);--surface-card: var(--color-surface-light);--text-ink: var(--color-ink-light);--text-ink-muted: var(--color-ink-muted-light);--border-whisper: var(--color-border-whisper-light)}@media(prefers-color-scheme:dark){:root{--surface-canvas: var(--color-canvas-dark);--surface-card: var(--color-surface-dark);--text-ink: var(--color-ink-dark);--text-ink-muted: var(--color-ink-muted-dark);--border-whisper: var(--color-border-whisper-dark)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;touch-action:manipulation;overscroll-behavior:none;background:var(--surface-canvas);color:var(--text-ink);font-family:var(--font-body)}#root{min-height:100vh}