@layer theme,base,kit,templates,surfaces;@layer theme{:root{--p-canvas: #fff8f0;--p-surface: #ffffff;--p-ink: #2c2620;--p-muted: #7a7167;--p-line: #eaddca;--p-surface-raised: #fffcf8;--p-surface-sunk: #f4eee6;--p-line-subtle: #f2e7d8;--p-ink-soft: #5a524a;--p-faint: #bfb7ae;--p-night: #1d1915;--p-on-night: #f4eee6;--p-night-raised: #38342f;--p-scrim: rgba(29, 25, 21, .45);--p-shadow-night: rgba(29, 25, 21, .25);--p-shadow-warm: rgba(122, 84, 16, .08);--p-shadow-warm-faint: rgba(122, 84, 16, .05);--p-shadow-warm-strong: rgba(122, 84, 16, .16);--p-primary: #e05a44;--p-primary-deep: #c4442f;--p-on-primary: #ffffff;--p-primary-shade: #913223;--p-primary-glow: rgba(224, 90, 68, .25);--p-primary-glow-faint: rgba(224, 90, 68, .12);--p-danger: #e05a44;--p-danger-deep: #c4442f;--p-danger-shade: #913223;--p-danger-ink: #b8402c;--p-danger-tint: #fbeae7;--p-danger-edge: #f4c2ba;--p-accent: #4f9d5d;--p-accent-deep: #2f6b3b;--p-accent-mid: #387a45;--p-accent-tint: #e8f2ea;--p-accent-edge: #cfe5d3;--p-accent-wash: #f6faf7;--p-accent-glow: rgba(79, 157, 93, .55);--p-accent-glow-none: rgba(79, 157, 93, 0);--p-accent-deep-glow: rgba(47, 107, 59, .28);--p-highlight: #e8b84b;--p-highlight-soft: #ffe9b0;--p-highlight-deep: #7a5410;--p-highlight-mid: #976e1f;--p-highlight-label: #a27825;--p-highlight-wash: #fbf4e2;--p-highlight-paper: #fefbf6;--p-info: #3b6ea5;--p-info-deep: #5b6577;--p-info-tint: #e2e9f2;--p-info-faint: #eff3f8;--p-info-rule: #dee6f0;--p-info-edge: #9fb4cb;--p-state-learning-fill: #dfa63a;--p-state-learning-tint: #fcefd2;--p-state-learning-edge: #dfa63a;--p-state-learning-ink: #6b4708;--p-state-solid-fill: #4f9d5d;--p-state-solid-tint: #dbefde;--p-state-solid-edge: #4f9d5d;--p-state-solid-ink: #22552d;--p-state-secure-fill: #0d6390;--p-state-secure-tint: #d5e6f0;--p-state-secure-edge: #0d6390;--p-state-secure-ink: #0a4566;--c-canvas: var(--p-canvas);--c-surface: var(--p-surface);--c-surface-raised: var(--p-surface-raised);--c-surface-sunk: var(--p-surface-sunk);--c-text: var(--p-ink);--c-text-soft: var(--p-ink-soft);--c-text-muted: var(--p-muted);--c-text-faint: var(--p-faint);--c-border: var(--p-line);--c-border-subtle: var(--p-line-subtle);--c-night: var(--p-night);--c-on-night: var(--p-on-night);--c-night-raised: var(--p-night-raised);--c-scrim: var(--p-scrim);--c-shadow-night: var(--p-shadow-night);--c-shadow-warm: var(--p-shadow-warm);--c-shadow-warm-faint: var(--p-shadow-warm-faint);--c-shadow-warm-strong: var(--p-shadow-warm-strong);--c-primary: var(--p-primary);--c-primary-strong: var(--p-primary-deep);--c-primary-shadow: var(--p-primary-shade);--c-on-primary: var(--p-on-primary);--c-live-glow: var(--p-primary-glow);--c-live-glow-faint: var(--p-primary-glow-faint);--c-danger: var(--p-danger);--c-danger-strong: var(--p-danger-deep);--c-danger-shadow: var(--p-danger-shade);--c-danger-bg: var(--p-danger-tint);--c-danger-border: var(--p-danger-edge);--c-danger-text: var(--p-danger-ink);--c-accent: var(--p-accent);--c-accent-bg: var(--p-accent-tint);--c-accent-border: var(--p-accent-edge);--c-accent-wash: var(--p-accent-wash);--c-accent-text: var(--p-accent-deep);--c-accent-shadow: var(--p-accent-mid);--c-accent-strong: var(--p-accent-mid);--c-accent-glow: var(--p-accent-glow);--c-accent-glow-none: var(--p-accent-glow-none);--c-accent-deep-glow: var(--p-accent-deep-glow);--c-attention-bg: var(--p-highlight-soft);--c-attention-border: var(--p-highlight);--c-attention-text: var(--p-highlight-deep);--c-attention-strong: var(--p-highlight-mid);--c-attention-label: var(--p-highlight-label);--c-attention-wash: var(--p-highlight-wash);--c-attention-paper: var(--p-highlight-paper);--c-info: var(--p-info);--c-info-bg: var(--p-info-faint);--c-info-text: var(--p-info-deep);--c-rule: var(--p-info-rule);--c-rule-grid: var(--p-info-tint);--c-rule-strong: var(--p-info-edge);--c-state-learning-fill: var(--p-state-learning-fill);--c-state-learning-tint: var(--p-state-learning-tint);--c-state-learning-edge: var(--p-state-learning-edge);--c-state-learning-ink: var(--p-state-learning-ink);--c-state-solid-fill: var(--p-state-solid-fill);--c-state-solid-tint: var(--p-state-solid-tint);--c-state-solid-edge: var(--p-state-solid-edge);--c-state-solid-ink: var(--p-state-solid-ink);--c-state-secure-fill: var(--p-state-secure-fill);--c-state-secure-tint: var(--p-state-secure-tint);--c-state-secure-edge: var(--p-state-secure-edge);--c-state-secure-ink: var(--p-state-secure-ink);--button-primary-bg: var(--c-primary-strong);--button-primary-text: var(--c-on-primary);--button-primary-edge: var(--c-primary-shadow);--button-accent-bg: var(--c-accent-strong);--button-accent-text: var(--c-on-primary);--button-accent-edge: var(--c-accent-text);--button-danger-bg: var(--c-danger-strong);--button-danger-edge: var(--c-danger-shadow);--button-ghost-bg: var(--c-surface);--button-ghost-border: var(--c-border);--button-ghost-text: var(--c-text-muted);--chip-bg: var(--c-surface);--chip-border: var(--c-border);--chip-text: var(--c-text-muted);--chip-on-bg: var(--c-accent-bg);--chip-on-border: var(--c-accent);--chip-on-text: var(--c-accent-text);--focus-ring: var(--c-primary);--paper-rule: var(--c-rule);--paper-grid: var(--c-rule-grid);--paper-guide: var(--c-rule-strong)}:root{--motion-instant: .1s;--motion-quick: .15s;--motion-settle: .3s;--motion-celebrate: .42s;--motion-fade: .6s;--ease-standard: ease;--ease-enter: cubic-bezier(.2, .8, .3, 1);--ease-exit: ease-in;--ease-bounce: cubic-bezier(.2, 1.4, .4, 1);--loop-pulse: 1.4s;--loop-spin: .9s;--loop-state: running;--press-scale: .985}@media (prefers-reduced-motion: reduce){:root{--motion-instant: .01ms;--motion-quick: .01ms;--motion-settle: .01ms;--motion-celebrate: .01ms;--motion-fade: .01ms;--ease-bounce: var(--ease-standard);--loop-state: paused;--press-scale: 1}}:root{--short-below: 500px;--edge: var(--space-4);--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);--z-raised: 1;--z-label: 2;--z-tile: 3;--z-float: 4;--z-bar: 5;--z-ink: 6;--z-alert: 8;--z-ask: 9;--z-sticky: 10;--z-header: 20;--z-menu: 30;--z-skip: 50;--z-overlay: 60;--ring-1: 0 0 0 1px;--ring-2: 0 0 0 2px;--ring-3: 0 0 0 3px;--ring-4: 0 0 0 4px;--ring-6: 0 0 0 6px;--inset-ring-2: inset 0 0 0 2px;--inset-start-3: inset 3px 0 0;--press-2: 0 2px 0;--press-3: 0 3px 0;--lift-1: 0 1px 3px;--lift-2: 0 3px 10px;--lift-3: 0 4px 12px;--lift-4: 0 4px 14px;--lift-5: 0 6px 18px;--lift-6: 0 10px 28px;--lift-7: 0 10px 30px;--lift-8: 0 18px 50px;--lift-9: 0 20px 48px;--class-self-face: 260px;--class-self-face-short: 160px;--class-wrap-card: 420px;--class-ask-w: 480px;--class-feel-w: 560px;--class-gate-w: 560px;--class-warmup-w: 340px;--class-well-done-w: 640px;--class-ready-card-w: 720px;--class-ready-note-w: 420px;--class-initial-full: 160px;--class-name-lift: 100px;--class-well-done-lift: 110px;--class-topic-w: 280px;--class-answer-w: 180px;--class-scratch-h: 260px;--class-rail: 64px;--class-rail-narrow: 56px;--class-dock: 344px;--class-dock-narrow: 280px;--class-dock-wide: 380px;--class-tile-tutor-w: 120px;--class-tile-h: 76px;--class-tile-self-w: 76px;--class-tile-tutor-w-phone: 76px;--class-tile-h-phone: 48px;--class-tile-self-w-phone: 48px;--class-self-face-phone-w: 130px;--class-self-face-phone-h: 90px;--class-help-w: 540px;--class-sound-bar-w: 420px;--class-bar-btn: 34px;--class-bar-cols: 1}}@layer base{*{box-sizing:border-box}html,body{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--c-text);background:var(--c-canvas);line-height:1.5}:root{--gutter: clamp(16px, 3vw, 44px)}header{display:flex;align-items:center;gap:10px;padding:12px var(--gutter);border-bottom:1px solid var(--c-border);background:var(--c-surface);position:sticky;top:0;z-index:var(--z-sticky)}main{flex:1;padding:18px var(--gutter)}h2{font-size:1.3rem;margin:.2rem 0 .6rem}h3{font-size:1.05rem;margin:16px 0 6px}label{display:block;font-weight:700;font-size:.82rem;margin:12px 0 4px;color:var(--c-text-muted)}input[type=text],textarea,select{width:100%;padding:9px 11px;border:2px solid var(--c-border);border-radius:9px;font-size:.95rem;font-family:inherit}textarea{min-height:60px;resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--c-info)}footer{padding:14px var(--gutter);color:var(--c-text-muted);font-size:.78rem;text-align:center;border-top:1px solid var(--c-border)}@media print{header{display:none!important}}}@layer kit{:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-pill: 99px;--text-xs: .75rem;--text-s: .875rem;--text-m: 1rem;--text-l: 1.125rem;--text-xl: clamp(1.25rem, 1.1rem + .6vw, 1.6rem);--text-2xl: clamp(1.25rem, .6rem + 1.4vw, 1.875rem);--text-display: clamp(2rem, 1rem + 3vw, 3.5rem);--tap: 44px;--tap-s: 36px;--header-h: 60px;--rail-w: 240px;--read: 720px;--pad: clamp(16px, 2.4vw, 40px)}.ui-frame{min-height:100dvh;display:flex;flex-direction:column;background:var(--c-canvas)}.ui-header{display:flex;align-items:center;gap:var(--space-2);min-height:var(--header-h);padding:0 var(--pad);background:var(--c-surface);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:var(--z-header)}.ui-header-title{font-weight:800;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ui-skip{position:absolute;left:-9999px;top:8px}.ui-skip:focus{left:8px;z-index:var(--z-skip);background:var(--c-surface);color:var(--c-text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);outline:2px solid var(--focus-ring)}.ui-frame-body{flex:1;display:flex;min-height:0}.ui-rail{flex:0 0 var(--rail-w);padding:var(--space-4) var(--space-3);border-right:1px solid var(--c-border);background:var(--c-surface);position:sticky;top:var(--header-h);height:calc(100dvh - var(--header-h));overflow-y:auto}.ui-rail-title{margin:0 var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-muted)}.ui-main{flex:1;min-width:0;padding:var(--space-5) var(--pad) var(--space-7);outline:none}.ui-nav{list-style:none;margin:0;padding:0;display:grid;gap:2px}.ui-nav-group{display:block;margin:var(--space-3) var(--space-2) var(--space-1);font-size:var(--text-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-muted)}.ui-nav-item{width:100%;min-height:var(--tap);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);border:0;background:none;font:inherit;font-weight:700;color:var(--c-text);text-align:left;padding:0 var(--space-3);border-radius:var(--radius-m);cursor:pointer}@media (hover: hover){.ui-nav-item:hover{background:var(--c-surface-sunk)}}.ui-nav-item.on{background:var(--chip-on-bg);color:var(--chip-on-text);box-shadow:var(--inset-start-3) var(--chip-on-border)}.ui-rail-foot{margin-top:var(--space-5);display:grid;gap:var(--space-3)}.ui-surface-tabs{display:flex;gap:var(--space-1);margin-left:var(--space-3)}.ui-surface-tab{min-height:var(--tap);padding:0 var(--space-4);border:0;border-radius:var(--radius-pill);background:transparent;font:inherit;font-weight:800;color:var(--c-text-soft);cursor:pointer}.ui-surface-tab.on{background:var(--chip-on-bg);color:var(--chip-on-text);box-shadow:var(--inset-ring-2) var(--chip-on-border)}.ui-surface-tab:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ui-surface-bar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-header);display:flex;gap:var(--space-2);padding:var(--space-2) var(--pad) calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--c-surface);border-top:1px solid var(--c-border)}.ui-surface-bar .ui-surface-tab{flex:1;min-height:56px;border-radius:var(--radius-l);font-size:var(--text-m)}.ui-frame-body--barred .ui-main{padding-bottom:calc(var(--space-7) + 72px)}.ui-menu{position:relative}.ui-menu-btn{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap-s);max-width:260px;border:2px solid var(--c-border);background:var(--c-surface);color:var(--c-text-muted);font:inherit;font-weight:700;font-size:var(--text-s);border-radius:var(--radius-pill);padding:3px 10px 3px 6px;cursor:pointer}.lang .ui-menu-btn{padding-left:10px}.ui-menu-btn[aria-expanded=true]{border-color:var(--focus-ring);color:var(--c-text)}@media (hover: hover){.ui-menu-btn:hover{border-color:var(--focus-ring);color:var(--c-text)}}.ui-menu-btn:focus-visible,.ui-icon-btn:focus-visible,.ui-btn:focus-visible,.ui-nav-item:focus-visible,.ui-tab:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ui-menu-list{position:absolute;right:0;top:calc(100% + 6px);z-index:var(--z-menu);min-width:220px;max-width:min(320px,calc(100vw - 24px));background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-m);padding:6px;box-shadow:var(--lift-6) var(--c-shadow-warm)}.ui-menu-heading{padding:var(--space-2) 10px var(--space-3);border-bottom:1px solid var(--c-border-subtle);margin-bottom:4px;overflow-wrap:anywhere}.ui-menu-small{font-size:var(--text-xs);color:var(--c-text-muted)}.ui-menu-item{display:block;width:100%;min-height:var(--tap-s);text-align:left;border:0;background:none;font:inherit;padding:8px 10px;border-radius:var(--radius-s);cursor:pointer;color:var(--c-text)}.ui-menu-item:focus-visible{background:var(--c-surface-sunk);outline:none}@media (hover: hover){.ui-menu-item:hover{background:var(--c-surface-sunk);outline:none}}.ui-menu-item.on{font-weight:800;background:var(--c-accent-bg);color:var(--c-accent-text)}.ui-menu-item--danger{color:var(--c-danger-text)}.ui-menu-note{margin:6px 10px 4px;font-size:var(--text-xs);color:var(--c-text-muted);line-height:1.4}.ui-avatar{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;background:var(--c-primary-strong);color:var(--c-on-primary);font-weight:800;font-size:var(--text-s);flex:0 0 auto}.ui-account-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 599px){.ui-account-email{display:none}.ui-menu-btn{padding-right:6px}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-5);border-radius:var(--radius-pill);border:2px solid transparent;font:inherit;font-weight:800;font-size:var(--text-m);cursor:pointer;text-decoration:none;white-space:nowrap}.ui-btn--s{min-height:var(--tap-s);padding:0 var(--space-4);font-size:var(--text-s)}.ui-btn--wide{width:100%}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn--primary{background:var(--button-primary-bg);color:var(--button-primary-text);box-shadow:var(--press-3) var(--button-primary-edge)}.ui-btn--accent{background:var(--button-accent-bg);color:var(--button-accent-text);box-shadow:var(--press-3) var(--button-accent-edge)}.ui-btn--danger{background:var(--c-surface);color:var(--c-danger-text);border-color:var(--c-danger-border)}@media (hover: hover){.ui-btn--danger:hover:not(:disabled){background:var(--c-danger-bg);border-color:var(--c-danger)}}.ui-btn--primary:active:not(:disabled),.ui-btn--accent:active:not(:disabled){transform:translateY(2px);box-shadow:none}.ui-btn--quiet{background:var(--button-ghost-bg);border-color:var(--button-ghost-border);color:var(--button-ghost-text)}@media (hover: hover){.ui-btn--quiet:hover:not(:disabled){color:var(--c-text);border-color:var(--c-text-faint)}}.ui-btn--plain{background:none;color:var(--c-primary-strong);padding:0 var(--space-2)}.ui-icon-btn{min-width:var(--tap);min-height:var(--tap);display:inline-grid;place-items:center;border:0;background:none;color:var(--c-text);font-size:1.4rem;border-radius:var(--radius-m);cursor:pointer}@media (hover: hover){.ui-icon-btn:hover{background:var(--c-surface-sunk)}}.ui-stack{display:flex;flex-direction:column}.ui-cluster{display:flex;flex-wrap:wrap;align-items:center}.ui-cluster--end{justify-content:flex-end}.ui-grid{display:grid}.ui-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-l);padding:var(--space-4) var(--space-5);min-width:0}.ui-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.ui-card-title{margin:0;font-size:var(--text-l)}.ui-card-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.ui-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ui-field{display:grid;gap:6px}.ui-label{font-weight:700;font-size:var(--text-s);color:var(--c-text)}.ui-optional{font-weight:400;color:var(--c-text-muted)}.ui-hint{margin:0;font-size:var(--text-xs);color:var(--c-text-muted)}.ui-error{margin:0;font-size:var(--text-s);color:var(--c-danger-text);font-weight:700}.ui-input{width:100%;min-height:var(--tap);padding:8px 12px;font:inherit;font-size:16px;color:var(--c-text);background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-m)}.ui-input:focus{outline:none;border-color:var(--focus-ring)}.ui-field--error .ui-input{border-color:var(--c-danger-border)}.ui-textarea{min-height:96px;resize:vertical;line-height:1.5}.ui-notice{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;flex-wrap:wrap;padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);border:1px solid;font-size:var(--text-s)}.ui-notice--info{background:var(--c-info-bg);border-color:var(--c-rule);color:var(--c-info-text)}.ui-notice--success{background:var(--c-accent-bg);border-color:var(--c-accent-border);color:var(--c-accent-text)}.ui-notice--warning{background:var(--c-attention-bg);border-color:var(--c-attention-border);color:var(--c-attention-text)}.ui-notice--danger{background:var(--c-danger-bg);border-color:var(--c-danger-border);color:var(--c-danger-text)}.ui-notice-text{display:grid;gap:2px;min-width:0}.ui-badge{display:inline-block;font-size:var(--text-xs);font-weight:800;letter-spacing:.02em;padding:2px 8px;border-radius:var(--radius-pill);white-space:nowrap}.ui-badge--info{background:var(--c-info-bg);color:var(--c-info-text)}.ui-badge--success{background:var(--c-accent-bg);color:var(--c-accent-text)}.ui-badge--warning{background:var(--c-attention-bg);color:var(--c-attention-text)}.ui-badge--danger{background:var(--c-danger-bg);color:var(--c-danger-text)}.ui-badge--neutral{background:var(--c-surface-sunk);color:var(--c-text-soft)}.ui-empty{border:1px dashed var(--c-border);border-radius:var(--radius-l);background:var(--c-surface);padding:var(--space-6) var(--space-5);text-align:center;display:grid;gap:var(--space-3);justify-items:center;color:var(--c-text-muted)}.ui-empty-title{margin:0;font-weight:800;color:var(--c-text)}.ui-stat{display:grid;gap:2px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-l);padding:var(--space-3) var(--space-4)}.ui-stat-label{font-size:var(--text-xs);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--c-text-muted)}.ui-stat-value{font-size:var(--text-xl);font-weight:800}.ui-stat-note{font-size:var(--text-xs);color:var(--c-text-muted)}.ui-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--c-border);margin-bottom:var(--space-4);overflow-x:auto;scrollbar-width:none}.ui-tab{flex:0 0 auto;min-height:var(--tap);padding:0 var(--space-4);border:0;border-bottom:3px solid transparent;background:none;font:inherit;font-weight:700;color:var(--c-text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.ui-tab.on{color:var(--c-text);border-bottom-color:var(--c-primary)}.ui-tab:disabled{opacity:.45;cursor:not-allowed}.ui-tab-count{min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:var(--c-primary-strong);color:var(--c-on-primary);font-size:var(--text-xs);font-weight:800;display:inline-grid;place-items:center}.ui-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-l);overflow:hidden}.ui-table th{text-align:left;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--c-text-muted);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--c-border);background:var(--c-surface-raised)}.ui-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--c-border-subtle);font-size:var(--text-s);vertical-align:middle}.ui-table tr:last-child td{border-bottom:0}.ui-row-open{cursor:pointer}@media (hover: hover){.ui-row-open:hover td{background:var(--c-surface-raised)}}.ui-row-link{min-height:var(--tap-s);display:inline-flex;align-items:center;border:0;background:none;padding:0;font:inherit;font-weight:800;color:var(--c-text);text-align:left;cursor:pointer}.ui-end{text-align:right}.ui-cards{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.ui-cards-item{display:grid;gap:var(--space-2);width:100%;text-align:left;font:inherit;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-l);padding:var(--space-3) var(--space-4)}button.ui-cards-item{cursor:pointer}.ui-cards-title{font-weight:800}.ui-cards-facts{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr));gap:var(--space-2) var(--space-4)}.ui-cards-facts dt{font-size:var(--text-xs);color:var(--c-text-muted)}.ui-cards-facts dd{margin:0;font-size:var(--text-s)}.ui-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:var(--c-scrim);display:grid;place-items:center;padding:var(--space-4)}.ui-sheet{width:min(560px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:var(--c-surface);border-radius:var(--radius-l);box-shadow:var(--lift-9) var(--c-shadow-night)}.ui-sheet--left{place-self:stretch start;width:min(320px,86vw);max-height:none;border-radius:0 var(--radius-l) var(--radius-l) 0}.ui-scrim:has(.ui-sheet--left){padding:0}.ui-scrim:has(.ui-sheet--low){place-items:end center}.ui-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);border-bottom:1px solid var(--c-border-subtle)}.ui-sheet-title{margin:0;font-size:var(--text-l)}.ui-sheet-body{padding:var(--space-4) var(--space-5);overflow-y:auto}.ui-sheet-foot{padding:var(--space-3) var(--space-5);border-top:1px solid var(--c-border-subtle);display:flex;gap:var(--space-2);justify-content:flex-end;flex-wrap:wrap}@media (max-width: 599px){.ui-scrim:not(:has(.ui-sheet--left)){place-items:end stretch;padding:0}.ui-sheet:not(.ui-sheet--left){width:100%;border-radius:var(--radius-l) var(--radius-l) 0 0;max-height:92dvh}}.ui-screen{display:grid;gap:var(--space-4);min-width:0}.ui-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3) var(--space-5);flex-wrap:wrap}.ui-head-text{display:grid;gap:var(--space-1);min-width:0;max-width:72ch}.ui-title{margin:0;font-size:var(--text-xl);line-height:1.2;letter-spacing:-.01em}.ui-intro{margin:0;color:var(--c-text-muted);font-size:var(--text-s)}.ui-meta{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center;font-size:var(--text-s);color:var(--c-text-muted)}.ui-head-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.ui-back{justify-self:start;border:0;background:none;padding:4px 0;font:inherit;font-weight:700;color:var(--c-primary-strong);cursor:pointer;min-height:var(--tap-s)}.ui-filters{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.ui-filters .ui-input{width:auto;flex:1 1 200px;max-width:320px}.ui-list-main{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);min-width:0}.ui-detail-body{display:grid;gap:var(--space-5)}.ui-detail-main,.ui-detail-aside{display:grid;gap:var(--space-4);align-content:start;min-width:0}@media (min-width: 1024px){.ui-detail-body--aside{grid-template-columns:minmax(0,1fr) minmax(280px,34%)}}.ui-task{grid-template-columns:minmax(0,var(--read));justify-content:center}.ui-task-main{display:grid;gap:var(--space-4);width:100%;max-width:var(--read);min-width:0}.ui-task-body{display:grid;gap:var(--space-4)}.ui-task-actions{display:flex;gap:var(--space-2);justify-content:flex-end;flex-wrap:wrap}.ui-task-aside{display:grid;gap:var(--space-4);align-content:start}@media (max-width: 1023px){.ui-task-aside--wide{display:none}}@media (min-width: 1024px){.ui-task--aside{grid-template-columns:minmax(0,var(--read)) minmax(280px,380px);align-items:start;gap:var(--space-6)}.ui-task-aside{position:sticky;top:calc(var(--header-h) + var(--space-4))}}@media (max-width: 599px){.ui-task-actions{position:sticky;bottom:0;z-index:var(--z-sticky);margin:0 calc(-1 * var(--pad));padding:var(--space-3) var(--pad) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--c-surface);border-top:1px solid var(--c-border)}.ui-task-actions .ui-btn{flex:1}}.ui-steps{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-2);flex-wrap:wrap;counter-reset:step;font-size:var(--text-xs);font-weight:800;color:var(--c-text-muted)}.ui-steps li{counter-increment:step;display:inline-flex;align-items:center;gap:6px}.ui-steps li:before{content:counter(step);width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;border:2px solid var(--c-border);background:var(--c-surface)}.ui-steps li.on{color:var(--c-text)}.ui-steps li.on:before{background:var(--c-primary-strong);border-color:var(--c-primary-strong);color:var(--c-on-primary)}.ui-steps li.past:before{background:var(--c-accent-bg);border-color:var(--c-accent);color:var(--c-accent-text)}.ui-workspace{display:grid;grid-template-rows:auto 1fr;height:calc(100dvh - var(--header-h));margin:calc(-1 * var(--space-5)) calc(-1 * var(--pad)) calc(-1 * var(--space-7));min-width:0}.ui-workspace--side{grid-template-columns:minmax(0,1fr) minmax(300px,30%)}.ui-workspace--side .ui-toolbar{grid-column:1 / -1}.ui-toolbar{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;padding:var(--space-2) var(--pad);background:var(--c-surface);border-bottom:1px solid var(--c-border)}.ui-toolbar-end{margin-left:auto}.ui-toolbar-title{margin:0 var(--space-3) 0 0;font-size:var(--text-m)}.ui-workspace-area{position:relative;min-width:0;min-height:0;overflow:auto}.ui-workspace-side{border-left:1px solid var(--c-border);background:var(--c-surface);overflow-y:auto;padding:var(--space-4);min-height:0}.ui-chip{min-height:var(--tap);min-width:var(--tap);padding:0 var(--space-4);border:2px solid var(--chip-border);background:var(--chip-bg);color:var(--chip-text);border-radius:var(--radius-pill);font:inherit;font-weight:700;font-size:var(--text-s);cursor:pointer}.ui-chip.on{background:var(--chip-on-bg);border-color:var(--chip-on-border);color:var(--chip-on-text)}.ui-chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ui-kicker{justify-self:start;font-size:var(--text-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c-accent-text);background:var(--c-accent-bg);padding:3px 10px;border-radius:var(--radius-pill)}.ui-section-title{margin:0;font-size:var(--text-l)}.ui-link{border:0;background:none;padding:0;min-height:var(--tap-s);font:inherit;font-weight:700;font-size:var(--text-s);color:var(--c-info);cursor:pointer}.ui-dl{margin:0;display:grid;font-size:var(--text-s)}.ui-dl>div{display:grid;grid-template-columns:7.5em 1fr;gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--c-border-subtle)}.ui-dl>div:first-child{border-top:0}.ui-dl dt{color:var(--c-text-muted);font-weight:700}.ui-dl dd{margin:0;overflow-wrap:anywhere}.ui-dl dd.none{color:var(--c-text-muted);font-style:italic}.ui-lead{margin:0;font-size:var(--text-l);line-height:1.5}.ui-wrong{margin:var(--space-4) auto 0;padding:0 var(--space-4) var(--space-3);max-width:480px;font-size:var(--text-s);color:var(--c-text-muted);text-align:center}.ui-wrong-link{background:none;border:0;padding:var(--space-2);color:inherit;text-decoration:underline;cursor:pointer;font:inherit;min-height:44px}.ui-wrong--open{text-align:left;display:grid;gap:var(--space-2)}.ui-wrong--sent{color:var(--c-accent-text)}.ui-wrong-face{position:fixed;right:var(--space-3);bottom:var(--space-3);width:56px;height:56px;border-radius:50%;border:2px solid var(--c-border);background:var(--c-surface);display:grid;place-items:center;cursor:pointer;z-index:var(--z-bar)}.ui-wrong--child{position:fixed;right:var(--space-3);bottom:var(--space-3);max-width:320px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-l);padding:var(--space-3);display:grid;gap:var(--space-3);z-index:var(--z-bar);font-size:var(--text-m);color:var(--c-text)}.ui-wrong-q{margin:0;font-size:var(--text-l);font-weight:800}.ui-wrong-answers{display:grid;gap:var(--space-2)}.ui-report-shot{position:relative;border:1px solid var(--c-border);border-radius:var(--radius-m);overflow:hidden;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;background:var(--c-surface-sunk)}.ui-report-shot img{display:block;width:100%;height:auto;pointer-events:none}.ui-report-mark{position:absolute;border:3px solid var(--c-primary);border-radius:2px;pointer-events:none}.ui-report-check{display:flex;gap:var(--space-2);align-items:center;min-height:44px;font-size:var(--text-m);color:var(--c-text)}.ui-report-check input{width:20px;height:20px}}@layer templates{.class{box-sizing:border-box;height:100dvh;display:grid;background:var(--c-canvas);overflow:hidden;overscroll-behavior:none;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}:root:has(.class),:root:has(.class) body{overscroll-behavior:none}.class--tutor{grid-template:"bar bar bar" auto "rail stage dock" minmax(0,1fr) / var(--class-rail) minmax(0,1fr) var(--class-dock)}.class--tutor.class--face,.class--tutor.class--wrap{grid-template:"dock" minmax(0,1fr) / minmax(0,1fr)}.class--ready{position:relative;grid-template:"all" 1fr / 1fr;background:var(--c-night)}.class--phone{grid-template:"bar" auto "body" 1fr / minmax(0,1fr)}.class--child.class--teach{grid-template:"bar bar" auto "stage stage" minmax(0,1fr) "sub cams" auto "journey journey" auto / minmax(0,1fr) auto;row-gap:var(--space-2);background:var(--c-night);padding:var(--safe-top) calc(var(--safe-right) + var(--edge)) calc(var(--safe-bottom) + var(--space-2)) calc(var(--safe-left) + var(--edge))}:root:has(.class--child) .ui-wrong-face,:root:has(.class--child) .ui-wrong--child{display:none}.class--child.class--teach.class--stacked:has(.sub-now--mid){grid-template:"bar" auto "stage" minmax(0,1fr) "sub" auto "cams" auto "journey" auto / minmax(0,1fr);row-gap:0}.class--child.class--face,.class--child.class--wrap{grid-template:"cams" minmax(0,1fr) / minmax(0,1fr)}@media (max-width: 1023px){.class--tutor{grid-template-columns:var(--class-rail-narrow) minmax(0,1fr) var(--class-dock-narrow)}}@media (min-width: 1440px){.class--tutor{grid-template-columns:var(--class-rail) minmax(0,1fr) var(--class-dock-wide)}}}@layer surfaces{.grade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:var(--space-2)}.grade-grid .ui-chip,.day-grid .ui-chip{padding:0}.day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}@media (max-width: 599px){.day-grid .ui-chip{min-width:0;font-size:var(--text-xs)}}.window-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:var(--space-2)}.win{min-height:var(--tap);border:2px solid var(--c-border);border-radius:var(--radius-l);padding:var(--space-2) var(--space-4);background:var(--c-surface);text-align:left;font:inherit;color:var(--c-text);cursor:pointer;display:grid;gap:2px}.win b{font-size:var(--text-m)}.win span{font-size:var(--text-s);color:var(--c-text-muted)}.win.on{border-color:var(--chip-on-border);background:var(--chip-on-bg)}.win.on b{color:var(--chip-on-text)}.win:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.zone-line{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;background:var(--c-attention-wash);border:1px dashed var(--c-attention-border);border-radius:var(--radius-m);padding:var(--space-2) var(--space-4);font-size:var(--text-s)}.zone-line .ui-input{width:auto;margin-left:auto;max-width:100%}.exact-first{border-top:1px solid var(--c-border);padding-top:var(--space-3)}.exact-first summary{cursor:pointer;font-weight:700;color:var(--c-info);min-height:var(--tap-s);display:flex;align-items:center}.when-row{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:var(--space-2) 0}.when-row input[type=date]{flex:2 1 10em;width:auto}.when-row input[type=time]{flex:1 1 7em;width:auto}.ui-steps-list{margin:0;padding-left:1.2em;display:grid;gap:var(--space-2);font-size:var(--text-s)}.pick-choices{display:grid;gap:var(--space-3)}.pick-choice{width:100%;min-height:56px;white-space:normal;text-align:center;line-height:1.35;padding:var(--space-3) var(--space-5)}.zone-line .muted{color:var(--c-text-soft)}}@layer surfaces{.kid-heroes{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));align-items:stretch;max-width:1180px}.kid-hero-slot{display:grid}.kid-hero{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto;gap:var(--space-3) var(--space-4);align-items:start;width:100%;min-height:100%;text-align:left;font:inherit;color:var(--c-text);cursor:pointer;background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-l);padding:var(--space-4) var(--space-5);box-shadow:var(--lift-4) var(--c-shadow-warm-faint)}@media (hover: hover){.kid-hero:hover{border-color:var(--c-text-faint)}}.kid-hero:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.kid-hero--live{border-color:var(--c-accent);background:var(--c-accent-wash)}.kid-hero--test{border-color:var(--c-attention-border);background:var(--c-attention-paper)}.kid-hero--quiet{border-color:var(--c-accent);background:var(--c-accent-bg)}.kid-hero-pic{width:56px;height:56px}.kid-hero-pic svg{width:100%;height:100%}.kid-hero-text{display:grid;gap:var(--space-1);justify-items:start;min-width:0}.kid-hero-title{font-size:var(--text-xl);font-weight:800;line-height:1.2}.kid-hero-body{color:var(--c-text-soft);font-size:var(--text-m);line-height:1.45}.kid-hero-cta{grid-column:1 / -1;justify-self:start;pointer-events:none}.kid-group{display:grid;gap:var(--space-3)}.kid-topic{display:flex;gap:var(--space-3);align-items:flex-start;width:100%;min-height:96px;text-align:left;font:inherit;color:var(--c-text);cursor:pointer;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-l);padding:var(--space-4);box-shadow:var(--lift-2) var(--c-shadow-warm-faint)}@media (hover: hover){.kid-topic:hover{border-color:var(--c-text-faint)}}.kid-topic:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.kid-topic-pic{flex:0 0 48px;width:48px;height:48px}.kid-topic-pic svg{width:100%;height:100%}.kid-topic-text{display:grid;gap:var(--space-1);justify-items:start;min-width:0}.kid-topic-title{font-weight:800;font-size:var(--text-m);line-height:1.3}.kid-topic-unit{font-size:var(--text-s);color:var(--c-text-muted)}.kid-hero:active,.kid-topic:active{transform:scale(var(--press-scale))}.kid-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.5rem;font-weight:800;letter-spacing:.2em;text-align:center;text-transform:uppercase;min-height:56px}.kid-name{min-height:64px;width:100%;padding:var(--space-3) var(--space-4);font:inherit;font-size:var(--text-l);font-weight:800;color:var(--chip-text);cursor:pointer;background:var(--chip-bg);border:2px solid var(--chip-border);border-radius:var(--radius-l)}@media (hover: hover){.kid-name:hover{border-color:var(--chip-on-border)}}.kid-name:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.kid-name--add{border-style:dashed;font-size:var(--text-m);color:var(--c-text-soft)}.lesson-card{display:grid;gap:var(--space-3);padding:var(--space-5)}.lesson-card h2{margin:0;font-size:var(--text-xl);line-height:1.25}.lesson-card .hero{width:72px;height:72px}.lesson-card .explain,.lesson-card .story{margin:0}.lesson-tag{margin-bottom:calc(-1 * var(--space-1))}.lesson-card .dots{margin-top:var(--space-2)}.lesson-stage{display:grid;gap:var(--space-3)}.lesson-outline{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1);counter-reset:card;font-size:var(--text-s)}.lesson-outline li{counter-increment:card;display:flex;gap:var(--space-2);align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-s);color:var(--c-text-muted)}.lesson-outline li:before{content:counter(card);flex:0 0 22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font-size:var(--text-xs);font-weight:800;border:2px solid var(--c-border);background:var(--c-surface)}.lesson-outline li.past:before{border-color:var(--c-accent);background:var(--c-accent-bg);color:var(--c-accent-text)}.lesson-outline li.on{background:var(--chip-on-bg);color:var(--chip-on-text);font-weight:800}.lesson-outline li.on:before{border-color:var(--c-primary-strong);background:var(--c-primary-strong);color:var(--c-on-primary)}.step-ask-row{gap:var(--space-2);margin-top:var(--space-2)}.step-ask-input{width:auto;flex:1 1 9em;max-width:14em}.worked-nav{gap:var(--space-2);margin-top:var(--space-3)}.guide-turn>.ui-kicker{display:inline-block;margin-bottom:var(--space-2)}@media (max-width: 599px){.guide-panel{grid-template-columns:26px 1fr}.guide-fig{grid-column:2;max-width:240px}.guide-text{grid-column:2}}.kid-problem{padding:var(--space-5)}.kid-problem .qtext{margin:0;font-size:1.4rem;line-height:1.35}.kid-problem .method{margin:0}.kid-answer{min-height:56px;font-size:1.3rem;text-align:center}.kid-streak{text-align:center}.kid-problem .hintbox{margin-top:0}.seen-how{margin:var(--space-1) 0 0}.kid-help .scratch-peek{margin:0;padding:0;border:0;display:grid;gap:var(--space-3);justify-items:start}.kid-help .scratch{width:100%}.scratch-tools{gap:var(--space-2);margin-bottom:var(--space-2)}.session-hero{width:96px;height:96px}.kid-problem.got-it{animation:got-it var(--motion-celebrate) var(--ease-enter) 1}.kid-problem.not-yet{animation:not-yet var(--motion-settle) ease-in-out 1}.session-hero.pop{animation:pop var(--motion-celebrate) var(--ease-bounce) 1}@keyframes got-it{0%{transform:scale(1)}40%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes not-yet{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.drill .typing-score{font-size:var(--text-s)}.code-editor{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem;line-height:1.5;-moz-tab-size:4;tab-size:4;padding:var(--space-3) var(--space-4);border:2px solid var(--c-border);border-radius:var(--radius-m);background:var(--c-night);color:var(--c-on-night);resize:vertical}.code-editor:focus{outline:none;border-color:var(--focus-ring)}.tests{display:grid;gap:var(--space-2)}.live-wait{display:grid;place-items:center;min-height:100%;padding:var(--space-6) var(--pad)}.live-wait .ui-empty{max-width:520px}.voice-off .ui-intro{margin:0}.device-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr));gap:var(--space-2) var(--space-3);margin-top:0}.device-picker .ui-input{max-width:none;font-size:16px;padding:8px 12px;border:2px solid var(--c-border);border-radius:var(--radius-m)}.method .method-tag{color:var(--c-accent-text)}.dcheck-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.dcheck-item{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-3);padding:var(--space-3);border:2px solid var(--c-border);border-radius:var(--radius-m);background:var(--c-surface)}.dcheck-item--ok{border-color:var(--c-accent)}.dcheck-item--fix{border-color:var(--c-danger)}.dcheck-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-weight:800;background:var(--c-surface-sunk);color:var(--c-text)}.dcheck-item--ok .dcheck-mark{background:var(--c-accent-bg);color:var(--c-accent-text);box-shadow:var(--inset-ring-2) var(--c-accent)}.dcheck-item--fix .dcheck-mark{background:var(--c-danger-bg);color:var(--c-danger-text)}.dcheck-body{display:grid;gap:var(--space-2);min-width:0}.dcheck-name{margin:0;font-size:var(--text-l)}.dcheck-body .ui-intro{margin:0}.dcheck-video{width:100%;max-width:320px;aspect-ratio:4 / 3;object-fit:cover;transform:scaleX(-1);border-radius:var(--radius-m);background:var(--c-surface-sunk)}.dcheck-video[hidden]{display:none}.dcheck-meter{display:flex;align-items:center;gap:4px;min-height:32px}.dcheck-bar{width:12px;height:22px;border-radius:3px;background:var(--c-border)}.dcheck-bar.on{background:var(--c-accent)}.dcheck-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.kid-hero--story{border-color:var(--c-accent);background:var(--c-surface)}.kid-story-read,.kid-story-sent{display:grid;gap:var(--space-2);background:var(--c-surface);border:2px solid var(--c-accent);border-radius:var(--radius-l);padding:var(--space-4) var(--space-5);max-width:720px}.kid-story-sent{border-style:dashed;border-color:var(--c-border)}.kid-story-title{margin:0;font-size:var(--text-xl);font-weight:800;line-height:1.2}.kid-story-body{margin:0;color:var(--c-text-soft)}.kid-story-review{display:grid;gap:var(--space-1) var(--space-4);grid-template-columns:max-content minmax(0,1fr);margin:0}.kid-story-review dt{font-weight:800;color:var(--c-accent)}.kid-story-review dd{margin:0;font-size:var(--text-l)}.kid-story-prompt{font-size:var(--text-l);font-weight:700;line-height:1.4;margin:0}.kid-story-hints ul{margin:var(--space-1) 0 0;padding-left:20px;display:grid;gap:var(--space-1);font-size:var(--text-l)}.kid-story-photo{display:grid;gap:var(--space-2);justify-items:start}.kid-story-page{max-width:100%;max-height:360px;border-radius:var(--radius-m);border:1px solid var(--c-border)}@media (max-width: 599px){.kid-story-review{grid-template-columns:minmax(0,1fr)}.kid-story-review dd{margin-bottom:var(--space-2)}}.hero svg{width:100%;height:100%}.show{font-family:ui-monospace,Menlo,Consolas,monospace;background:var(--c-canvas);border:1px dashed var(--c-border);border-radius:10px;padding:10px 12px;margin:10px 0;white-space:pre-wrap}.analogyview{margin-top:8px}.coach-line{text-align:left;margin-top:12px;padding:10px 14px;border-radius:10px;background:var(--c-attention-wash);border:1px dashed var(--c-attention-border);font-size:.9rem;line-height:1.5}.coach-line>div{margin:2px 0}.coach-k{display:inline-block;min-width:76px;font-weight:800;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--c-attention-text)}.points.mistakes li b{color:var(--c-danger-strong)}.points.check details{display:inline;margin-left:6px}.points.check summary{display:inline;cursor:pointer;color:var(--c-accent-text);font-weight:700}.worked-steps{list-style:none;margin:0;padding:0}.worked-steps>li{padding:8px 0 8px 14px;border-left:3px solid var(--c-border)}.worked-steps>li.done{opacity:.62}.worked-steps>li.now{border-left-color:var(--c-accent)}.worked-show{font-size:1.14rem;font-variant-numeric:tabular-nums}.worked-why{color:var(--c-text-muted);font-size:.95rem;margin-top:4px}.worked-ask{background:var(--c-accent-bg);border:1px solid var(--c-border);border-radius:10px;padding:10px}.guide-steps{list-style:none;margin:0;padding:0;counter-reset:guide}.guide-panel{display:grid;grid-template-columns:26px 150px 1fr;gap:12px;align-items:start;padding:14px 0;border-top:1px solid var(--c-border)}.guide-panel:first-child{border-top:0}.guide-n{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--c-text);color:var(--c-canvas);font-size:.82rem;font-weight:600}.guide-fig{margin:0}.guide-fig figcaption{margin-top:2px;text-align:center}.guide-text{padding-top:2px}.guide-turn{margin-top:14px;padding:12px;border:1px dashed var(--c-attention-border);border-radius:10px;background:var(--c-attention-bg)}.qtext{font-size:1.25rem;font-weight:700;margin:8px 0 4px}.hintbox{background:var(--c-attention-bg);border:1px solid var(--c-attention-border);border-radius:10px;padding:8px 12px;margin-top:10px;color:var(--c-attention-text)}.scratch-peek{margin-top:12px;padding-top:10px;border-top:1px dashed var(--c-border)}.scratch-canvas{display:block;width:100%;height:260px;border:2px solid var(--c-border);border-radius:12px;background:var(--c-surface);touch-action:none;cursor:crosshair;background-image:linear-gradient(var(--c-border) 1px,transparent 1px);background-size:100% 26px}.tests{text-align:left;margin-top:8px}.tests .test{font-size:.9rem;padding:4px 0;border-bottom:1px dashed var(--c-border)}.tests .test.ok code{color:var(--c-accent)}.tests .test.bad code:first-child{color:var(--c-danger-text)}.stdout,.code-ref{text-align:left;font-family:ui-monospace,Menlo,monospace;font-size:.85rem;background:var(--c-surface-sunk);border-radius:8px;padding:10px 12px;white-space:pre-wrap;margin:8px 0 0}.drill{background:var(--c-surface);border:2px solid var(--c-border);border-radius:14px;padding:22px 18px;outline:none}.drill:focus-visible{border-color:var(--c-accent);box-shadow:var(--ring-3) var(--c-accent-bg)}.drill-line{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(1.15rem,3.2vw,1.75rem);line-height:1.9;letter-spacing:.06em;margin:0;word-break:break-word}.tk{padding:1px 0;border-radius:3px}.tk-todo{color:var(--c-text-muted)}.tk-hit{color:var(--c-accent)}.tk-miss{color:var(--c-danger-text);background:var(--c-danger-bg);text-decoration:underline wavy var(--c-danger)}.tk-next{color:var(--c-text);background:var(--c-attention-bg);box-shadow:var(--press-2) var(--c-attention-border)}.tk-space.tk-todo,.tk-space.tk-next{border-bottom:2px solid var(--c-border)}.typing-score{margin:14px 0 0;color:var(--c-text-muted)}.typing-score strong{color:var(--c-text)}.kbd-wrap{margin-top:18px;transition:opacity var(--motion-fade) var(--ease-standard)}.kbd{display:flex;flex-direction:column;gap:6px;align-items:center}.kbd-row{display:flex;gap:6px;justify-content:center;flex-wrap:nowrap}.kbd-key{flex:0 0 auto;min-width:clamp(22px,7vw,40px);padding:8px 0;text-align:center;border:2px solid var(--c-border);border-radius:8px;background:var(--c-surface);font-weight:700;font-size:clamp(.7rem,2.2vw,.95rem);color:var(--c-text-muted)}.kbd-space{min-width:clamp(120px,40vw,260px)}.kbd-key.on{background:var(--c-attention-bg);border-color:var(--c-attention-border);color:var(--c-text)}.kbd-key.faint{opacity:.3}.kbd-finger{text-align:center;color:var(--c-text-muted);font-weight:700;font-size:.85rem;margin:8px 0 0;min-height:1.2em}.kid-home-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5)}@media (min-width: 1024px){.kid-home-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start}}.kid-home-main{display:grid;gap:var(--space-5);min-width:0}.kid-topics h2{margin:0 0 var(--space-3);font-size:var(--text-l)}.kid-topic-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.kid-topic{width:100%;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--c-border);border-radius:var(--radius-l);background:var(--c-surface);font:inherit;text-align:left;cursor:pointer}@media (hover: hover){.kid-topic:hover{background:var(--c-surface-sunk)}}.kid-topic:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.kid-topic--due{border-color:var(--c-danger-text)}.kid-topic-title{font-weight:800;font-size:var(--text-m);overflow-wrap:anywhere}.kid-side{display:grid;gap:var(--space-4)}.kid-side-creature{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-l);background:var(--c-surface);border:1px solid var(--c-border)}.kid-side-pip{margin:0;font-weight:700;text-align:center}.kid-side-next{display:grid;gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-l);background:var(--c-surface);border:1px solid var(--c-border)}.kid-topic-page{display:grid;gap:var(--space-4);max-width:720px;justify-items:start}.kid-topic-head h1{margin:0 0 var(--space-2)}.kid-topic-word{margin:0;display:inline-flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--c-surface-sunk)}.kid-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.kid-step{padding:var(--space-3) var(--space-4);border-radius:var(--radius-l);border:2px solid var(--c-border);background:var(--c-surface);color:var(--c-text-muted)}.kid-step--done{color:var(--c-text);border-color:var(--c-accent)}.kid-step--done:before{content:"✓ ";font-weight:800;color:var(--c-accent-text)}.kid-step--next{color:var(--c-text);font-weight:800;border-color:var(--c-primary)}.kid-step--next:before{content:"→ ";color:var(--c-primary)}.kid-map{display:grid;gap:var(--space-4)}.kid-map-counts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.kid-map-counts .stage-key{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-weight:800;background:var(--c-surface-sunk)}.kid-side-next--open{width:100%;border:2px solid var(--c-primary);font:inherit;text-align:left;cursor:pointer}.kid-side-next--open:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.kid-side-next--open .ui-btn{justify-self:start;margin-top:var(--space-2)}.kid-side-hello{font-style:italic;color:var(--c-text-soft)}}@layer surfaces{.map{display:grid;gap:var(--space-5)}.map-unit{display:grid;gap:var(--space-3)}.map-unit-title{font-size:var(--text-m);font-weight:800;color:var(--c-text-soft);margin:0}.map-tiles{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));list-style:none;margin:0;padding:0}.map-tile{position:relative;display:grid;gap:var(--space-1);align-content:start;min-height:88px;padding:var(--space-3);border-radius:var(--radius-m);border:2px dashed var(--c-border);color:var(--c-text-soft);background:transparent}.map-tile-title{font-weight:700;line-height:1.25;overflow-wrap:anywhere}.map-tile-word{font-size:var(--text-s);font-weight:800}.map-tile--learning{background:var(--c-state-learning-tint);border:2px solid var(--c-state-learning-edge);color:var(--c-state-learning-ink)}.map-tile--solid{background:var(--c-state-solid-tint);border:2px solid var(--c-state-solid-edge);color:var(--c-state-solid-ink)}.map-tile--secure{background:var(--c-state-secure-fill);border:2px solid var(--c-state-secure-edge);color:var(--c-on-primary)}.map-tile-icon{display:block;width:28px;height:28px}.map-tile-icon svg{display:block;width:100%;height:100%}.map-tile--due{outline:3px solid var(--c-primary);outline-offset:2px}.map-tile-slip{justify-self:start;font-size:var(--text-xs);font-weight:800;padding:1px var(--space-2);border-radius:999px;background:var(--c-danger-bg);color:var(--c-danger-text);border:1px solid var(--c-danger-border)}.map-counts{display:flex;flex-wrap:wrap;gap:var(--space-3)}.map-legend{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none;color:var(--c-text-soft)}.day-list{display:grid;gap:var(--space-3);list-style:none;margin:0;padding:0}.day-item{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-m);background:var(--c-surface)}.day-item-title{font-weight:700}.day-item-note{color:var(--c-text-soft)}.day-start{white-space:normal;max-width:100%;height:auto}.map-tile-open{display:grid;gap:var(--space-1);align-content:start;width:100%;height:100%;padding:0;margin:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.map-tile-open:focus-visible{outline:3px solid var(--c-primary);outline-offset:6px;border-radius:var(--radius-m)}}@layer surfaces{.progress-headline{margin:0;font-size:var(--text-l);font-weight:800;color:var(--c-text)}.stage-chart{display:grid;gap:var(--space-2)}.stage-bar{display:flex;gap:2px;height:14px;border-radius:var(--radius-s);overflow:hidden}.stage-seg{display:block;min-width:4px;border-radius:4px}.stage-seg--learning{background:var(--c-state-learning-fill)}.stage-seg--solid{background:var(--c-state-solid-fill)}.stage-seg--secure{background:var(--c-state-secure-fill)}.stage-seg--ahead{background:transparent;border:2px dashed var(--c-border)}.stage-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:0;padding:0;list-style:none;color:var(--c-text-soft)}.stage-legend--phrases{display:grid;gap:var(--space-2)}.stage-key{display:flex;align-items:center;gap:var(--space-2)}.stage-key--learning .stage-key-icon{color:var(--c-state-learning-ink)}.stage-key--solid .stage-key-icon{color:var(--c-state-solid-ink)}.stage-key--secure .stage-key-icon{color:var(--c-state-secure-ink)}.stage-key-icon{display:inline-block;flex:none;width:22px;height:22px}.stage-key-icon svg{display:block;width:100%;height:100%}.stage-key-ahead{display:inline-block;flex:none;width:18px;height:18px;border:2px dashed var(--c-border);border-radius:4px}.grade-units{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.grade-unit{display:grid;gap:var(--space-1);grid-template-columns:1fr auto;align-items:baseline}.grade-unit .stage-chart{grid-column:1 / -1}.grade-unit-label{font-weight:700;color:var(--c-text);overflow-wrap:anywhere}.grade-unit-count{font-size:var(--text-s);color:var(--c-text-soft)}.weeks{display:flex;gap:var(--space-3);align-items:flex-end;margin:0;padding:0 0 var(--space-2);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;max-width:100%;contain:inline-size}.progress-layer{min-width:0}.weeks:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-s)}.weeks-item{display:grid;gap:var(--space-1);justify-items:center;flex:none;width:64px}.week-plot{display:flex;align-items:flex-end;height:120px;width:24px}.week-bar{display:flex;flex-direction:column-reverse;gap:2px;width:100%;min-height:4px}.week-bar .stage-seg{min-height:3px;min-width:0}.week-label{font-size:var(--text-xs);font-weight:800;color:var(--c-text-soft);text-align:center}.week-move{font-size:var(--text-xs);color:var(--c-text-soft);text-align:center}.coach-topics{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.answers{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin:0;padding:0;list-style:none;font-size:var(--text-s)}.answer{color:var(--c-text-soft)}.answer--right .answer-mark{color:var(--c-state-solid-ink);font-weight:800}.answer--missed .answer-mark{color:var(--c-text-soft);font-weight:800}.answer-day{color:var(--c-text-muted)}.topic-steps{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.topic-step{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:2px solid var(--c-border);color:var(--c-text-soft)}.topic-step--now.stage-key--learning{background:var(--c-state-learning-tint);border-color:var(--c-state-learning-edge);color:var(--c-state-learning-ink)}.topic-step--now.stage-key--solid{background:var(--c-state-solid-tint);border-color:var(--c-state-solid-edge);color:var(--c-state-solid-ink)}.topic-step--now.stage-key--secure{background:var(--c-state-secure-tint);border-color:var(--c-state-secure-edge);color:var(--c-state-secure-ink)}}@layer surfaces{.creature{display:block;max-width:100%;height:auto}.creature:not(.creature--still) .creature-body{animation:creature-bob calc(var(--motion-celebrate) * 8) ease-in-out infinite;transform-origin:100px 180px}.creature:not(.creature--still) .creature-eyes{animation:creature-blink calc(var(--motion-celebrate) * 12) infinite;transform-origin:100px 98px}.creature:not(.creature--still) .creature-item--wave,.creature:not(.creature--still) .creature-item--wiggle,.creature:not(.creature--still) .creature-item--tip{animation:creature-sway calc(var(--motion-celebrate) * 6) ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}.creature:not(.creature--still) .creature-item--bounce,.creature:not(.creature--still) .creature-item--tap,.creature:not(.creature--still) .creature-item--ripple,.creature:not(.creature--still) .creature-item--look,.creature:not(.creature--still) .creature-item--push{animation:creature-nudge calc(var(--motion-celebrate) * 7) ease-in-out infinite;transform-box:fill-box}@keyframes creature-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes creature-blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@keyframes creature-sway{0%,to{transform:rotate(0)}50%{transform:rotate(6deg)}}@keyframes creature-nudge{0%,to{transform:translate(0)}50%{transform:translate(1px,-2px)}}.creature:not(.creature--still).creature--hi .creature-body{animation:creature-hello calc(var(--motion-celebrate) * 1.5) ease-in-out 4;transform-origin:100px 180px}.creature:not(.creature--still).creature--cheer .creature-body{animation:creature-hop calc(var(--motion-celebrate) * 1.3) ease-in-out 4;transform-origin:100px 180px}.creature:not(.creature--still).creature--nap .creature-body{animation:creature-breathe calc(var(--motion-celebrate) * 10) ease-in-out infinite;transform-origin:100px 180px}.creature:not(.creature--still) .creature-spark{animation:creature-twinkle calc(var(--motion-celebrate) * 1.7) ease-in-out infinite;transform-box:fill-box;transform-origin:center}.creature:not(.creature--still) .creature-z{animation:creature-float calc(var(--motion-celebrate) * 6) ease-in-out infinite}.creature-snore{font-family:inherit}@keyframes creature-hello{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes creature-hop{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(6px) scale(1.06,.92)}60%{transform:translateY(-30px) scale(.96,1.06)}}@keyframes creature-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02,.98)}}@keyframes creature-twinkle{0%,to{transform:scale(.7);opacity:.6}50%{transform:scale(1.2);opacity:1}}@keyframes creature-float{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-8px);opacity:1}}.creature-card{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.creature-card-name{font-size:var(--text-xl);font-weight:800;margin:0}.welcome-greet{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;padding:var(--space-4) var(--space-5);background:var(--c-surface);border:2px solid var(--c-border);border-top-width:8px;border-radius:var(--radius-l)}.welcome-first{margin:0;font-size:var(--text-xl);font-weight:800;line-height:1.2}.welcome-tutor{display:flex;gap:var(--space-3);align-items:flex-start}.welcome-initial{flex:0 0 48px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:var(--text-l);background:var(--c-accent-bg);color:var(--c-accent-text);border:2px solid var(--c-accent-border)}.welcome-hello{margin:0;font-size:var(--text-m);line-height:1.5}.creature-steps{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0}.creature-steps-path{display:inline-flex;gap:var(--space-1)}.creature-step{width:10px;height:14px;border-radius:50%;background:var(--c-accent)}.creature-step:nth-child(2n){transform:translateY(4px)}.creature-step--new{animation:creature-step-in var(--motion-celebrate) var(--ease-bounce) both}@keyframes creature-step-in{0%{transform:scale(0)}to{transform:scale(1)}}.weekend-done-creature{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.weekend-done-lines{margin:0;padding-left:var(--space-5);display:grid;gap:var(--space-2);font-size:var(--text-m);line-height:1.5}.cr-columns{display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1fr)}@media (min-width: 1024px){.cr-columns{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}}.cr-stage{display:grid;gap:var(--space-3)}.cr-ground{position:relative;display:grid;place-items:center;padding:var(--space-4) var(--space-4) var(--space-6);background:linear-gradient(to bottom,var(--c-attention-wash) 72%,var(--c-attention-bg) 72%);border:2px solid var(--c-border);border-radius:var(--radius-l)}.cr-poke{display:block;width:min(360px,100%);padding:0;border:0;background:transparent;cursor:pointer;border-radius:var(--radius-l)}.cr-poke:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}.cr-poke .creature{width:100%;height:auto}.cr-name{position:absolute;bottom:var(--space-3);padding:var(--space-1) var(--space-5);border-radius:var(--radius-pill);background:var(--c-surface);border:2px solid var(--c-text);font-size:var(--text-xl);font-weight:800;max-width:calc(100% - 2 * var(--space-4));overflow-wrap:anywhere}.cr-said{margin:0;min-height:1.5em;text-align:center;font-weight:700;color:var(--c-text-soft)}.cr-acts{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.cr-maker{display:grid;gap:var(--space-4);min-width:0}.cr-make-title{margin:0;font-size:var(--text-xl)}.cr-make-sub{margin:var(--space-1) 0 0;color:var(--c-text-soft)}.cr-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(120px,100%),1fr))}.cr-tile{flex-direction:column;min-height:92px}.cr-swatch{display:grid;place-items:center;cursor:inherit}.cr-belly{width:24px;height:24px;border-radius:50%}.cr-closet{display:grid;gap:var(--space-4)}.cr-closet-row{display:grid;gap:var(--space-2)}.cr-closet-label{font-weight:800;color:var(--c-text-soft)}.cr-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cr-name-panel{max-width:32rem}.cr-name-input{font-size:var(--text-xl);font-weight:800}.cr-footer{margin:0;padding:var(--space-3) var(--space-4);border:1px dashed var(--c-attention-border);border-radius:var(--radius-l);background:var(--c-surface);color:var(--c-text-soft);line-height:1.4}}@layer surfaces{.sv-stage{display:flex;justify-content:center}.sv-prompt{font-size:var(--text-xl);font-weight:800;line-height:1.25;margin:0;text-wrap:balance}.sv-pair{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.sv-rows{display:grid;gap:var(--space-2)}.sv-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(120px,100%),1fr))}.sv-option{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:64px;padding:var(--space-3) var(--space-4);font:inherit;font-weight:700;font-size:var(--text-m);text-align:center;color:var(--c-text);cursor:pointer;background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-l)}.sv-pair .sv-option{min-height:120px;font-size:var(--text-l)}.sv-rows .sv-option{justify-content:flex-start;text-align:left}@media (hover: hover){.sv-option:hover{border-color:var(--c-text-faint)}}.sv-option:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.sv-option[aria-pressed=true]{border-color:var(--c-primary);border-width:3px;background:var(--c-accent-wash)}.sv-option[aria-pressed=true]:before{content:"✓";font-weight:900}.sv-dots{display:flex;gap:var(--space-2);align-items:center}.sv-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--c-text-soft)}.sv-dot--on{background:var(--c-text-soft)}.sv-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}.sv-steps .sv-option{min-height:56px;padding:var(--space-2)}.sv-ends{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--c-text-soft);font-weight:700}.sv-swatches{display:flex;flex-wrap:wrap;gap:var(--space-3)}.sv-swatch{width:56px;height:56px;border-radius:50%;border:3px solid var(--c-border);cursor:pointer}.sv-swatch[aria-pressed=true]{border-color:var(--c-text);outline:3px solid var(--c-primary);outline-offset:2px}.sv-swatch:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.sv-species{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr))}.sv-species .sv-option{flex-direction:column;min-height:150px}.sv-piece{display:grid;justify-items:center;gap:var(--space-3);text-align:center}.sv-band{display:contents}.sv-replay{display:inline-flex;align-items:center;gap:var(--space-2);justify-self:start;min-height:48px;padding:var(--space-2) var(--space-4);font:inherit;font-weight:700;color:var(--c-accent-text);cursor:pointer;background:var(--c-surface);border:2px solid var(--c-accent-border);border-radius:var(--radius-l)}.sv-replay:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.sv-k3 .sv-option{min-height:96px;min-width:64px;font-size:var(--text-l);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sv-k3 .sv-pair .sv-option{min-height:170px}.sv-k3 .sv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sv-k3 .sv-replay,.sv-k3 .ui-btn{min-height:64px}.sv-k3 .sv-swatch{width:64px;height:64px}}@layer surfaces{.games-home,.games-play,.games-over{display:flex;flex-direction:column;gap:var(--space-5)}.games-head{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.games-head .games-time{flex:1 1 240px}.games-large{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.games-small{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.games-small h2{flex-basis:100%;margin:0}.games-time{display:flex;flex-direction:column;gap:var(--space-2)}.games-time-words{margin:0;font-size:var(--text-m)}.games-bar{height:12px;border-radius:var(--radius-pill);background:var(--c-surface-sunk);border:1px solid var(--c-border-subtle);overflow:hidden}.games-bar span{display:block;height:100%;background:var(--c-accent);border-radius:var(--radius-pill);transition:width var(--motion-settle) var(--ease-standard)}.games-bar--extra span{background:var(--c-info)}.games-side{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}.games-side p[role=status]{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);background:var(--c-info-bg);color:var(--c-info-text)}.games-over{align-items:center;text-align:center}.games-day{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-l)}.games-creature{display:inline-flex}.creature--resting{opacity:.85}.games-unlock{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}.games-unlock p{margin:0}.games-unlock-name{font-size:var(--text-xl);font-weight:800}.games-unlock-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.games--k3 .games-time-words,.games--k3 .games-day,.games--k3 .games-unlock p{font-size:var(--text-xl)}.games--k3 .games-bar{height:20px}.games--k3 .games-large{grid-template-columns:1fr}.games--k3 .ui-btn{min-height:64px;min-width:64px}.games--g8_12 .games-time-words,.games--g8_12 .games-day{font-size:var(--text-s)}.games--g8_12 .games-bar{height:8px}.council{display:flex;flex-direction:column;gap:var(--space-4);margin:0}.council-count{margin:0;color:var(--c-text-muted)}.council-room{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-m);color:var(--c-text)}.council--garden .council-room{background:var(--c-accent-wash)}.council--harbour .council-room{background:var(--c-info-bg)}.council--library .council-room{background:var(--c-attention-wash)}.council-card{display:flex;flex-direction:column;gap:var(--space-4)}.council-situation{margin:0;font-size:var(--text-l);line-height:1.4}.council-seen{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.council-ask{margin:0}.council-ways{display:flex;flex-wrap:wrap;gap:var(--space-3)}.games--k3 .council-situation{font-size:var(--text-xl)}.games--k3 .council-ways{flex-direction:column}.games--g8_12 .council-situation{font-size:var(--text-m)}.stand{display:flex;flex-direction:column;gap:var(--space-4);margin:0}.stand-card{display:flex;flex-direction:column;gap:var(--space-4)}.stand-day{margin:0;font-size:var(--text-l)}.stand-money,.stand-news,.stand-sum,.stand-stock,.stand-usual{margin:0}.stand-money{font-weight:700}.stand-usual{color:var(--c-text-muted)}.stand-products,.stand-lines,.stand-why{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.stand-product{display:flex;flex-direction:column;gap:var(--space-2)}.stand-product-name{margin:0;font-size:var(--text-m)}.stand-price{align-items:center}.stand-price-now{min-width:7em;text-align:center;font-weight:700}.games--k3 .stand-day{font-size:var(--text-xl)}.games--g8_12 .stand-day{font-size:var(--text-m)}.games-sample{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}.games-sample p{margin:0}.games-stones{display:flex;gap:var(--space-3);margin:0;padding:0;list-style:none;flex-wrap:wrap}.games-stone{width:40px;height:28px;border-radius:var(--radius-pill);background:var(--c-surface-sunk);border:2px solid var(--c-border)}.games-stone--here{background:var(--c-accent-bg);border-color:var(--c-accent-border)}}@layer surfaces{.keys{display:flex;flex-direction:column;gap:var(--space-4)}.keys-say{margin:0;font-size:var(--text-m)}.keys-track{position:relative;height:44px;border-radius:var(--radius-pill);background:var(--c-surface-sunk);border:1px solid var(--c-border-subtle)}.keys-runner{position:absolute;inset-block-start:6px;width:30px;height:30px;margin-inline-start:-15px;border-radius:50%;border:2px solid var(--c-border);transition:inset-inline-start var(--motion-quick) var(--ease-standard)}.keys-runner--you{background:var(--c-accent-bg);border-color:var(--c-accent-border)}.keys-runner--creature{background:var(--c-info-bg);border-color:var(--c-info)}.keys-drill{padding:var(--space-4);border-radius:var(--radius-m);background:var(--c-surface);border:1px solid var(--c-border-subtle)}.keys-end{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.keys-end p{margin:0}.keys-headline{font-size:var(--text-l);font-weight:700}.games--k3 .keys-say,.games--k3 .keys-end p{font-size:var(--text-xl)}.games--k3 .keys-track{height:64px}.games--k3 .keys-runner{width:48px;height:48px;margin-inline-start:-24px}.games--g8_12 .keys-say{font-size:var(--text-s)}.games--g8_12 .keys-track{height:32px}.games--g8_12 .keys-runner{inset-block-start:4px;width:22px;height:22px;margin-inline-start:-11px}.keys-track--jungle{background:var(--c-accent-wash)}.keys-track--ocean{background:var(--c-info-bg)}.keys-track--space{background:var(--c-night)}}@layer surfaces{.exp{display:flex;flex-direction:column;gap:var(--space-5)}.exp-note{margin:0;font-size:var(--text-l)}.exp-map{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-l);background:var(--c-surface-sunk);border:1px solid var(--c-border-subtle)}.exp-map p{margin:0}.exp-place{font-weight:700;font-size:var(--text-l)}.exp-count,.exp-goal{font-size:var(--text-s);color:var(--c-text)}.exp-path{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none;align-items:center}.exp-dot{width:28px;height:28px;border-radius:var(--radius-pill);background:var(--c-surface);border:2px solid var(--c-border);color:var(--c-text)}.exp-dot:last-child{width:36px;height:36px;border-style:dashed}.exp-dot--done{background:var(--c-accent-bg);border-color:var(--c-accent-border)}.exp-dot--here{background:var(--c-accent-bg);border:4px solid var(--c-accent-strong);transform:scale(1.15);transition:transform var(--motion-quick) var(--ease-standard)}.exp-step{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.exp-step h2{margin:0;font-size:var(--text-l)}.exp-step p{margin:0}.exp-text{font-size:var(--text-l);line-height:1.4;max-width:60ch}.exp-question{font-size:var(--text-l);font-weight:700}.exp-reveal{padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);background:var(--c-info-bg);color:var(--c-info-text);max-width:60ch}.exp-answer{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end}.exp-choices{display:flex;flex-direction:column;gap:var(--space-2);align-items:stretch;width:100%;max-width:48ch}.exp-choices .ui-btn{border-radius:var(--radius-m);white-space:normal;text-align:left;justify-content:flex-start;height:auto;min-width:0;max-width:100%}.exp-step,.exp-choices,.exp-scenes,.exp-text,.exp-reveal{min-width:0;max-width:100%;overflow-wrap:anywhere}.exp-scenes{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.exp-scene{margin:0;padding:var(--space-3);border-radius:var(--radius-m);border:1px solid var(--c-border-subtle);background:var(--c-surface)}.exp-scene figcaption{font-weight:700;margin-bottom:var(--space-2)}.exp-scene ul{margin:0;padding-left:var(--space-5)}.exp-step--wonder{padding:var(--space-4);border-radius:var(--radius-l);background:var(--c-accent-bg);border:1px solid var(--c-accent-border)}.games--k3 .exp-text,.games--k3 .exp-question,.games--k3 .exp-place{font-size:var(--text-xl)}.games--k3 .exp-dot{width:40px;height:40px}.games--g8_12 .exp-text,.games--g8_12 .exp-question{font-size:var(--text-m)}.games--g8_12 .exp-dot{width:20px;height:20px}}@layer surfaces{.grid-game,.match-game,.towers-game{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}.grid-lead,.match-step,.match-line,.match-best,.towers-line,.towers-count,.towers-hint{margin:0}.grid-board{display:grid;gap:2px;padding:4px;border:3px solid var(--c-border);border-radius:var(--radius-m);background:var(--c-surface-sunk)}.grid-board--4{grid-template-columns:repeat(4,64px)}.grid-board--6{grid-template-columns:repeat(6,52px)}.grid-board--9{grid-template-columns:repeat(9,minmax(28px,38px));max-width:100%}.grid-cell{aspect-ratio:1;display:grid;place-items:center;font-size:var(--text-l);font-weight:700;background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border-subtle);border-radius:var(--radius-s);cursor:pointer}.grid-cell--given{background:var(--c-surface-raised);color:var(--c-text-soft);cursor:default}.grid-cell--at{background:var(--c-accent-bg);border-color:var(--c-accent-border)}.grid-cell--clash{outline:3px dashed var(--c-attention-border);outline-offset:-4px}.grid-cell--right{margin-right:4px}.grid-cell--below{margin-bottom:4px}.grid-keys{display:flex;flex-wrap:wrap;gap:var(--space-2)}.grid-keys .ui-btn{min-width:48px;font-size:var(--text-l)}.match-board{display:grid;gap:var(--space-2)}.match-board--2{grid-template-columns:repeat(2,72px)}.match-board--3{grid-template-columns:repeat(3,72px)}.match-board--4{grid-template-columns:repeat(4,64px)}.match-board--5{grid-template-columns:repeat(5,56px)}.match-tile{aspect-ratio:1;min-width:48px;display:grid;place-items:center;font-size:var(--text-xl);background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-m);cursor:pointer;transition:background-color var(--motion-quick) var(--ease-standard),border-color var(--motion-quick) var(--ease-standard)}.match-tile--down{background:var(--c-accent-wash)}.match-tile--lit{background:var(--c-accent-bg);border-color:var(--c-accent-border)}.match-pads{display:flex;flex-wrap:wrap;gap:var(--space-3)}.match-pads .match-tile{width:88px}.match-sequence,.match-odd{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.towers-word{margin:0;min-height:1.4em;font-size:var(--text-xl);font-weight:800;letter-spacing:.12em}.towers-letters,.towers-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.towers-letter{min-width:52px;min-height:52px;font-size:var(--text-l);font-weight:800}.towers-tower{display:flex;flex-direction:column;gap:var(--space-2)}.towers-floors{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.towers-floor{padding:var(--space-1) var(--space-3);border-radius:var(--radius-s);background:var(--c-surface-raised);border:1px solid var(--c-border-subtle);font-weight:700;letter-spacing:.08em}.games--k3 .grid-board--4{grid-template-columns:repeat(4,76px)}.games--k3 .grid-cell,.games--k3 .match-tile{font-size:var(--text-xl)}.games--k3 .towers-letter{min-width:64px;min-height:64px;font-size:var(--text-xl)}.games--g8_12 .grid-cell{font-size:var(--text-m)}.games--g8_12 .match-tile{font-size:var(--text-l)}}@layer surfaces{.forge{display:flex;flex-direction:column;gap:var(--space-5)}.forge-maker,.forge-scene,.forge-sofar{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}.forge-title,.forge-prompt{margin:0}.forge-prompt{font-size:var(--text-l);line-height:1.4}.forge-where,.forge-count{margin:0;color:var(--c-text-muted)}.forge-picture{max-width:100%;height:auto}.forge-choices{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0;padding:0;border:0;min-width:0;max-width:100%}.forge-choices .ui-btn{white-space:normal;max-width:100%}.forge-choices legend{flex-basis:100%;margin-bottom:var(--space-2);font-weight:600}.forge-starters{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.forge-starters p{flex-basis:100%;margin:0}.forge-scene .ui-field{align-self:stretch}.forge-text{font-size:var(--text-m);line-height:1.6}.forge-done{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);background:var(--c-info-bg);color:var(--c-info-text)}.forge-scenes{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);line-height:1.6}.games--k3 .forge-prompt{font-size:var(--text-xl)}.games--k3 .forge-choices{flex-direction:column;align-items:stretch}.games--k3 .forge-text{font-size:var(--text-l)}.games--g8_12 .forge-prompt{font-size:var(--text-m)}}@layer surfaces{.ws{display:flex;flex-direction:column;gap:var(--space-3)}.ws-world{margin:0;font-size:var(--text-s);color:var(--c-text-muted)}.ws-goal{margin:0;font-size:var(--text-l);font-weight:700}.ws-hint{margin:0;font-size:var(--text-s);color:var(--c-text-muted)}.ws-tray,.ws-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ws-bench{display:grid;gap:var(--space-1);max-width:30rem;padding:var(--space-2);background:var(--c-surface-sunk);border:1px solid var(--c-border);border-radius:var(--radius-m)}.ws-cell{min-width:44px;min-height:44px;aspect-ratio:1;display:grid;place-items:center;padding:0;font-size:var(--text-l);color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border-subtle);border-radius:var(--radius-m);cursor:pointer}.ws-cell:disabled{cursor:default}.ws-cell--wall{background:var(--c-text-soft);color:var(--c-on-night)}.ws-cell--start,.ws-cell--battery{background:var(--c-info-bg);color:var(--c-info-text)}.ws-cell--bucket,.ws-cell--lamp{background:var(--c-accent-bg);color:var(--c-accent-text);border-color:var(--c-accent-border)}.ws-cell--ramp-l,.ws-cell--ramp-r,.ws-cell--wire{color:var(--c-primary);font-weight:700}.ws-cell--path{border-color:var(--c-accent);box-shadow:var(--inset-ring-2) var(--c-accent)}.ws-cell--ball{color:var(--c-accent-text)}.ws-said{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:0;padding:var(--space-3);border-radius:var(--radius-m);background:var(--c-info-bg);color:var(--c-info-text)}.ws-said p{margin:0}.ws-said--done{background:var(--c-accent-bg);color:var(--c-accent-text)}.ws--golden-ramp .ws-cell--ramp-l,.ws--golden-ramp .ws-cell--ramp-r{color:var(--c-attention-strong);border-color:var(--c-attention-border)}.ws--night-bench .ws-bench{background:var(--c-night);border-color:var(--c-night)}.ws--big-bench .ws-bench{max-width:36rem}.ws--big-bench .ws-cell{min-width:52px;min-height:52px}.games--k3 .ws-cell{min-width:56px;min-height:56px;font-size:var(--text-xl)}.games--k3 .ws-goal{font-size:var(--text-xl)}.games--g8_12 .ws-goal{font-size:var(--text-m)}}@layer surfaces{.dlg{display:grid;gap:var(--space-4);text-align:left}.dlg-ask{color:var(--c-text-soft);font-weight:700;margin:0}.dlg-situation,.dlg-play,.dlg-alone,.dlg-grammar{font-size:var(--text-l);margin:0}.dlg-speak{display:inline-grid;place-items:center;border:2px solid var(--c-accent);background:var(--c-surface);color:var(--c-accent);border-radius:50%;cursor:pointer;flex:none}.dlg-speak-m{width:44px;height:44px}.dlg-speak-s{width:36px;height:36px}@media (hover: hover){.dlg-speak:hover{background:var(--c-accent-wash)}}.dlg-speak.on{background:var(--c-accent);color:var(--c-surface)}.dlg-speak:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.dlg-phrase-row{display:flex;gap:var(--space-3);align-items:center}.dlg-phrase-row .dlg-phrase{flex:1 1 auto;min-width:0}.dlg-contrast-line{display:flex;gap:var(--space-2);align-items:center;justify-content:space-between}.dlg-phrase{font-size:calc(var(--text-xl) * 1.2);font-weight:800;line-height:1.25;margin:0}.dlg-swap{background:var(--c-accent-wash);color:inherit;border-radius:var(--radius-s);padding:0 .15em}.dlg-swaps{display:grid;gap:var(--space-2);justify-items:start}.dlg-swaps-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.dlg-lines{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.dlg-line{display:grid;grid-template-columns:minmax(64px,auto) 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-m);border:1px solid transparent}.dlg-line.you{background:var(--c-accent-wash)}.dlg-line.newest{border-color:var(--c-accent)}.dlg-who{font-weight:800;color:var(--c-text-soft);font-size:var(--text-s);text-transform:uppercase;letter-spacing:.04em}.dlg-line.you .dlg-who{color:var(--c-accent)}.dlg-words{font-size:var(--text-l);line-height:1.4}.dlg-contrast{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.dlg-contrast-side{border:1px solid var(--c-border);border-radius:var(--radius-m);padding:var(--space-3)}.dlg-contrast-side.on{border-color:var(--c-accent);background:var(--c-accent-wash)}.dlg-contrast-side p{margin:var(--space-1) 0 0;font-size:var(--text-l);font-weight:700}.dlg-tonight{border-top:1px dashed var(--c-border);padding-top:var(--space-3)}.dlg-tonight p{margin:var(--space-1) 0 0;font-size:var(--text-m)}}@layer surfaces{.tutor-quiet{font-size:var(--text-s);color:var(--c-text-muted)}.tutor-strong{margin:0;font-weight:700}.tutor-grow{flex:1 1 12em;min-width:0}.tutor-block{display:block}.tutor-mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:var(--text-s)}.tutor-h4{margin:0 0 var(--space-2);font-size:var(--text-m)}.tutor-bar{justify-content:space-between;align-items:flex-end}.tutor-bar-text{display:grid;gap:var(--space-1);min-width:0;flex:1 1 20em}.tutor-two,.tutor-three{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.tutor-three{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.tutor-fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;gap:var(--space-2)}.tutor-scroll{overflow-x:auto;max-width:100%}.tutor-focus{margin:0 0 var(--space-2);font-weight:700}.tutor-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.tutor-list--cols{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr))}.tutor-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);flex-wrap:wrap;padding:var(--space-2) var(--space-3);border:1px solid var(--c-border-subtle);border-radius:var(--radius-m);background:var(--c-surface)}.tutor-row--focus{border:2px solid var(--c-accent);background:var(--c-accent-wash)}.tutor-row-text{display:grid;gap:2px;justify-items:start;min-width:0;flex:1 1 14em}.tutor-flag{display:grid;gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-m);background:var(--c-attention-bg);color:var(--c-attention-text)}.tutor-flag .tutor-quiet{color:inherit}.tutor-flag--dropped{background:var(--c-danger-bg);color:var(--c-danger-text)}.tutor-flag--nearly{background:var(--c-accent-bg);color:var(--c-accent-text)}.tutor-flag--test-miss{background:var(--c-info-bg);color:var(--c-info-text)}.tutor-picks{max-height:min(46dvh,420px);overflow-y:auto}.tutor-pick{width:100%;min-height:var(--tap);display:flex;align-items:center;gap:var(--space-3);text-align:left;font:inherit;color:var(--c-text);background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-m);padding:var(--space-2) var(--space-3);cursor:pointer}.tutor-pick.on{border-color:var(--chip-on-border);background:var(--chip-on-bg)}.tutor-pick:disabled{cursor:default;background:var(--c-surface-sunk)}.tutor-pick:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.tutor-checks{list-style:none;margin:0;padding:0;display:grid;gap:2px;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}.tutor-check{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap-s);font-size:var(--text-s);font-weight:600;cursor:pointer}.tutor-check input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--c-accent-strong)}.tutor-check--note{color:var(--c-text-muted)}.tutor-snaps{display:flex;gap:var(--space-2);flex-wrap:wrap}.tutor-snap{width:160px;max-width:100%;border:1px solid var(--c-border);border-radius:var(--radius-s);background:var(--c-surface)}.tutor-report{border-radius:var(--radius-m);padding:var(--space-4);max-width:860px}.tutor-report-body{display:grid;gap:var(--space-4)}.tutor-report-list{margin:0;padding-left:1.2em;display:grid;gap:var(--space-1);font-size:var(--text-s)}.tutor-path{list-style:none;margin:var(--space-2) 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.tutor-step{font-size:var(--text-xs);font-weight:700;padding:3px 10px;border-radius:var(--radius-pill);border:1px solid var(--c-border);color:var(--c-text-muted)}.tutor-step.on{background:var(--chip-on-bg);border-color:var(--chip-on-border);color:var(--chip-on-text)}.tutor-code{background:var(--c-accent-bg);border:1px solid var(--c-accent-border);border-radius:var(--radius-m);padding:var(--space-3) var(--space-4)}.tutor-code-chars{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.5rem;font-weight:800;letter-spacing:.22em;color:var(--c-text);overflow-wrap:anywhere}.tutor-qr{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.tutor-qr-img{width:148px;height:148px;background:var(--c-surface);padding:6px;border-radius:var(--radius-s);flex:0 0 auto}.tutor-qr-img svg{width:100%;height:100%;display:block}.tutor-qr-text{gap:var(--space-2);flex:1 1 12em}.tutor-pin{align-items:flex-end}.tutor-pin .ui-field{flex:0 1 12em}.tutor-save{justify-content:flex-end;border-top:1px solid var(--c-border-subtle);padding-top:var(--space-3)}.tutor-chips{gap:var(--space-2)}.tutor-chips .ui-chip:disabled{cursor:default}.tutor-scroll .avail{margin-top:0;border:0;padding:0}.tutor-scroll .avail-cell{min-width:34px;min-height:26px}.coach-big .stage-fit{max-width:none}.coach-q{margin:0;font-size:var(--text-l);font-weight:700}.coach-answer{flex:1 1 10em;width:auto}.coach-ok{margin:0;font-weight:700;color:var(--c-accent-text)}.coach-no{margin:0;font-weight:700;color:var(--c-danger-text)}@media print{.ui-header,.ui-rail,.ui-tabs,.ui-head,.ui-detail-aside,.no-print{display:none!important}.tutor-report{border:0;padding:0}}.tutor-fieldset>legend{padding:0;margin-bottom:var(--space-2)}.coach-stage .tag{color:var(--c-accent-text)}.coach-stage .coach-k{color:var(--c-attention-text)}.tutor-stories{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.tutor-story-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;gap:var(--space-3);align-items:center;width:100%;text-align:left;font:inherit;color:var(--c-text);cursor:pointer;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-m);padding:var(--space-3) var(--space-4)}@media (hover: hover){.tutor-story-row:hover{border-color:var(--c-accent)}}.tutor-story-row:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.tutor-story-who{font-weight:800}.tutor-story-topic{color:var(--c-text-soft);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutor-story-when{color:var(--c-text-soft);font-size:var(--text-s);white-space:nowrap}.tutor-story-words{margin:0;padding:var(--space-3) var(--space-4);border-left:4px solid var(--c-accent);background:var(--c-accent-wash);border-radius:0 var(--radius-m) var(--radius-m) 0;font-size:var(--text-l);line-height:1.5;white-space:pre-wrap}.tutor-story-page{max-width:100%;max-height:60dvh;border-radius:var(--radius-m);border:1px solid var(--c-border)}@media (max-width: 599px){.tutor-story-row{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}}.tutor-home-next .ui-card-title{font-size:var(--text-l)}.tutor-strip,.tutor-notes{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.tutor-strip-row,.tutor-notes-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);flex-wrap:wrap;padding:var(--space-2) 0;border-bottom:1px solid var(--c-border-subtle)}.tutor-strip-row:last-child,.tutor-notes-row:last-child{border-bottom:0}.tutor-strip-time{font-variant-numeric:tabular-nums;font-weight:700}.tutor-notes-lead{margin:0 0 var(--space-2);font-weight:700}.tutor-games{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.tutor-games p{margin:0}.tutor-games-row{color:var(--c-text-muted)}}@layer surfaces{.console-sub{display:block;margin-top:2px;font-size:var(--text-xs);font-weight:400;color:var(--c-text-muted)}.console-by{color:var(--c-text-muted);font-weight:400}.console-due{display:grid;justify-items:start;gap:2px}.console-go{font-weight:800;color:var(--c-text-muted)}.console-prose{margin:0;font-size:var(--text-s);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.console-subhead{margin:var(--space-2) 0 0;font-size:var(--text-m)}.console-events{list-style:none;margin:0;padding:0;display:grid;font-size:var(--text-s)}.console-events li{display:flex;flex-wrap:wrap;gap:2px var(--space-3);align-items:baseline;padding:var(--space-2) 0;border-top:1px solid var(--c-border-subtle)}.console-events li:first-child{border-top:0}.console-stamp{flex:0 0 auto;min-width:9.5em;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--c-text-muted)}.feed-label{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-muted)}.feed-label:first-child{margin-top:0}.feed-quote{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-4);border-left:4px solid var(--c-accent);background:var(--c-canvas);border-radius:0 var(--radius-m) var(--radius-m) 0;font-size:var(--text-m);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.feed{list-style:none;margin:0;padding:0;display:grid;font-size:var(--text-s)}.feed li{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr);gap:2px var(--space-3);padding:var(--space-2) 0}.feed li>.console-stamp{grid-column:2;min-width:0}.feed li>span:last-child{grid-column:2;overflow-wrap:anywhere}.feed-dot{grid-column:1;grid-row:1 / span 2;width:10px;height:10px;margin-top:4px;border-radius:999px;background:var(--c-surface);border:2px solid var(--c-border);z-index:var(--z-raised)}.feed li:not(:last-child):before{content:"";position:absolute;left:6px;top:22px;bottom:-6px;width:2px;background:var(--c-border-subtle)}.journey{list-style:none;margin:0;padding:var(--space-2) 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));font-size:var(--text-xs);color:var(--c-text-muted)}.journey li{position:relative;display:grid;justify-items:center;gap:4px;text-align:center;padding:0 2px}.journey li:not(:last-child):after{content:"";position:absolute;top:8px;left:50%;width:100%;height:2px;background:var(--c-border)}.journey li.done:not(:last-child):after{background:var(--c-accent)}.journey-dot{width:18px;height:18px;border-radius:999px;border:2px solid var(--c-border);background:var(--c-surface);position:relative;z-index:var(--z-raised)}.journey li.done .journey-dot{background:var(--c-accent);border-color:var(--c-accent)}.journey li.now .journey-dot{border-color:var(--c-primary);box-shadow:var(--ring-4) var(--c-danger-bg)}.journey li.now .journey-word{color:var(--c-text);font-weight:800}.journey-day{font-variant-numeric:tabular-nums}.next-step{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-3) var(--space-5);border:1px solid var(--c-attention-border);border-left-width:6px;border-radius:var(--radius-l);background:var(--c-attention-bg)}.next-step--late{border-color:var(--c-danger-border);background:var(--c-danger-bg)}.next-step p{margin:0}.next-step-title{font-size:var(--text-m);font-weight:800}.next-step-due{margin-top:2px;font-size:var(--text-s);font-weight:700;color:var(--c-attention-text)}.next-step--late .next-step-due{color:var(--c-danger-text)}.console-rows{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.console-rows li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-2) var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-m);background:var(--c-surface)}.console-rows-main{min-width:0;overflow-wrap:anywhere;font-weight:700}.console-acts{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));align-items:end}.console-acts>.ui-btn{justify-self:start}.console-moves{margin-top:var(--space-3)}.console-issues{margin:0;padding-left:var(--space-5);font-size:var(--text-s);display:grid;gap:var(--space-1)}.console-issues li.error{color:var(--c-danger-text)}.console-issues li.warn{color:var(--c-attention-text)}.console-narrow{max-width:14em}.console-switch,.console-check{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;min-height:var(--tap-s);font-size:var(--text-s);font-weight:700;color:var(--c-text);cursor:pointer}.console-switch input,.console-check input{width:20px;height:20px;margin:0;accent-color:var(--c-primary-strong)}.console-check{align-items:flex-start;font-weight:400}.console-check input{margin-top:2px}.console-choices{margin:0;padding-left:var(--space-5);font-size:var(--text-s);display:grid;gap:var(--space-1)}.visibility-units{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--c-border-subtle)}.billing-price{max-width:10em}.savebar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;border-top:1px solid var(--c-border);margin-top:var(--space-4);padding-top:var(--space-3)}.savebar-changed{font-size:var(--text-s);font-weight:800}.savebar-quiet{font-size:var(--text-s);color:var(--c-text-muted)}.grow{flex:1}.confirm-inline{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.confirm-inline>.confirm-q{font-size:var(--text-s);font-weight:700;color:var(--c-danger-text)}.slot-days{display:grid;gap:var(--space-2)}.slot-day{display:grid;grid-template-columns:7em minmax(0,1fr);gap:var(--space-2);align-items:center}.slot-day-name{font-size:var(--text-s);font-weight:700}@media (max-width: 599px){.slot-day{grid-template-columns:1fr}}.avail{display:grid;gap:var(--space-2)}.avail-scroll{overflow-x:auto;border:1px solid var(--c-border);border-radius:var(--radius-m);background:var(--c-surface);padding:var(--space-2)}.avail-grid{border-collapse:collapse;font-size:var(--text-xs)}.avail-grid th{padding:2px 6px;text-align:left;font-weight:700;white-space:nowrap}.avail-grid td{padding:2px}.avail-ist{color:var(--c-text-muted);white-space:nowrap}.avail-cell{display:block;width:34px;height:26px;border-radius:6px;border:1px solid var(--c-border);background:var(--c-surface);cursor:pointer}.avail-cell.on{background:var(--c-accent);border-color:var(--c-accent)}.avail-cell:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.message-show{margin:0;white-space:pre-wrap;font:inherit;font-size:var(--text-s);line-height:1.55;background:var(--c-surface-sunk);border-radius:var(--radius-m);padding:var(--space-3) var(--space-4);max-height:320px;overflow:auto}.country-swatches{display:inline-flex;gap:3px;vertical-align:middle}.country-swatch{display:inline-block;width:14px;height:14px;border-radius:50%;box-shadow:var(--ring-1) var(--c-border)}.country-facts{display:grid;gap:var(--space-2);margin:var(--space-3) 0 0}.country-facts>div{display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr);gap:var(--space-2)}.country-facts dt{color:var(--c-text-muted)}.country-facts dd{margin:0;overflow-wrap:anywhere}.pricing-now{font-size:var(--text-l);font-weight:600;margin:0}.pricing-applies{border:0;padding:0;margin:0;display:grid;gap:var(--space-2)}.pricing-choice{display:flex;gap:var(--space-2);align-items:flex-start;cursor:pointer}.pricing-choice input{margin-top:.25rem}.pricing-choice .console-sub{display:block}.ui-row-link:has(>.console-sub){flex-direction:column;align-items:flex-start;justify-content:center}.learner-notes{white-space:pre-wrap}.billing-tabs{min-width:0;max-width:100%;overflow-x:auto}.colleague-sees{margin:var(--space-2) 0 0;padding-left:1.25rem;display:grid;gap:var(--space-1)}.country-logo{height:32px;width:auto}.colour-group{display:grid;gap:var(--space-1)}.colour-group-name{font-size:var(--text-s)}.colour-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;gap:var(--space-3);align-items:center;padding:2px var(--space-2);border-radius:var(--radius-s);font-size:var(--text-s)}.colour-row.changed{background:var(--c-attention-wash)}.colour-row code{font-size:var(--text-xs);color:var(--c-text-muted)}.colour-row input[type=color]{width:36px;height:30px;border:1px solid var(--c-border);border-radius:6px;padding:0;background:none;cursor:pointer}@media (max-width: 599px){.colour-row{grid-template-columns:40px minmax(0,1fr) auto}.colour-row code{display:none}}.country-preview{margin:0;border:1px solid var(--c-border);border-radius:var(--radius-l);overflow:hidden;background:var(--c-canvas);color:var(--c-text)}.preview-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--c-surface);border-bottom:1px solid var(--c-border);font-size:var(--text-s);color:var(--c-text-muted)}.preview-head b{color:var(--c-text)}.preview-body{display:grid;gap:var(--space-3);padding:var(--space-4)}.preview-body p{margin:0}.preview-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.preview-facts{padding:var(--space-2) var(--space-4) var(--space-3);border-top:1px solid var(--c-border);background:var(--c-surface)}.content-editor{display:grid;gap:var(--space-4);padding:var(--space-5) var(--pad) var(--space-7);max-width:1100px}.tree{font-size:var(--text-s)}.tree button.s,.tree button.g,.tree button.c{display:flex;align-items:center;gap:2px;width:100%;min-height:var(--tap-s);text-align:left;background:none;border:0;padding:2px var(--space-2);font:inherit;color:var(--c-text);border-radius:var(--radius-s);cursor:pointer}.tree button.s{font-weight:800;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--c-primary-strong);margin-top:var(--space-2)}.tree button.g{font-weight:700;margin-left:var(--space-3);width:calc(100% - var(--space-3))}.tree button.g~div{margin-left:var(--space-5)}@media (hover: hover){.tree button:hover{background:var(--c-surface-sunk)}}.tree button.c.sel{background:var(--c-accent-bg);color:var(--c-accent-text);font-weight:700}.tree .caret{display:inline-block;width:14px;color:var(--c-text-muted)}.tree .tree-n{font-weight:400;color:var(--c-text-muted);text-transform:none;letter-spacing:0}.tree .u{font-weight:700;color:var(--c-text-muted);margin:var(--space-2) 0 2px var(--space-2);font-size:var(--text-xs)}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.editor-warn{color:var(--c-danger-text);font-weight:700}.point-row{display:flex;align-items:center;gap:var(--space-2)}.point-row .ui-input{flex:1;min-width:0}.point-n{flex:0 0 24px;width:24px;height:24px;border-radius:var(--radius-pill);background:var(--c-surface-sunk);display:inline-grid;place-items:center;font-size:var(--text-xs);font-weight:800}.row-tools{display:inline-flex;flex:0 0 auto}.row-tools .ui-icon-btn,.row-remove{font-size:1.1rem;color:var(--c-text-muted)}.row-tools .ui-icon-btn:disabled{opacity:.35;cursor:default}.row-remove{color:var(--c-danger-text)}@media (max-width: 599px){.point-row{flex-wrap:wrap}.point-row .ui-input{flex-basis:calc(100% - 40px)}.row-tools{margin-left:auto}}.icon-current{display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-m);padding:var(--space-2) var(--space-3)}.icon-big{width:46px;height:46px;border-radius:var(--radius-m);background:var(--c-attention-bg);display:flex;align-items:center;justify-content:center;flex:0 0 46px}.icon-big svg{width:30px;height:30px}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:var(--space-1);border:1px dashed var(--c-border);border-radius:var(--radius-m);padding:var(--space-2);max-height:320px;overflow-y:auto}.icon-chip{min-height:var(--tap);padding:var(--space-1) 2px;border:2px solid transparent;border-radius:var(--radius-s);background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--c-text)}.icon-chip svg{width:22px;height:22px}.icon-chip span{font-size:.65rem;color:var(--c-text-muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-chip.on{background:var(--c-accent-bg);border-color:var(--c-accent)}.icon-chip.on span{color:var(--c-accent-text)}.analogy-row,.cand{display:flex;align-items:flex-start;gap:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-m);padding:var(--space-3);background:var(--c-surface)}.cand{display:block}.cand.keeping{border:2px solid var(--c-accent)}.cand.rejected{border-color:var(--c-danger-border)}.analogy-text,.cand-text{flex:1;min-width:0;display:grid;gap:var(--space-1);justify-items:start}.analogy-text p,.cand-text p{margin:0;font-size:var(--text-s);color:var(--c-text-soft)}.cand-head{display:flex;align-items:flex-start;gap:var(--space-3)}.cand-anim{display:grid;gap:var(--space-1)}.paste-step{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-m)}.prompt-peek{font-size:var(--text-s);color:var(--c-text-muted)}.prompt-peek summary{cursor:pointer;min-height:var(--tap-s);display:flex;align-items:center}.prompt-peek pre{white-space:pre-wrap;background:var(--c-surface-sunk);border-radius:var(--radius-s);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);max-height:230px;overflow:auto}.example-card{border:1px solid var(--c-border);border-radius:var(--radius-m);padding:var(--space-4);background:var(--c-surface)}.example-card.has-errors{border-color:var(--c-danger-border);box-shadow:var(--inset-start-3) var(--c-danger)}.layout-set{border:0;margin:0;padding:0;min-width:0;display:grid;gap:var(--space-2)}.layout-opt{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;font-size:var(--text-s);font-weight:400;color:var(--c-text);cursor:pointer}.layout-opt input{margin-top:3px;flex:0 0 auto;width:18px;height:18px}.learner-prev{border:2px dashed var(--c-attention-border);border-radius:var(--radius-m);padding:var(--space-3);background:var(--c-attention-paper)}.steps-editor{border-top:1px solid var(--c-border);padding-top:var(--space-3)}.step-row{border:1px solid var(--c-border);border-left:3px solid var(--c-attention-border);border-radius:var(--radius-m);padding:var(--space-3) var(--space-4);background:var(--c-surface-raised)}.why-box{min-height:72px}.scene-field{display:grid;gap:var(--space-2);border-top:1px dashed var(--c-border);padding-top:var(--space-3)}.scene-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-3);align-items:start}@media (max-width: 1023px){.scene-grid{grid-template-columns:minmax(0,1fr)}}.ui-textarea.code{min-height:180px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82rem}.ui-textarea.scene-json{min-height:120px}.scene-prev{border:1px solid var(--c-border);border-radius:var(--radius-m);padding:var(--space-2);background:var(--c-surface);min-height:90px;display:flex;align-items:center;justify-content:center;text-align:center}.scene-prev svg{max-width:100%;height:auto}.prev{margin:0;background:var(--c-accent-bg);color:var(--c-accent-text);border-radius:var(--radius-m);padding:var(--space-3);font-size:var(--text-s);overflow-wrap:anywhere}.home-tile{text-align:left;font:inherit;color:inherit;cursor:pointer}@media (hover: hover){button.home-tile:hover{border-color:var(--c-accent-border)}}.home-needs{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1)}.home-need{width:100%;min-height:var(--tap);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);border:0;border-top:1px solid var(--c-border-subtle);background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}@media (hover: hover){.home-need:hover{background:var(--c-surface-sunk)}}.home-need-line{padding:var(--space-2);border-top:1px solid var(--c-border-subtle)}.partner-qr{width:12rem;height:12rem;padding:var(--space-2);border-radius:var(--radius-m, 8px)}.partner-qr svg{width:100%;height:100%}.rep-tags{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.rep-open{margin-top:var(--space-3)}.rep-chart{width:100%;height:auto;display:block}.rep-grid{stroke:var(--c-border-subtle);stroke-width:1}.rep-axis{fill:var(--c-text-muted);font-size:12px}.rep-peak{fill:var(--c-text);font-size:13px;font-weight:700}.rep-bar--a{fill:var(--c-info);background:var(--c-info)}.rep-bar--b{fill:var(--c-danger);background:var(--c-danger)}.rep-legend{display:flex;gap:var(--space-4);margin:0;padding:0;list-style:none;font-size:var(--text-s, .875rem);color:var(--c-text-soft)}.rep-legend li{display:inline-flex;align-items:center;gap:var(--space-2)}.rep-swatch{display:inline-block;width:12px;height:12px;border-radius:3px}.rep-hbars{list-style:none;margin:0 0 var(--space-3);padding:0;display:grid;gap:var(--space-3)}.rep-hbar{display:grid;grid-template-columns:6.5rem 1fr 7.5rem;align-items:center;gap:var(--space-3)}.rep-hbar-name{font-weight:700}.rep-hbar-track{height:22px;background:var(--c-surface-sunk);border-radius:6px;overflow:hidden}.rep-hbar-fill{display:block;height:100%;background:var(--c-info);border-radius:0 4px 4px 0}.rep-hbar-value{text-align:end;color:var(--c-text-soft)}.rep-gridwrap{overflow-x:auto}.rep-access{width:100%;border-collapse:separate;border-spacing:0;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-l)}.rep-access th,.rep-access td{padding:var(--space-2);text-align:center;border-top:1px solid var(--c-border-subtle)}.rep-access thead th{border-top:0;font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-soft);background:var(--c-surface-sunk)}.rep-access th:first-child{text-align:start;padding-inline-start:var(--space-4);min-width:12rem}.rep-access tbody th{font-weight:700;position:sticky;inset-inline-start:0;background:var(--c-surface);z-index:var(--z-raised)}.rep-cell{display:inline-grid;place-items:center;width:var(--tap);height:var(--tap);border:2px solid var(--c-border);border-radius:var(--radius-m, 8px);background:var(--c-surface);font:inherit;font-weight:800;color:var(--c-on-primary);cursor:pointer}.rep-cell--on{background:var(--c-accent-text);border-color:var(--c-accent-text)}.rep-cell--flag{background:var(--c-surface);border-color:var(--c-attention-border);color:var(--c-attention-text)}.rep-cell--never{background:var(--c-surface-sunk);border-style:dashed;color:var(--c-text-faint);cursor:not-allowed}.rep-cell--fixed{opacity:.55;cursor:default}.rep-cell:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.rep-cell--small{width:24px;height:24px;font-size:var(--text-xs);border-radius:6px;cursor:default}.rep-key{display:flex;flex-wrap:wrap;gap:var(--space-4);list-style:none;margin:0;padding:0;color:var(--c-text-soft);font-size:var(--text-s, .875rem)}.rep-key li{display:inline-flex;align-items:center;gap:var(--space-2)}@media (max-width: 700px){.rep-hbar{grid-template-columns:5rem 1fr 6rem}}.rep-bar--c{fill:url(#rep-hatch);background:repeating-linear-gradient(45deg,var(--c-attention-strong) 0 2px,var(--c-surface) 2px 5px);border:1px solid var(--c-attention-strong)}.rep-hatched{fill:url(#rep-hatch);stroke:var(--c-attention-strong);stroke-width:1}.rep-hatch-bg{fill:var(--c-surface)}.rep-hatch-line{stroke:var(--c-attention-strong);stroke-width:3}.rep-whisker line{stroke:var(--c-text);stroke-width:1.5}.rep-divider{stroke:var(--c-text-muted);stroke-width:1;stroke-dasharray:4 4}.rep-insights{margin:0;padding-inline-start:var(--space-5);display:grid;gap:var(--space-2)}.rep-assume{margin:0;display:grid;gap:var(--space-3)}.rep-assume>div{display:grid;grid-template-columns:1fr auto;gap:0 var(--space-4);align-items:baseline}.rep-assume dt{font-weight:700}.rep-assume dd{margin:0;text-align:end;font-weight:800}.rep-assume dd.ui-hint{grid-column:1;grid-row:2;text-align:start;font-weight:400}.rep-heat{width:100%;border-collapse:separate;border-spacing:2px;min-width:19rem}.rep-heat-wrap{overflow-x:auto;max-width:100%;contain:inline-size}.rep-heat th{text-align:start;font-weight:700;padding:var(--space-2)}.rep-heat thead th{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-soft)}.rep-heat td{text-align:center;padding:var(--space-2);border-radius:6px;color:var(--c-text);font-variant-numeric:tabular-nums}.rep-heat-cell{background:color-mix(in srgb,var(--c-info) var(--heat, 10%),transparent)}.rep-heat-none{background:var(--c-surface-sunk);color:var(--c-text-muted)}@media (max-width: 700px){.rep-heat th,.rep-heat td{padding:var(--space-2) 2px;font-size:var(--text-s, .875rem)}.rep-heat tbody th{min-width:6rem}}.fail-spark{font-family:ui-monospace,monospace;letter-spacing:1px;color:var(--c-text-muted)}.fail-occurrences,.fail-crumbs{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1);font-size:var(--text-s)}.fail-occurrences li{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-3);align-items:baseline}.fail-crumbs li{display:grid;grid-template-columns:56px 64px 1fr;gap:var(--space-2)}.fail-detail{white-space:pre-wrap;word-break:break-word;font-size:var(--text-xs);background:var(--c-surface-sunk);border-radius:var(--radius-m);padding:var(--space-3);margin:0;max-height:240px;overflow:auto}.fail-picture{display:block;max-width:100%;height:auto;border:1px solid var(--c-border);border-radius:var(--radius-m)}.fail-facts{margin:0;display:grid;gap:var(--space-1);font-size:var(--text-s)}.fail-fact{display:grid;grid-template-columns:minmax(96px,30%) 1fr;gap:var(--space-2)}.fail-fact dt{color:var(--c-text-muted)}.fail-fact dd{margin:0;overflow-wrap:anywhere}.fail-fact a{display:inline-block;min-height:24px;padding:var(--space-1) 0}.fail-occurrences a,.fail-filed a{display:inline-block;min-height:24px;line-height:24px;padding:0 var(--space-1);overflow-wrap:anywhere}.site-locale{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-s)}.site-label{display:inline-flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;text-transform:none}.site-key{font-size:var(--text-xs);color:var(--c-text-muted);font-weight:400}.site-source{white-space:pre-wrap;margin:0}.site-source mark{background:var(--c-attention-bg);color:var(--c-text);padding:0 var(--space-1);border-radius:var(--radius-s)}.site-block{display:grid;gap:var(--space-1)}.site-over{color:var(--c-danger-text)}.site-list{border:1px solid var(--c-border);border-radius:var(--radius-m);padding:var(--space-2);margin:0}.site-row{display:grid;gap:var(--space-1);padding:var(--space-2) 0;border-top:1px solid var(--c-border)}.site-row-n{font-size:var(--text-xs);color:var(--c-text-muted)}.site-changed{margin:0;padding-left:var(--space-3);display:grid;gap:var(--space-1)}}@layer surfaces{.coord-desk{display:grid;gap:var(--space-4)}.coord-top{display:grid;gap:var(--space-3)}.coord-top-bar{display:flex;gap:var(--space-3);align-items:center}.coord-search{flex:1;min-width:0;border-radius:999px}.coord-found,.coord-free{display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:2px solid var(--c-text);border-radius:var(--radius-l);background:var(--c-surface)}.coord-found>div{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.coord-calendar-off{margin:0;justify-self:start;padding:var(--space-1) var(--space-3);border-radius:var(--radius-m);background:var(--c-attention-bg);color:var(--c-attention-text);font-size:var(--text-s);font-weight:700}.coord-free-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.coord-free-grid>div{display:grid;gap:4px}.coord-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.coord-panel-label{font-size:var(--text-s);font-weight:800;color:var(--c-text-soft)}.coord-wins{display:grid;gap:var(--space-2)}.coord-wins-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border-radius:var(--radius-l);background:var(--c-accent-bg);color:var(--c-accent-text)}.coord-wins-facts{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);font-size:var(--text-s)}.coord-thanks{display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-l);background:var(--c-surface)}.coord-quote{margin:0;font-style:italic}.coord-quote b{font-style:normal}.coord-tab--empty:not(.on){color:var(--c-text-faint)}.coord-table{border:1px solid var(--c-border);border-radius:var(--radius-l);background:var(--c-surface);overflow:hidden}.coord-empty{margin:0;padding:var(--space-5);color:var(--c-text-soft)}.coord-row{display:grid;grid-template-columns:1.2fr .8fr 1.5fr 2.1fr .8fr 1.6fr;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);font-size:var(--text-s)}.coord-row--head{background:var(--c-canvas);font-weight:800;color:var(--c-text-soft)}.coord-item{border-top:1px solid var(--c-border-subtle)}.coord-family{min-height:var(--tap-s);border:0;background:transparent;padding:0;text-align:left;font:inherit;font-weight:800;color:var(--c-text);text-decoration:underline;cursor:pointer}.coord-soft{color:var(--c-text-soft)}.coord-owner{font-size:var(--text-xs);font-weight:800}.coord-owner--none{color:var(--c-danger-text)}.coord-days{display:inline-block;padding:3px 10px;border-radius:999px;font-size:var(--text-xs);font-weight:800;background:var(--c-canvas);color:var(--c-text-soft)}.coord-days--two{background:var(--c-attention-bg);color:var(--c-attention-text)}.coord-days--last{background:var(--c-danger-strong);color:var(--c-on-primary)}.coord-panel{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;padding:0 var(--space-4) var(--space-3)}.coord-panel--answer{display:grid}.coord-panel-acts{display:flex;gap:var(--space-2)}.coord-follow{margin:0;padding-left:var(--space-5);display:grid;gap:var(--space-1);font-size:var(--text-s)}.coord-card-line{margin:0;font-size:var(--text-s);color:var(--c-text-soft)}.coord-trial-line{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);background:var(--c-canvas);font-size:var(--text-s);color:var(--c-text-soft)}.coord-journey{grid-template-columns:repeat(4,minmax(0,1fr))}.coord-toast-slot{position:sticky;bottom:var(--space-4);display:flex;justify-content:center;pointer-events:none}.coord-toast{pointer-events:auto;display:flex;align-items:center;gap:var(--space-4);max-width:760px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-5);border-radius:999px;background:var(--c-night);color:var(--c-on-night);font-size:var(--text-s);font-weight:700}.coord-toast-undo{min-height:var(--tap-s);padding:0 var(--space-4);border:0;border-radius:999px;background:var(--c-primary);color:var(--c-on-primary);font:inherit;font-weight:800;cursor:pointer}.coord-shift{margin:0;font-size:var(--text-s);font-weight:700;color:var(--c-text-muted)}.coord-shift--on{color:var(--c-accent-text)}.coord-rota{display:grid;gap:4px;padding:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-l);background:var(--c-surface);overflow-x:auto}.coord-rota-row{display:grid;grid-template-columns:150px repeat(7,minmax(56px,1fr));gap:4px}.coord-rota-day{text-align:center;font-size:var(--text-s);font-weight:800;color:var(--c-text-soft)}.coord-rota-shift{display:flex;align-items:center;font-size:var(--text-s);font-weight:700;color:var(--c-text-muted)}.coord-rota-cell{width:100%;min-height:var(--tap);border:2px solid var(--c-border);border-radius:var(--radius-m);background:var(--c-surface);color:var(--c-text-muted);font:inherit;font-size:var(--text-s);font-weight:700;cursor:pointer}.coord-rota-cell--on{border-color:var(--c-accent-border);background:var(--c-accent-bg);color:var(--c-accent-text)}@media (max-width: 1023px){.coord-row{grid-template-columns:minmax(0,1fr) auto}.coord-row--head{display:none}.coord-row>[role=cell]:nth-child(3),.coord-row>[role=cell]:nth-child(4){grid-column:1 / -1}.coord-free-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 599px){.coord-top-bar{flex-wrap:wrap}.coord-rota-row{grid-template-columns:96px repeat(7,minmax(48px,1fr))}}}@layer surfaces{.adv-sub{font-size:var(--text-s);color:var(--c-text-soft);line-height:1.4}.adv-strong{font-size:var(--text-s);font-weight:800}.adv-h2{margin:0;font-size:var(--text-l)}.adv-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.adv-chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.adv-today{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-5);align-items:start}.adv-col{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}@media (max-width: 1023px){.adv-today{grid-template-columns:minmax(0,1fr)}}.adv-review{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-l);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.adv-review-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);flex-wrap:wrap}.adv-review-what{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.adv-review-line{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.adv-time{font-size:var(--text-xl);font-weight:800}.adv-family{font-size:var(--text-m);font-weight:700}.adv-review-acts{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-end}@media (max-width: 599px){.adv-review-acts{align-items:stretch;width:100%}}.adv-links{display:flex;gap:var(--space-4)}.adv-link{min-height:var(--tap-s);border:0;background:none;padding:0;font:inherit;font-size:var(--text-s);font-weight:800;color:var(--c-text);text-decoration:underline;cursor:pointer}.adv-link--danger{color:var(--c-danger-strong);text-decoration:none;font-weight:700}.adv-link:focus-visible,.adv-cell:focus-visible,.adv-call:focus-visible,.adv-danger-go:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.adv-call{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--space-5);border:0;border-radius:var(--radius-pill);background:var(--c-border);color:var(--c-text-muted);font:inherit;font-size:var(--text-m);font-weight:800;text-decoration:none}.adv-call--live{background:var(--c-text);color:var(--c-surface);cursor:pointer}.adv-report{background:var(--c-canvas);border-radius:var(--radius-m);padding:var(--space-3) var(--space-4);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.adv-report-col{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-s);line-height:1.4}.adv-report-title{font-weight:800;color:var(--c-text-soft)}.adv-cancel{border:2px solid var(--c-danger-strong);border-radius:var(--radius-m);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.adv-danger-go{min-height:var(--tap);border:0;border-radius:var(--radius-pill);padding:0 var(--space-5);background:var(--c-danger-strong);color:var(--c-on-primary);font:inherit;font-size:var(--text-s);font-weight:800;cursor:pointer}.adv-danger-go:disabled{background:var(--c-border);color:var(--c-text-muted);cursor:default}.adv-done-note{background:var(--c-accent-bg);color:var(--c-accent-text);border-radius:var(--radius-m);padding:var(--space-3) var(--space-4);font-size:var(--text-s);font-weight:700}.adv-outcome{border-top:1px solid var(--c-border-subtle);padding-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.adv-checkin{background:var(--c-accent-bg);border-radius:var(--radius-l);padding:var(--space-4) var(--space-5);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.adv-checkin-text{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-m);line-height:1.4;min-width:0;flex:1}.adv-checkin-kicker{font-size:var(--text-s);font-weight:800;color:var(--c-accent-text)}.adv-messages{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-l);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.adv-message{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--c-border-subtle);align-items:flex-start}.adv-reply{display:flex;flex-direction:column;gap:var(--space-2);width:100%;align-items:flex-start}.adv-sent{font-size:var(--text-s);font-weight:800;color:var(--c-accent-text)}.adv-health{display:inline-flex;align-items:center;gap:var(--space-2)}.adv-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.adv-dot--good{background:var(--c-accent)}.adv-dot--watch{background:var(--c-attention-border)}.adv-dot--act{background:var(--c-danger-strong)}.adv-head-acts{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.adv-open-count{font-size:var(--text-m);font-weight:800;color:var(--c-accent-text)}.adv-away-banner{font-size:var(--text-s);font-weight:700;color:var(--c-info-text);background:var(--c-info-bg);border-radius:var(--radius-s);padding:var(--space-2) var(--space-4)}.adv-note{font-size:var(--text-s);font-weight:700;color:var(--c-text-soft);background:var(--c-canvas);border-radius:var(--radius-s);padding:var(--space-2) var(--space-4)}.adv-note--changed{background:var(--c-attention-bg);color:var(--c-attention-text)}.adv-note--saved{background:var(--c-accent-bg);color:var(--c-accent-text)}.adv-away-pick{display:flex;flex-direction:column;gap:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-m);padding:var(--space-3) var(--space-4);background:var(--c-surface)}.adv-grid-box{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-l);padding:var(--space-3);overflow-x:auto}.adv-grid{display:flex;flex-direction:column;gap:3px;min-width:560px}.adv-grid-row{display:grid;grid-template-columns:56px repeat(7,minmax(0,1fr));gap:3px}.adv-grid-day{text-align:center;font-size:var(--text-s);font-weight:800;color:var(--c-text-soft)}.adv-grid-hour{font-size:var(--text-xs);font-weight:700;color:var(--c-text-muted);display:flex;align-items:center}.adv-cell{width:100%;min-height:30px;border:2px solid var(--c-border);border-radius:var(--radius-s);background:var(--c-surface);color:var(--c-surface);font:inherit;font-size:11px;font-weight:800;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 2px;cursor:pointer}.adv-cell--open{background:var(--c-accent-strong);border-color:var(--c-accent-strong);color:var(--c-surface)}.adv-cell--booked{background:var(--c-text);border-color:var(--c-text);color:var(--c-surface);cursor:default}.adv-cell--busy{background:var(--c-border);border-color:var(--c-border);color:var(--c-text-soft);cursor:default}.adv-cell--away{background:var(--c-info-bg);border-color:var(--c-info-bg);color:var(--c-info-text);cursor:default}.adv-legend{display:flex;gap:var(--space-4);font-size:var(--text-s);color:var(--c-text-soft);flex-wrap:wrap}.adv-legend>span{display:inline-flex;align-items:center;gap:var(--space-2)}.adv-key{display:inline-block;width:14px;height:14px;min-height:0;padding:0;border-radius:4px;border:2px solid var(--c-border)}}@layer surfaces{.ui-frame--immersive .ui-main{padding:0}.class-bar{grid-area:bar;display:flex;align-items:center;gap:var(--space-3);min-height:56px;padding:0 var(--space-3);background:var(--c-surface);border-bottom:1px solid var(--c-border);min-width:0}.class-title{margin:0;font-size:var(--text-m);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.class-topic{min-height:var(--tap-s);max-width:var(--class-topic-w);min-width:0;border:2px solid var(--c-border);border-radius:var(--radius-pill);padding:0 var(--space-3);font:inherit;font-weight:700;font-size:var(--text-s);background:var(--c-surface);color:var(--c-text)}.class-bar-grow{flex:1}.class-bar .logo-exit{margin:0}.class-health{font-size:var(--text-s);font-weight:700;color:var(--c-danger-text)}.class-bar .live-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:0;padding:0}.live-pill{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:var(--radius-pill);background:var(--c-accent-wash);color:var(--c-accent-text);font-weight:700;font-size:var(--text-s)}.live-pill--warn{background:var(--c-danger-bg);color:var(--c-danger-text)}.class-bar .live-code{font-size:var(--text-s);letter-spacing:.1em}.class-phone-body{grid-area:body;padding:var(--space-5) var(--space-4);display:grid;gap:var(--space-3);align-content:start}.class-rail{grid-area:rail;display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-3) 0;background:var(--c-surface);border-right:1px solid var(--c-border);overflow-y:auto;min-height:0}.rail-btn{flex:none;width:44px;height:44px;border-radius:12px;border:0;background:transparent;color:var(--c-text);display:grid;place-items:center;cursor:pointer}.rail-btn.on{background:var(--chip-on-bg);color:var(--chip-on-text);box-shadow:var(--inset-ring-2) var(--chip-on-border)}.rail-btn:disabled{color:var(--c-text-faint);cursor:default}.rail-btn--edge{border:1px solid var(--c-border)}.rail-swatch{flex:none;width:24px;height:24px;border-radius:50%;border:3px solid var(--c-surface);box-shadow:var(--ring-1) var(--c-border);padding:0;cursor:pointer}.rail-swatch.on{box-shadow:var(--ring-2) var(--c-text)}.rail-sep{flex:none;width:32px;height:1px;background:var(--c-border);margin:4px 0}.rail-grow{flex:1}.rail-btn:focus-visible,.rail-swatch:focus-visible,.stage-switch-btn:focus-visible,.opt-btn:focus-visible,.strip-btn:focus-visible,.pad-page-btn:focus-visible,.pad-new:focus-visible,.cam-btn:focus-visible,.dock-lesson:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.class-stage{grid-area:stage;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--c-surface)}.lesson-bar{flex:none;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;border-top:1px solid var(--c-border);padding:var(--space-2) var(--space-3) calc(var(--space-5) + env(safe-area-inset-bottom))}.bar-scene,.bar-card,.bar-beats{display:inline-flex;align-items:center;gap:var(--space-2)}.bar-beats{gap:var(--space-1)}.bar-of{font-size:var(--text-s);font-weight:700;color:var(--c-text-muted);white-space:nowrap}.bar-card .dots{margin:0}.bar-still{font-size:var(--text-s);font-weight:700;color:var(--c-text-muted);font-style:italic}.strip-btn--go{background:var(--c-primary-strong);border-color:var(--c-primary-strong);color:var(--c-on-primary)}.stage-switch{display:inline-flex;padding:3px;border-radius:var(--radius-pill);background:var(--c-surface-sunk)}.stage-switch-btn{min-height:38px;padding:0 var(--space-3);border:0;border-radius:var(--radius-pill);background:transparent;font:inherit;font-weight:700;font-size:var(--text-s);color:var(--c-text);cursor:pointer}.stage-switch-btn.on{background:var(--c-surface);font-weight:800;box-shadow:var(--lift-1) var(--c-shadow-warm)}.stage-strip-grow{flex:1}.strip-btn,.pad-new{min-height:40px;padding:0 var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-pill);background:var(--c-surface);font:inherit;font-weight:700;font-size:var(--text-s);color:var(--c-text);cursor:pointer;white-space:nowrap}.strip-btn.on{background:var(--chip-on-bg);border-color:var(--chip-on-border);color:var(--chip-on-text)}.class-stage>.ui-notice{margin:var(--space-2) var(--space-3) 0}.stage-surfaces{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.stage-surfaces--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.surface{position:relative;min-width:0;min-height:0;padding:var(--space-3);display:flex;flex-direction:column}.stage-surfaces--split .surface+.surface{border-left:1px solid var(--c-border)}.surface--focus{box-shadow:var(--inset-ring-2) var(--focus-ring)}.surface-fill{flex:1;min-height:0;display:flex;flex-direction:column}.stage-fit.stage-fit--contain{flex:1;min-height:0;height:100%;overflow:hidden;display:grid;justify-items:center;align-content:safe center}.lesson-frame{flex:1;min-height:0;min-width:0;display:grid;grid-template:minmax(0,1fr) auto / minmax(0,1fr)}.lesson-picture{min-height:0;min-width:0;display:flex;flex-direction:column}.lesson-picture .anim-cap,.lesson-picture .anim-controls,.lesson-picture .scene-controls{display:none}.lesson-band{display:flex;align-items:center;gap:var(--space-3);border-top:1px solid var(--c-border);padding:var(--space-2) var(--space-3);block-size:calc(var(--text-s) * 1.4 + var(--text-l) * 1.3 * 2 + var(--space-2) * 2);box-sizing:border-box;overflow:hidden}.lesson-band-lines{flex:1;min-width:0}.lesson-band-prev{margin:0;font-size:var(--text-s);line-height:1.4;color:var(--c-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-band-now{margin:0;font-size:var(--text-l);font-weight:700;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.lesson-band--long .lesson-band-now{font-size:var(--text-m);-webkit-line-clamp:3}.class-journey{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--space-1);list-style:none;margin:0;padding:var(--space-2) calc(56px + var(--space-3)) 0 0}.class-journey-stop{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:0;padding:var(--space-1);border:1px solid var(--c-border);border-radius:var(--radius-m);background:var(--c-surface);color:var(--c-text-muted);font-size:var(--text-s)}.class-journey-mark{block-size:32px;display:grid;place-items:end center}.class-journey-sign{line-height:1}.class-journey-sign svg{inline-size:20px;block-size:20px}.class-journey-name{max-inline-size:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-journey-stop--done{background:var(--c-accent-bg);border-color:var(--c-accent-border);color:var(--c-accent-text)}.class-journey-stop--here{border-color:var(--c-primary);color:var(--c-text);font-weight:700}.class-journey-stop--here .class-journey-mark:empty:after{content:"";inline-size:12px;block-size:12px;border-radius:var(--radius-pill);background:var(--c-primary)}.class-journey--dense .class-journey-name{display:none}.surface .pad-surface,.pad-view{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-2);position:relative;margin:0;padding:0;border:0;background:none}.pad-frame{flex:1;min-height:0;container-type:size;display:grid;place-items:center}.pad-frame .pad-sheet{width:min(100cqw,160cqh);height:auto;aspect-ratio:16 / 10;border:1px solid var(--c-border);border-radius:var(--radius-m);background-color:var(--c-surface)}.pad-frame .pad-sheet.paper-ruled{background-image:linear-gradient(var(--paper-rule) 1px,transparent 1px);background-size:100% 6.25%}.pad-frame .pad-sheet.paper-grid{background-image:linear-gradient(var(--paper-grid) 1px,transparent 1px),linear-gradient(90deg,var(--paper-grid) 1px,transparent 1px);background-size:3.125% 5%}.pad-frame .pad-sheet.paper-numberline{background-image:linear-gradient(var(--paper-guide),var(--paper-guide)),linear-gradient(90deg,var(--paper-guide) 2px,transparent 2px);background-size:100% 2px,6.25% 24px;background-position:0 50%,0 calc(50% - 11px);background-repeat:no-repeat,repeat-x}.pad-pages{position:absolute;right:var(--space-3);bottom:var(--space-3);display:flex;align-items:center;gap:2px;padding:4px 6px;border-radius:var(--radius-pill);background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--lift-5) var(--c-shadow-warm)}.pad-page-btn{width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--c-text);display:grid;place-items:center;cursor:pointer}.pad-page-btn:disabled{color:var(--c-text-faint);cursor:default}.pad-page-at{padding:0 4px;font-size:var(--text-s);font-weight:700;white-space:nowrap}.pad-view-head{margin:0;font-size:var(--text-s)}.pad-view--small{flex:none}.pad-view--small .pad-frame{flex:none;container-type:normal;display:block}.pad-view--small .pad-frame .pad-sheet{width:100%}.class-dock{grid-area:dock;display:flex;flex-direction:column;min-height:0;overflow-y:auto;background:var(--c-surface);border-left:1px solid var(--c-border)}.dock-offline{margin:0;padding:var(--space-4);aspect-ratio:16 / 9;display:grid;place-items:center;text-align:center;background:var(--c-night);color:var(--c-on-night)}.dock-lesson{margin:var(--space-3) var(--space-3) 0;padding:var(--space-3);display:grid;gap:2px;text-align:left;font:inherit;color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--radius-m);background:var(--c-canvas);cursor:pointer}.dock-lesson-k{font-size:var(--text-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-muted)}.dock-lesson-title{font-weight:800}.dock-lesson-go{font-size:var(--text-s);font-weight:700;color:var(--c-accent-text)}.dock-lean{margin:var(--space-3) var(--space-3) 0;padding:var(--space-2) var(--space-3);display:grid;gap:var(--space-1);border-left:4px solid var(--c-accent-border);background:var(--c-accent-wash);border-radius:var(--radius-s)}.dock-lean-line,.dock-lean-wrong{margin:0;font-size:var(--text-s);line-height:1.4}.dock-lean-wrong{font-weight:700;color:var(--c-attention-text)}.class-dock .ui-tabs{margin:var(--space-3) var(--space-3) 0}.dock-body{padding:var(--space-3);display:grid;gap:var(--space-3);align-content:start}.dock-body[hidden]{display:none}.dock-actions{position:sticky;bottom:0;z-index:var(--z-raised);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);justify-items:start;padding-block:var(--space-2);background:var(--c-surface)}.dock-actions>.ui-cluster{flex-wrap:nowrap;width:100%}.dock-actions .coach-answer{flex:1 1 0;width:0;min-width:0}.dock-actions>.ui-cluster:last-child{flex-wrap:wrap}.dock-body .coach-line{margin-top:0}.dock-body .coach-k{color:var(--c-attention-text)}.beat-notes-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.beat-notes .scene-beat.staged:not(.on){box-shadow:var(--ring-2) var(--c-accent-border)}.beat-move{padding-top:var(--space-1);border-top:1px dashed var(--c-attention-border)}.dock-lean-praise{margin:0;padding:var(--space-2) var(--space-3);font-size:var(--text-s);line-height:1.4;border-left:4px solid var(--c-accent-border);background:var(--c-accent-wash);border-radius:var(--radius-s)}.cams{display:grid;min-width:0}.cam{position:relative;overflow:hidden;aspect-ratio:16 / 9;background:var(--c-night);color:var(--c-on-night)}.cam-video,.cam-video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cam-video video{object-fit:cover}.cam-video video[hidden],.cam-video audio{display:none}.cam-video--self video{transform:scaleX(-1)}.cam-initial{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--c-on-night);font-size:26px;font-weight:800}.cam-label{position:absolute;left:8px;bottom:8px;z-index:var(--z-label);display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:8px;background:var(--c-scrim);color:var(--c-on-night);font-size:var(--text-xs);font-weight:700}.cam-dot{width:8px;height:8px;border-radius:50%;background:var(--c-danger)}.cam-dot--off{background:var(--c-text-faint)}.cam .voice-note{position:absolute;left:8px;right:8px;top:50%;transform:translateY(-50%);z-index:var(--z-label);margin:0;text-align:center}.cam--peer:has(.voice-note) .cam-initial{display:none}.voice-note--trouble{display:grid;gap:var(--space-2);justify-items:center}.cams--dock{grid-template-areas:"peer" "controls"}.cams--dock .cam--peer{grid-area:peer}.cams--dock .cam--self{grid-area:peer;align-self:end;justify-self:end;width:32%;margin:8px;z-index:var(--z-tile);border:2px solid var(--c-on-night);border-radius:8px}.cams--dock .cam--self .cam-label,.cams--dock .cam--self .cam-initial{display:none}.cam-controls{grid-area:controls;display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--c-border);background:var(--c-surface)}.cam-btn{flex:1;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-pill);border:1px solid var(--chip-on-border);background:var(--chip-on-bg);color:var(--chip-on-text);font:inherit;font-weight:700;font-size:var(--text-s);cursor:pointer}.cam-btn.off{background:var(--c-danger-bg);border-color:var(--c-danger-border);color:var(--c-danger-text)}.cam-btn--icon{flex:0 0 44px;padding:0;background:var(--c-surface);border-color:var(--c-border);color:var(--c-text)}.cam-buttons{position:absolute;right:var(--edge);bottom:var(--edge);z-index:var(--z-tile);display:flex;gap:6px}.cam-buttons .cam-btn{flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--c-scrim);color:var(--c-on-night)}.cam-buttons .cam-btn.off{background:var(--c-danger);color:var(--c-on-primary)}.class--teach.class--stacked .stage-surfaces--split{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.class--teach.class--stacked .surface+.surface{border-left:0;border-top:1px solid var(--c-border)}.class-cams{grid-area:cams;display:flex;flex-direction:column;min-height:0;overflow-y:auto;background:var(--c-surface);border-left:1px solid var(--c-border)}.child-ink-dot{display:inline-block;flex:none;width:10px;height:10px;margin-right:6px;border-radius:50%;vertical-align:middle}.strip-btn--child{display:inline-flex;align-items:center}.pad-write-head{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.pad-write-head .pad-view-head{flex:1;min-width:0;display:flex;align-items:center;gap:4px}.pad-write-tools{display:flex;gap:var(--space-1);flex-wrap:wrap}.pad-write-tools .strip-btn{display:inline-flex;align-items:center;gap:6px}.pad-write-tools .strip-btn:disabled{opacity:.5;cursor:default}.pad-view--write .pad-sheet{cursor:crosshair;touch-action:none}@media (max-width: 599px){.pad-write-head{flex-direction:column;align-items:stretch;gap:var(--space-1)}.pad-write-head .pad-view-head{flex:none}.pad-write-tools .strip-btn{flex:1;justify-content:center}}.rail-swatches{display:grid;grid-template-columns:repeat(2,24px);gap:8px;justify-content:center;padding:2px 0}.pad-options{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--c-border);background:var(--c-surface)}.class-stage{container-type:inline-size}@container (max-width: 640px){.opt-label{display:none}.pad-options{gap:var(--space-2)}}.opt-group{flex:none;display:flex;align-items:center;gap:var(--space-2)}.opt-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-muted)}.opt-buttons{display:flex;gap:2px;padding:3px;border-radius:var(--radius-m);background:var(--c-surface-sunk)}.opt-btn{flex:none;width:40px;height:36px;border:0;border-radius:9px;background:transparent;color:var(--c-text);display:grid;place-items:center;cursor:pointer}.opt-btn.on{background:var(--c-surface);box-shadow:var(--inset-ring-2) var(--chip-on-border);color:var(--chip-on-text)}.opt-nib{display:block;width:20px;border-radius:4px;background:currentColor}.opt-letter{font-weight:800;line-height:1}.pad-frame .pad-sheet.paper-dots{background-image:radial-gradient(circle,var(--paper-guide) 1.6px,transparent 2.2px);background-size:3.125% 5%}.pad-frame .pad-sheet.paper-axes{background-image:linear-gradient(var(--paper-guide),var(--paper-guide)),linear-gradient(var(--paper-guide),var(--paper-guide)),linear-gradient(var(--paper-grid) 1px,transparent 1px),linear-gradient(90deg,var(--paper-grid) 1px,transparent 1px);background-size:100% 2px,2px 100%,3.125% 5%,3.125% 5%;background-position:0 50%,50% 0,0 0,0 0;background-repeat:no-repeat,no-repeat,repeat,repeat}.pad-frame .pad-sheet.paper-writing{background-size:100% 20%;background-image:linear-gradient(to bottom,transparent 0 calc(25% - 1px),var(--paper-guide) calc(25% - 1px) calc(25% + 1px),transparent calc(25% + 1px) calc(50% - 1px),var(--paper-rule) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px) calc(75% - 1px),var(--paper-guide) calc(75% - 1px) calc(75% + 1px),transparent calc(75% + 1px))}.pad-frame .pad-sheet.paper-tenframe:before{content:"";position:absolute;left:25%;top:34%;width:50%;height:32%;border:2px solid var(--paper-guide);pointer-events:none;background-image:linear-gradient(90deg,transparent calc(100% - 2px),var(--paper-guide) 0),linear-gradient(var(--paper-guide),var(--paper-guide));background-size:20% 100%,100% 2px;background-position:0 0,0 50%;background-repeat:repeat-x,no-repeat}.paper-marks{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center start;padding-left:4cqw;pointer-events:none;container-type:size}.paper-hundred{height:94cqh;aspect-ratio:1;display:grid;grid-template:repeat(10,1fr) / repeat(10,1fr);border:2px solid var(--paper-guide);box-sizing:border-box}.paper-hundred span{display:grid;place-items:center;border:1px solid var(--paper-grid);font-size:3.2cqh;color:var(--c-text-muted);font-weight:600}.text-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-ink);cursor:text;touch-action:none}.text-entry{position:absolute;padding:0 2px;margin:0;border:0;outline:2px dashed var(--chip-on-border);outline-offset:2px;background:transparent;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-weight:600;line-height:1.25;min-width:4ch;max-width:100%}.class-timeline-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.class-timeline-list li{display:grid;grid-template-columns:56px 1fr auto;gap:var(--space-2);align-items:center;font-size:var(--text-s)}.class-timeline-when{color:var(--c-text-muted);font-variant-numeric:tabular-nums}.live-dot{animation:live-pulse var(--loop-pulse) ease-in-out infinite;animation-play-state:var(--loop-state)}@keyframes live-pulse{50%{box-shadow:var(--ring-6) var(--c-live-glow-faint)}}.class-rail,.class-dock{padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom))}.sync-pill{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;white-space:nowrap;background:var(--c-accent-wash);color:var(--c-accent-text)}.sync-pill--catching{background:var(--c-attention-bg);color:var(--c-attention-text)}.sync-pill-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.live-badge{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;padding:6px 10px}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--c-primary);box-shadow:var(--ring-3) var(--c-live-glow)}.live-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.35rem;font-weight:800;letter-spacing:.12em;color:var(--c-text)}.voice-note{margin:6px 0 0;padding:6px 10px;border-radius:8px;font-size:.84rem;background:var(--c-canvas);color:var(--c-text);border:1px dashed var(--c-border)}.annot-wrap{position:relative}.annot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-bar)}.annot-wrap.pen,.annot-wrap.eraser,.annot-wrap.highlighter{cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none}.annot-wrap.text{-webkit-user-select:none;user-select:none;touch-action:none}.annot-wrap.pointer{cursor:none}.annot-wrap.pen button,.annot-wrap.eraser button,.annot-wrap.pointer button,.annot-wrap.highlighter button,.annot-wrap.pen input,.annot-wrap.eraser input,.annot-wrap.pointer input,.annot-wrap.highlighter input{cursor:pointer}.scratch-surface{height:var(--class-scratch-h);background:var(--c-surface);border:1px dashed var(--c-border);border-radius:10px;overflow:hidden}.scratch-surface.paper-ruled{background-image:repeating-linear-gradient(to bottom,transparent 0 31px,var(--paper-rule) 31px 32px)}.scratch-surface.paper-grid{background-image:repeating-linear-gradient(to bottom,transparent 0 23px,var(--paper-grid) 23px 24px),repeating-linear-gradient(to right,transparent 0 23px,var(--paper-grid) 23px 24px)}.scratch-surface.paper-numberline{background-image:linear-gradient(to bottom,transparent calc(50% - 1px),var(--paper-guide) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),repeating-linear-gradient(to right,transparent 0 47px,var(--paper-guide) 47px 48px);background-size:100% 100%,100% 22px;background-position:0 0,0 calc(50% - 11px);background-repeat:no-repeat,repeat-x}}@layer surfaces{.code-row{display:flex;gap:var(--space-2)}.code-row .ui-input{text-align:center;font-size:1.4rem;font-weight:800;padding:var(--space-2) 0;letter-spacing:.1em;min-width:0}@media (max-width: 599px){.welcome .ui-steps{gap:6px}.welcome .ui-steps li span{display:none}.welcome .ui-steps li.on span{display:inline}}.week{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1);text-align:center;font-size:var(--text-xs)}.week li{display:grid;gap:var(--space-1)}.week-day{font-weight:800;color:var(--c-text-muted)}.week-tick{color:var(--c-accent-text)}.week-cell{height:34px;border-radius:var(--radius-s);display:grid;place-items:center;font-weight:800}.week-cell--class{background:var(--c-primary-strong);color:var(--c-on-primary)}.week-cell--practice{background:var(--c-attention-bg);color:var(--c-attention-text)}.week-cell--test{background:var(--c-info-bg);color:var(--c-info-text)}.week-cell--call{background:var(--c-accent-bg);color:var(--c-accent-text)}.week-cell--off{background:var(--c-surface-sunk);color:var(--c-text-faint)}.radio{display:grid;gap:var(--space-2)}.radio label{display:flex;gap:var(--space-3);align-items:flex-start;border:2px solid var(--c-border);border-radius:var(--radius-m);padding:var(--space-3) var(--space-3);background:var(--c-surface);cursor:pointer}.radio label.on{border-color:var(--chip-on-border);background:var(--chip-on-bg)}.radio input{margin-top:4px}.consent{margin:0;font-size:var(--text-xs);color:var(--c-text-muted);line-height:1.45}.page-body{display:grid;gap:var(--space-3);font-size:var(--text-m);line-height:1.55}.page-body p,.page-body ul{margin:0}.page-body ul{padding-left:1.2em;display:grid;gap:var(--space-2)}.booked-actions{flex-direction:column}.quote{font-size:var(--text-l);font-weight:700;line-height:1.4;border-left:3px solid var(--c-accent);padding-left:var(--space-3)}.people{display:grid;gap:var(--space-3)}.person{display:grid;grid-template-columns:56px 1fr;gap:var(--space-3);align-items:center}.person small,.beat small{display:block;color:var(--c-text-muted);font-size:var(--text-s);line-height:1.4}.portrait{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:var(--text-l);border:2px solid var(--c-surface);box-shadow:var(--ring-1) var(--c-border);overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover}.portrait--s{width:24px;height:24px;font-size:var(--text-xs)}.portrait--accent{background:var(--c-accent-bg);color:var(--c-accent-text)}.portrait--attention{background:var(--c-attention-bg);color:var(--c-attention-text)}.portrait--info{background:var(--c-info-bg);color:var(--c-info-text)}.byline{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:var(--text-xs);color:var(--c-text-muted)}.beat{display:grid;grid-template-columns:28px 1fr;gap:var(--space-2);align-items:start}.beat i{width:28px;height:28px;border-radius:50%;background:var(--c-accent-bg);color:var(--c-accent-text);font-weight:800;display:grid;place-items:center;font-style:normal;font-size:var(--text-s)}.price{display:grid;gap:2px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-l);padding:var(--space-3) var(--space-4);justify-items:start}.price b{font-size:1.5rem}.price-per{font-size:var(--text-s);font-weight:600}.home .ui-card+.ui-card{margin-top:var(--space-3)}.home-class{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-3);align-items:start;padding:var(--space-2) 0;border-top:1px solid var(--c-border)}.home-class:first-child{border-top:0}.home-class small{color:var(--c-text-muted);font-size:var(--text-s)}.home-note{grid-column:1 / -1;background:var(--c-info-bg);color:var(--c-info-text);border-radius:var(--radius-m);padding:var(--space-2) var(--space-3);font-size:var(--text-s);line-height:1.45}.home-note b{display:block;margin-bottom:2px}.pulse-fact{margin:0 0 var(--space-2)}.pulse-choices{display:grid;gap:var(--space-1);margin-bottom:var(--space-2)}.pulse-pick{min-height:44px;padding:var(--space-1) var(--space-2);border:1px solid var(--c-border);border-radius:var(--radius-m);background:var(--c-surface);color:var(--c-text);font:inherit;text-align:left;cursor:pointer}.pulse-pick.on{border-color:var(--c-primary);background:var(--c-accent-bg);font-weight:600}.pulse-pick:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.call-day{margin:var(--space-2) 0 var(--space-1);font-weight:600}.call-times{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-1)}.call-times .pulse-pick{text-align:center}.pulse-last{margin:var(--space-2) 0 var(--space-1)}.pulse-score{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-2)}.pulse-n{min-width:44px;text-align:center;padding:var(--space-1)}.pulse-draft{margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);background:var(--c-surface);border:1px solid var(--c-border-subtle);border-left:3px solid var(--c-accent-border);border-radius:var(--radius-s)}.pulse-draft footer{color:var(--c-text-soft)}.pulse-draft footer{margin-top:var(--space-1)}.pulse-actions{flex-wrap:wrap}.pulse-words{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.pulse-words li{display:grid;gap:var(--space-1)}.si-remember{display:flex;gap:var(--space-2);align-items:flex-start;margin:var(--space-2) 0;font-size:var(--text-s)}.si-remember input{margin-top:4px;width:20px;height:20px}.si-who{margin:0}.fa-families{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.fa-family{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between}.fa-children{display:grid;gap:var(--space-1)}.fa-child{margin:0}.words-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-height:48px;padding:var(--space-3) var(--space-4);background:var(--c-surface);border:1px solid var(--c-border-subtle);border-radius:var(--radius-m);color:var(--c-text);font:inherit;text-align:left;cursor:pointer}@media (hover: hover){.words-row:hover{border-color:var(--c-accent-border)}}.words-row:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.dash-line{margin:0;font-size:var(--text-m);line-height:1.5;color:var(--c-text)}.dash-subjects,.dash-talk{display:grid;gap:var(--space-4)}.dash-tutor{margin:0;font-style:italic;line-height:1.5;color:var(--c-text)}.dash-steps{margin:0;padding-inline-start:var(--space-5);display:grid;gap:var(--space-2);line-height:1.4}.dash-example{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-m)}.dash-example-body{margin:0;white-space:pre-line;line-height:1.5}.device-code{margin:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:2rem;font-weight:800;letter-spacing:.2em;text-align:center}.device-qr{display:block;width:min(220px,100%);height:auto;margin:0 auto;color:var(--c-text);background:var(--c-surface);padding:var(--space-2);border-radius:var(--radius-m)}.device-ask{margin:0;font-weight:800}.device-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.device-name{margin:0;flex:1 1 14rem}.dash-growth{margin:0;display:grid;gap:var(--space-2)}.dash-growth-head{display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.dash-growth-chart{width:100%;height:72px;overflow:visible}.dash-growth-chart polyline{fill:none;stroke:var(--c-accent);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.dash-growth-ends{display:flex;justify-content:space-between;font-size:var(--text-s);color:var(--c-text-muted)}.dash-notes{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-3)}.dash-notes li{display:grid;gap:var(--space-1);padding-block-end:var(--space-3);border-block-end:1px solid var(--c-border)}.dash-notes li:last-child{border-block-end:0;padding-block-end:0}.dash-notes p{margin:0;line-height:1.5}.family-games{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.family-game{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.family-game p,.family-games-extra h3{margin:0}.family-game-tutor,.family-game-hidden{color:var(--c-text-muted)}.family-games-extra{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.advisor-card{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-l);background:var(--c-surface-raised)}.advisor-card .ui-nav-group{margin:0}.advisor-name{overflow-wrap:anywhere}.kid-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%}.kid-stage{display:grid;gap:var(--space-2);min-width:min(320px,100%)}.kid-banner{margin-bottom:var(--space-4)}}@layer surfaces{.ready-camera{grid-area:all;position:relative;display:grid;place-items:center;overflow:hidden}.ready-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.ready-video[hidden]{display:none}.ready-camera-note{max-width:var(--class-ready-note-w);margin:0 var(--space-4) 30dvh;text-align:center;color:var(--c-on-night);font-weight:700}.ready-top{position:absolute;left:var(--space-3);right:var(--space-3);top:var(--space-3);z-index:var(--z-label);display:flex;align-items:center;gap:var(--space-3)}.ready-chip{flex:1;min-width:0;padding:6px 12px;border-radius:var(--radius-pill);background:var(--c-scrim);color:var(--c-on-night);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ready-top .logo-exit{padding:6px 10px;border-radius:var(--radius-pill);background:var(--c-surface)}.ready-card{position:absolute;left:50%;bottom:var(--space-5);transform:translate(-50%);z-index:var(--z-label);width:min(var(--class-ready-card-w),calc(100% - 2 * var(--space-4)));box-sizing:border-box;display:grid;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-l);background:var(--c-surface);box-shadow:var(--lift-8) var(--c-shadow-night)}.ready-card .ui-title,.ready-card .ui-intro{margin:0}.ready-meter{display:flex;align-items:center;gap:4px;min-height:44px;padding:0 var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-m)}.ready-meter-k{font-weight:700;margin-right:var(--space-2)}.ready-bar{width:8px;height:16px;border-radius:2px;background:var(--c-border)}.ready-bar.on{background:var(--c-accent)}.ready-meter-said{margin-left:auto;font-size:var(--text-s);font-weight:700;color:var(--c-text-soft)}.ready-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.class--face,.class--wrap{position:relative;background:var(--c-night)}.class--face .class-bar,.class--wrap .class-bar{position:absolute;left:0;right:0;top:0;z-index:var(--z-bar);min-height:0;padding:var(--space-3) var(--edge);background:none;border:0;pointer-events:none}.class--face .class-bar>*,.class--wrap .class-bar>*{pointer-events:auto}.class--face .class-bar .class-title,.class--wrap .class-bar .class-title,.class--face .class-bar .live-code,.class--wrap .class-bar .live-code{padding:6px 12px;border-radius:var(--radius-pill);background:var(--c-scrim);color:var(--c-on-night)}.class--face .class-bar .class-title,.class--wrap .class-bar .class-title{white-space:normal;overflow-wrap:anywhere}.class--face.class--short .cams--full .cam--self{width:min(var(--class-self-face-short),20%);margin-top:52px}.class--face .class-bar .logo-exit,.class--wrap .class-bar .logo-exit{padding:6px 10px;border-radius:var(--radius-pill);background:var(--c-surface)}.class--face .class-dock,.class--wrap .class-dock{position:relative;border:0;background:var(--c-night);overflow:hidden}.class--wrap .class-dock{display:grid;grid-template-columns:minmax(0,1fr) min(var(--class-wrap-card),45%)}.class--face .class-cams,.class--wrap .class-cams{position:relative;border:0;background:var(--c-night);overflow:hidden}.cams--full{position:relative;height:100%;grid-template-areas:"peer";grid-template-rows:minmax(0,1fr)}.cams--full .cam--peer{grid-area:peer;aspect-ratio:auto;height:100%}.cams--full .cam--peer .cam-initial{width:var(--class-initial-full);height:var(--class-initial-full);font-size:64px}.cams--full .cam--peer .cam-label{left:var(--space-4);bottom:var(--class-name-lift);font-size:var(--text-s)}.cams--full .cam--self{grid-area:peer;align-self:start;justify-self:end;width:min(var(--class-self-face),32%);margin:72px var(--space-4) 0 0;z-index:var(--z-tile);border:2px solid var(--c-on-night);border-radius:var(--radius-m)}.cams--full .cam-controls{position:absolute;left:50%;bottom:var(--space-5);transform:translate(-50%);z-index:var(--z-float);width:max-content;max-width:calc(100% - 2 * var(--space-4));flex-wrap:wrap;justify-content:center;padding:var(--space-2);border:0;border-radius:var(--radius-l);background:var(--c-scrim)}.cams--full .cam-controls .cam-btn{flex:none;padding:0 var(--space-4)}.cams--full .voice-note{left:50%;right:auto;width:max-content;max-width:80%;transform:translate(-50%,-50%)}.class-bar--float .live-badge .ui-btn{display:none}.voice{display:grid;gap:var(--space-2)}.voice-gate{position:absolute;left:50%;bottom:var(--space-5);transform:translate(-50%);z-index:var(--z-float);width:min(var(--class-gate-w),calc(100% - 2 * var(--space-4)));box-sizing:border-box;display:grid;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-l);background:var(--c-surface);text-align:center}.voice-gate-title{margin:0;font-size:var(--text-xl);font-weight:800}.warmup{position:absolute;left:var(--space-4);top:72px;z-index:var(--z-float);width:min(var(--class-warmup-w),calc(100% - 2 * var(--space-4)));box-sizing:border-box;display:grid;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-l);background:var(--c-surface)}.warmup p{margin:0;line-height:1.4}.warmup-k{font-size:var(--text-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c-attention-text)}.wrap{grid-column:2;grid-row:1;z-index:var(--z-float);display:flex;flex-direction:column;gap:var(--space-3);padding:72px var(--space-5) var(--space-5);background:var(--c-surface);overflow-y:auto}.class--wrap .cams--full{grid-column:1;grid-row:1}.wrap-title{margin:0;font-size:var(--text-xl);font-weight:800}.wrap-topic{margin:0;display:grid;gap:2px;padding:var(--space-3);border-radius:var(--radius-m);background:var(--c-canvas)}.wrap-topic span{font-size:var(--text-xs);font-weight:700;color:var(--c-text-muted)}.wrap-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.wrap-stat{display:grid;padding:var(--space-3);border-radius:var(--radius-m);background:var(--c-canvas);font-size:var(--text-s);font-weight:700;color:var(--c-text-soft)}.wrap-stat strong{font-size:var(--text-xl);color:var(--c-text)}.wrap-stat--good{background:var(--c-accent-wash)}.wrap-stat--miss{background:var(--c-danger-bg)}.wrap-grow{flex:1}.wrap-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.wrap-actions{position:sticky;bottom:calc(-1 * var(--space-5));z-index:var(--z-raised);padding-block:var(--space-2) var(--space-5);margin-bottom:calc(-1 * var(--space-5));background:var(--c-surface)}.child-wrap{position:absolute;left:50%;bottom:var(--class-well-done-lift);transform:translate(-50%);z-index:var(--z-float);width:min(var(--class-well-done-w),calc(100% - 2 * var(--space-4)));box-sizing:border-box;display:grid;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-l);background:var(--c-surface)}.child-wrap-row{display:flex;align-items:center;gap:var(--space-4)}.child-wrap-count{flex:none;width:88px;height:88px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--c-accent-wash);color:var(--c-accent-text);font-weight:700}.child-wrap-count strong{font-size:32px;line-height:1}.child-wrap-title{margin:0;font-size:var(--text-xl);font-weight:800}.child-wrap-body{margin:4px 0 0;color:var(--c-text-soft)}@media (max-width: 1023px){.class--wrap .class-dock{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.wrap{grid-column:1;grid-row:2;padding-top:var(--space-4);max-height:55dvh}.class--wrap .cams--full .cam-controls{bottom:var(--space-3)}}@media (max-width: 599px){.cams--full .cam--self{width:34%;margin-top:64px}.cams--full .cam--self .cam-label{display:none}.cams--full .cam-buttons .cam-btn{width:36px;height:36px}.warmup{top:64px}.child-wrap{bottom:90px;padding:var(--space-4)}.child-wrap-row{gap:var(--space-3)}.child-wrap-count{width:64px;height:64px}}.voice{background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;padding:10px}.voice-off p{margin:4px 0 0;font-size:.85rem}}@layer surfaces{.class-alert{position:absolute;left:50%;top:var(--space-3);transform:translate(-50%);z-index:var(--z-alert);width:max-content;max-width:calc(100% - 2 * var(--space-4));box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:1px solid var(--c-attention-border);border-radius:var(--radius-l);background:var(--c-attention-bg);color:var(--c-attention-text);box-shadow:var(--lift-7) var(--c-shadow-night)}.class--teach .class-alert{top:64px}.class-alert-said{font-weight:800;margin-right:var(--space-2)}.class-alert-close{width:36px;height:36px;border:0;border-radius:50%;background:none;color:inherit;font-size:22px;line-height:1;cursor:pointer}@media (hover: hover){.class-alert-close:hover{background:var(--c-attention-wash)}}.class-alert-close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.note-kinds{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0}.cam-ask{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:var(--z-ask);width:min(var(--class-ask-w),calc(100% - 2 * var(--space-4)));box-sizing:border-box;display:grid;gap:var(--space-3);justify-items:center;padding:var(--space-5);border-radius:var(--radius-l);background:var(--c-surface);box-shadow:var(--lift-8) var(--c-shadow-night);text-align:center}.cam-ask-title{margin:0;font-size:var(--text-xl);font-weight:800}.cam-ask-body,.cam-ask-help{margin:0;color:var(--c-text-soft)}.cam-ask-help{font-size:var(--text-s)}.cam-ask-later{min-height:40px;padding:0 var(--space-3);border:0;background:none;color:var(--c-text-soft);font-weight:700;text-decoration:underline;cursor:pointer}.cam-ask-later:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (max-width: 599px){.class-alert{left:var(--space-3);right:var(--space-3);transform:none;width:auto;max-width:none}.class--teach .class-alert{top:56px}.cam-ask{padding:var(--space-4)}}}@layer surfaces{.face{flex:none;display:block}.face-bg{stroke-width:1.2}.face--5 .face-bg{fill:var(--c-accent-wash);stroke:var(--c-accent)}.face--4 .face-bg{fill:var(--c-accent-bg);stroke:var(--c-accent-border)}.face--3 .face-bg{fill:var(--c-surface-sunk);stroke:var(--c-border)}.face--2 .face-bg{fill:var(--c-attention-bg);stroke:var(--c-attention-border)}.face--1 .face-bg{fill:var(--c-danger-bg);stroke:var(--c-danger-border)}.face-eye{fill:var(--c-text)}.face-mouth{fill:none;stroke:var(--c-text);stroke-width:1.6;stroke-linecap:round}.feel{display:grid;gap:var(--space-3);justify-items:center;text-align:center}.feel-q{margin:0;font-size:var(--text-xl);font-weight:800}.feel-faces{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.feel-face{display:grid;justify-items:center;gap:4px;min-width:72px;padding:var(--space-2) var(--space-1);border:2px solid transparent;border-radius:var(--radius-m);background:none;color:var(--c-text);font-size:var(--text-s);font-weight:700;cursor:pointer}.feel-face .face{width:48px;height:48px;transition:transform var(--motion-instant) var(--ease-standard)}@media (hover: hover){.feel-face:hover .face{transform:scale(1.08)}}.feel-face.on{border-color:var(--chip-on-border);background:var(--chip-on-bg);color:var(--chip-on-text)}.feel-face:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.feel-thanks{margin:0;min-height:1.3em;font-size:var(--text-s);font-weight:700;color:var(--c-accent-text)}.feel-start{position:absolute;left:50%;bottom:var(--space-5);transform:translate(-50%);z-index:var(--z-float);width:min(var(--class-feel-w),calc(100% - 2 * var(--space-4)));box-sizing:border-box;padding:var(--space-4) var(--space-4) var(--space-3);border-radius:var(--radius-l);background:var(--c-surface);box-shadow:var(--lift-8) var(--c-shadow-night)}.class:has(.voice-gate) .feel-start{display:none}.child-wrap .feel{padding-top:var(--space-3);border-top:1px solid var(--c-border-subtle)}.child-wrap .feel-q{font-size:var(--text-m)}.felt-now{display:flex;align-items:center;gap:var(--space-2);font-weight:700}.felt-now--none{color:var(--c-text-soft);font-weight:600}.wrap-sub{display:block;font-size:var(--text-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-muted)}.wrap-felt{display:grid;gap:var(--space-2)}.wrap-felt-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.wrap-felt-cell{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:var(--space-2);align-items:center;padding:var(--space-3);border-radius:var(--radius-m);background:var(--c-canvas)}.wrap-felt-k{grid-column:1 / -1;font-size:var(--text-xs);font-weight:700;color:var(--c-text-muted)}.wrap-felt-none{grid-column:1 / -1;color:var(--c-text-soft);font-weight:600}.wrap-felt-note{margin:0;font-size:var(--text-s);color:var(--c-text-soft)}.wrap-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.wrap-tags .wrap-sub{flex-basis:100%}@media (max-width: 599px){.feel-start{bottom:var(--space-3);padding:var(--space-3) var(--space-2) var(--space-2)}.feel-q{font-size:var(--text-m)}.feel-faces{gap:2px;flex-wrap:nowrap}.feel-face{min-width:0;flex:1;padding:var(--space-1) 2px;font-size:var(--text-xs)}.feel-face .face{width:40px;height:40px}}}@layer surfaces{.class--child.class--teach .class-bar{background:none;border:0;padding:0;color:var(--c-on-night)}.class--child.class--teach .class-bar .logo-exit{padding:6px 10px;border-radius:var(--radius-pill);background:var(--c-surface)}.class-bar-call{display:flex;gap:6px}.class-bar-call:empty{display:none}.class-help{flex:none;inline-size:44px;block-size:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--c-surface);cursor:pointer}.class-help:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.class--child.class--teach .class-stage{position:relative;overflow:hidden;border-radius:var(--radius-l)}.class--child.class--teach .surface{position:relative}.class-sub{grid-area:sub;min-width:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-5);background:var(--c-night-raised);color:var(--c-on-night);border-radius:var(--radius-m) 0 0 var(--radius-m)}.class-sub:empty{padding:0}.class--child.class--teach .class-cams{flex-direction:row;align-items:center;overflow:visible;padding:var(--space-2) var(--space-3) var(--space-2) 0;background:var(--c-night-raised);border:0;border-radius:0 var(--radius-m) var(--radius-m) 0}.sub-words{flex:1;min-width:0;display:grid;gap:2px}.sub-k{font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--c-attention-border)}.sub-now{margin:0;font-size:var(--text-2xl);font-weight:800;line-height:1.2;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.sub-now--long{font-size:var(--text-xl)}.sub-turn{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-3)}.sub-answer,.sub-choices{flex:none;display:flex;align-items:center;gap:var(--space-2)}.sub-answer .ui-input{inline-size:var(--class-answer-w)}.sub-choices .ui-btn{min-inline-size:88px;min-block-size:52px;font-size:var(--text-xl)}.sub-said{margin:0;font-weight:700}.cams--bar{display:flex;align-items:center;gap:var(--space-2)}.cams--bar .cam{aspect-ratio:auto;block-size:var(--class-tile-h);border-radius:var(--radius-s)}.cams--bar .cam--peer{inline-size:var(--class-tile-tutor-w)}.cams--bar .cam--self{inline-size:var(--class-tile-self-w);overflow:visible;margin-inline-end:calc(var(--class-bar-cols) * (var(--class-bar-btn) + 6px) + var(--space-1))}.cams--bar .cam--self:has(.cam-btn--icon){--class-bar-cols: 2}.cams--bar .cam-video{overflow:hidden;border-radius:inherit}.cams--bar .cam-initial{inline-size:32px;block-size:32px;font-size:var(--text-s)}.cams--bar .cam-label{left:4px;bottom:4px;padding:0 6px;font-size:var(--text-xs)}.cams--bar .cam--self .cam-label .cam-dot{display:none}.cams--bar .voice-note{font-size:var(--text-xs);padding:2px 4px}.cams--bar .cam-buttons{inset:0 auto 0 calc(100% + var(--space-2));display:grid;grid-template-rows:auto auto;grid-auto-flow:column;align-content:space-between;gap:0 6px}.cams--bar .cam-buttons .cam-btn{inline-size:var(--class-bar-btn);block-size:var(--class-bar-btn);min-block-size:0;position:relative}.cams--bar .cam-buttons .cam-btn:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}.cams--bar .cams-turn-on{order:-1}.cam-buttons--bar{position:static;display:flex;gap:6px}.cam-buttons--bar .cam-btn{inline-size:36px;block-size:36px}.class--teach .class-cams .voice-off{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 var(--space-3);max-inline-size:var(--class-sound-bar-w);margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-s)}.class--teach .class-cams .voice-off>*{grid-column:1;margin:0}.class--teach .class-cams .voice-off .ui-kicker{display:none}.class--teach .class-cams .voice-off>.ui-btn{grid-column:2;grid-row:1 / span 3}.class--teach .class-cams .voice-off .ui-intro{font-size:var(--text-xs);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.class-journey-row{grid-area:journey;min-width:0}.class--child.class--teach .class-journey{gap:var(--space-2);padding:0;border:0;background:none}.class--child.class--teach .class-journey-stop{flex-direction:row;justify-content:center;gap:var(--space-2);min-block-size:36px;padding:0 var(--space-2);border:1px solid var(--c-text-soft);border-radius:var(--radius-s);background:none;color:var(--c-on-night);font-size:var(--text-s)}.class--child.class--teach .class-journey-stop--done{background:var(--c-night-raised)}.class--child.class--teach .class-journey-stop--here{border:2px solid var(--c-attention-border);font-weight:800}.class--child.class--teach .class-journey-mark{block-size:auto;order:9}.class-journey-beats{display:inline-flex;gap:3px}.class-journey-beats i{inline-size:7px;block-size:7px;border-radius:50%;border:1px solid currentColor}.class-journey-beats i.on{background:currentColor}.stage-say{block-size:100%;box-sizing:border-box;display:grid;place-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-5);text-align:center;background:var(--c-surface)}.stage-say-big{margin:0;font-size:var(--text-display);font-weight:800;line-height:1.1}.stage-say-title{margin:0;font-size:var(--text-xl);font-weight:800}.stage-say-how{margin:0;font-size:var(--text-l);font-weight:600;color:var(--c-text-muted)}.stage-say-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-block-start:var(--space-2)}.stage-say--right{background:var(--c-accent-bg);color:var(--c-accent-text)}.stage-dim{position:relative;block-size:100%;background:var(--c-night-raised)}.stage-dim>:first-child{block-size:100%;opacity:.15;pointer-events:none}.stage-say--over{position:absolute;top:0;right:0;bottom:0;left:0;background:none;color:var(--c-on-night)}.stage-say--over .stage-say-big{font-size:var(--text-2xl)}.stage-say--over .stage-say-how{color:var(--c-on-night)}.pad-question{position:absolute;top:var(--space-3);right:var(--space-4);z-index:var(--z-label);margin:0;font-size:var(--text-2xl);font-weight:800;pointer-events:none}.help-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.help-told{margin:0;font-weight:700;text-align:center}.class--teach.class--short .cams--bar .cam,.class--teach.class--stacked .cams--bar .cam{block-size:var(--class-tile-h-phone)}.class--teach.class--short .cams--bar .cam--peer,.class--teach.class--stacked .cams--bar .cam--peer{inline-size:var(--class-tile-tutor-w-phone)}.class--teach.class--short .cams--bar,.class--teach.class--stacked .cams--bar{--class-bar-btn: 24px}.class--teach.class--short .cams--bar .cam--self,.class--teach.class--stacked .cams--bar .cam--self{inline-size:var(--class-tile-self-w-phone)}.class--teach.class--short .cams--bar .cam-btn:before,.class--teach.class--stacked .cams--bar .cam-btn:before{top:-10px;right:-10px;bottom:-10px;left:-10px}.class--teach.class--short .cams--bar .cam-label,.class--teach.class--stacked .cams--bar .cam-label{display:none}.class--teach.class--short .class-bar{min-height:44px}.class--teach.class--short .class-help{inline-size:36px;block-size:36px}.class--teach.class--short .sub-now--long,.class--teach.class--stacked .sub-now--long{font-size:var(--text-l)}.class--teach.class--short .class-journey-sign,.class--teach.class--stacked .class-journey-sign{display:none}.class--teach.class--short .class-journey-stop,.class--teach.class--stacked .class-journey-stop{min-block-size:28px;font-size:var(--text-xs)}.class--teach.class--stacked:has(.sub-problem) .class-cams{display:none}.class--teach.class--stacked:has(.sub-now--mid) .class-sub{border-radius:var(--radius-m) var(--radius-m) 0 0;margin-block-start:var(--space-2)}.class--teach.class--stacked:has(.sub-now--mid) .class-cams{justify-content:flex-end;padding-inline-start:var(--space-3);border-radius:0 0 var(--radius-m) var(--radius-m);margin-block-end:var(--space-2)}.class--teach.class--stacked:has(.sub-problem) .class-sub{border-radius:var(--radius-m)}.class--teach.class--stacked .sub-turn{flex-wrap:wrap}.class--teach.class--stacked .class-journey-beats,.class--teach.class--stacked .class-journey-mark{display:none}.class--teach.class--stacked .class-title{white-space:normal;font-size:var(--text-s);line-height:1.2}.class--teach.class--stacked .sub-answer .ui-input,.class--teach.class--short .sub-answer .ui-input{inline-size:88px}.class--face.class--stacked .class-title,.class--wrap.class--stacked .class-title{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.class--face.class--stacked .class-bar,.class--wrap.class--stacked .class-bar{gap:var(--space-2)}.class--face.class--stacked .cam-buttons--bar .cam-btn,.class--wrap.class--stacked .cam-buttons--bar .cam-btn{inline-size:32px;block-size:32px;min-block-size:0}.class--face.class--stacked .class-help,.class--wrap.class--stacked .class-help{inline-size:36px;block-size:36px}}@layer surfaces{.ht{display:flex;flex-direction:column;min-block-size:100dvh;background:var(--c-canvas)}.ht-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--edge);background:var(--c-surface);border-block-end:1px solid var(--c-border)}.ht-bar-title{font-weight:800}.ht-bar-step,.ht-bar-place,.ht-bar-place-short{font-size:var(--text-s);color:var(--c-text-muted)}.ht-bar-place-short{display:none}.ht-bar-grow{flex:1}.ht-progress{block-size:4px;background:var(--c-border)}.ht-progress>span{display:block;block-size:100%;background:var(--c-accent);transition:inline-size var(--motion-quick) var(--ease-standard)}.ht-saving{margin:0;padding:var(--space-2) var(--edge);background:var(--c-attention-bg);color:var(--c-attention-text);font-weight:700}.ht-main{flex:1;display:flex;justify-content:center;padding:var(--space-5) var(--edge)}.ht-main>*{inline-size:100%;max-inline-size:72ch}.ht-item{display:flex;flex-direction:column;gap:var(--space-4)}.ht-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.ht-q{margin:0;font-size:var(--text-s);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-soft)}.ht-hint{margin:var(--space-1) 0 0;font-size:var(--text-s);color:var(--c-text-muted)}.ht-hint--late:empty{display:none}.ht-ring{flex:none;transform:rotate(-90deg)}.ht-ring-track,.ht-ring-left{fill:none;stroke-width:2.5}.ht-ring-track{stroke:var(--c-border)}.ht-ring-left{stroke:var(--c-accent);transition:stroke-dashoffset var(--motion-quick) linear}.ht-ring--late .ht-ring-left{stroke:var(--c-attention-border)}.ht-cards{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.ht-card{inline-size:100%;min-block-size:68px;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:start;font:inherit;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-m);cursor:pointer}.ht-card:focus-visible,.ht-pair-card:focus-visible,.ht-tile:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ht-card-key{flex:none;inline-size:22px;block-size:22px;display:grid;place-items:center;font-size:var(--text-xs);color:var(--c-text-muted);border:1px solid var(--c-border);border-radius:var(--radius-s)}.ht-card-text{flex:1}.ht-card--most{background:var(--c-accent-bg);border-color:var(--c-accent-border)}.ht-card--least{background:var(--c-surface-sunk)}.ht-chip{flex:none;padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:800;color:var(--c-on-primary)}.ht-card--most .ht-chip{background:var(--c-accent)}.ht-card--least .ht-chip{background:var(--c-text-soft)}.ht-chip-short{display:none}.ht-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.ht-pair-card{min-block-size:96px;padding:var(--space-4);font:inherit;font-size:var(--text-l);color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-m);cursor:pointer}.ht-pair-card--chosen{background:var(--c-accent-bg);border-color:var(--c-accent-border)}.ht-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block-start:var(--space-3);border-block-start:1px solid var(--c-border);font-size:var(--text-s);color:var(--c-text-muted)}.ht-back{padding:var(--space-1) 0;font:inherit;color:var(--c-text-soft);background:none;border:0;cursor:pointer;text-decoration:underline}.ht-moment{display:grid;justify-items:center;gap:var(--space-3);text-align:center;padding-block:var(--space-6)}.ht-moment p{margin:0;max-inline-size:56ch}.ht-moment-title{margin:0;font-size:var(--text-xl)}.ht-moment-small{font-size:var(--text-s);color:var(--c-text-muted)}.ht-interests{display:grid;gap:var(--space-4)}.ht-interests-title{margin:0;font-size:var(--text-xl)}.ht-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(9ch,1fr));gap:var(--space-2)}.ht-tile{min-block-size:56px;padding:var(--space-2);font:inherit;font-size:var(--text-s);font-weight:700;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-m);cursor:pointer}.ht-tile--on{background:var(--c-attention-bg);border-color:var(--c-attention-border)}.ht-lightup{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.ht-lightup-add{display:flex;gap:var(--space-2)}.ht-subject,.ht-tag{padding:2px var(--space-3);border:0;border-radius:var(--radius-pill);background:var(--c-accent-bg);color:var(--c-accent-text);font:inherit;font-size:var(--text-s);font-weight:700}.ht-subject{cursor:pointer}.ht-profile{display:grid;gap:var(--space-4)}.ht-pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(28ch,1fr));gap:var(--space-3)}.ht-pcard{display:grid;gap:var(--space-2);align-content:start;padding:var(--space-3) var(--space-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-m)}.ht-pcard-k{margin:0;font-size:var(--text-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-muted)}.ht-pvalue{margin:0;font-weight:700}.ht-chips{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:0}.ht-line{display:grid;gap:var(--space-1)}.ht-line-track{position:relative;block-size:4px;border-radius:var(--radius-pill);background:var(--c-border)}.ht-line-dot{position:absolute;inset-block-start:50%;inline-size:12px;block-size:12px;border-radius:50%;background:var(--c-primary);transform:translate(-50%,-50%)}.ht-line-poles{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--c-text-muted)}.ht-note{margin:0;padding:var(--space-2);border-radius:var(--radius-s);background:var(--c-surface-sunk);font-size:var(--text-s)}.ht-note-input{min-block-size:64px}.ht-note-add{justify-self:start;min-block-size:32px;padding:0;font:inherit;font-size:var(--text-s);color:var(--c-text-soft);background:none;border:0;text-decoration:underline;cursor:pointer}.ht-checklist{display:grid;gap:var(--space-3);padding:var(--space-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-m)}.ht-checklist-title{margin:0;font-size:var(--text-xl)}.ht-steps{list-style:none;margin:0;padding:0;display:grid}.ht-step{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding-block:var(--space-3);border-block-end:1px solid var(--c-border-subtle)}.ht-step-dot{inline-size:20px;block-size:20px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--c-border);font-size:var(--text-xs);color:var(--c-on-primary)}.ht-step--done .ht-step-dot{background:var(--c-accent);border-color:var(--c-accent)}.ht-step--now .ht-step-dot{border-color:var(--c-primary)}.ht-step-label{flex:1;font-weight:700}.ht-step--wait .ht-step-label{color:var(--c-text-muted)}.ht-step-note{font-size:var(--text-s);color:var(--c-text-muted)}.ht-pending{padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--c-attention-bg);color:var(--c-attention-text);font-size:var(--text-xs);font-weight:700}@media (max-width: 599px){.ht-card{min-block-size:64px}.ht-chip-long,.ht-bar-step,.ht-bar-place{display:none}.ht-bar-place-short,.ht-chip-short{display:inline}.ht-pair{grid-template-columns:1fr}}.ht-facts{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-1) var(--space-3);margin:0}.ht-facts>div{display:contents}.ht-facts dt{font-size:var(--text-s);color:var(--c-text-muted)}.ht-facts dd{margin:0;font-weight:700}}@layer surfaces{.studio-lib{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-5);align-items:start;padding:var(--space-4)}.studio-lib-main{min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}.studio-lib-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.studio-search{flex:1 1 320px;min-width:0;max-width:520px}.studio-search .ui-input{width:100%;box-sizing:border-box}.studio-lib-acts{margin-inline-start:auto;display:flex;flex-wrap:wrap;gap:var(--space-2)}.studio-lib-title{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3)}.studio-lib-title h1{margin:0;font-size:26px;letter-spacing:-.01em}.studio-lib-title p{margin:4px 0 0}.studio-side{position:sticky;top:var(--space-3);max-height:calc(100dvh - 2 * var(--space-3));overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-m);padding:var(--space-3) var(--space-2)}.studio-side--sheet{position:static;max-height:none;margin-top:var(--space-2)}.studio-side-group{display:flex;flex-direction:column;gap:2px}.studio-side-label{margin:0 0 4px;padding:0 var(--space-2);font-size:var(--text-s);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-soft)}.studio-side-row,.studio-tree-pick{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:40px;padding:0 var(--space-2);border:0;border-radius:var(--radius-s);background:none;font:inherit;font-size:var(--text-s);color:var(--c-text);text-align:start;cursor:pointer}@media (hover: hover){.studio-side-row:hover,.studio-tree-pick:hover{background:var(--c-surface-sunk)}}.studio-side-row.on,.studio-tree-row.on .studio-tree-pick{background:var(--c-accent-bg);color:var(--c-accent-text);font-weight:700}.studio-side-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-side-count{font-size:12px;color:var(--c-text-soft);font-variant-numeric:tabular-nums}.studio-side-count.warn{color:var(--c-attention-text);font-weight:800}.studio-side-foot{border-top:1px solid var(--c-border-subtle);padding-top:var(--space-2)}.studio-tree,.studio-tree ul{list-style:none;margin:0;padding:0}.studio-tree-row{display:flex;align-items:center;min-width:0}.studio-tree-row .studio-tree-pick{flex:1;width:auto;min-width:0}.studio-fold,.studio-fold-space{flex:none;width:28px;height:40px}.studio-fold{border:0;background:none;cursor:pointer;border-radius:var(--radius-s);position:relative}.studio-fold:before{content:"";position:absolute;left:11px;top:16px;width:6px;height:6px;border-right:2px solid var(--c-text-soft);border-bottom:2px solid var(--c-text-soft);transform:rotate(-45deg);transition:transform var(--motion-quick)}.studio-fold.open:before{transform:rotate(45deg);top:14px}@media (hover: hover){.studio-fold:hover{background:var(--c-surface-sunk)}}.studio-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--c-accent)}.studio-dot.warn{background:var(--c-attention-border)}.studio-dot.bad{background:var(--c-danger)}.studio-browse{grid-column:1 / -1}.studio-groups{display:flex;flex-direction:column;gap:var(--space-4)}.studio-group{border:1px solid var(--c-border);border-radius:var(--radius-m);background:var(--c-surface);overflow:hidden}.studio-group-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--c-border-subtle)}.studio-group-head h2{margin:0;font-size:15px}.studio-group .ui-table{margin:0}.studio-health{display:inline-flex;gap:3px}.studio-seg{width:14px;height:8px;border-radius:3px;background:var(--c-accent)}.studio-seg.short{background:var(--c-attention-border)}.studio-seg.missing{background:transparent;box-shadow:var(--inset-ring-2) var(--c-danger-border)}.studio-changed{display:inline-flex;flex-direction:column;font-size:var(--text-s)}@media (max-width: 1023px){.studio-lib{grid-template-columns:minmax(0,1fr);padding:var(--space-3)}}.studio-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.studio-topic{display:inline-flex;align-items:center;gap:var(--space-3);text-align:left}.studio-topic-icon{flex:none;width:36px;height:36px;border-radius:var(--radius-m);background:var(--c-surface-sunk);display:grid;place-items:center}.studio-topic-icon svg{width:24px;height:24px}.studio-topic-unit{display:block;font-size:var(--text-s);font-weight:400;color:var(--c-text-soft)}.studio-edit{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--space-5);align-items:start}.studio-edit--beside{grid-template-columns:240px minmax(0,1fr) 420px}.studio-edit-left{position:sticky;top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-4);max-height:calc(100dvh - 2 * var(--space-3));overflow-y:auto}.studio-edit-main{min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}.studio-edit-preview{position:sticky;top:var(--space-3);max-height:calc(100dvh - 2 * var(--space-3));overflow-y:auto}.studio-outline ol{list-style:none;margin:0;padding:0}.studio-outline>ol{display:flex;flex-direction:column;gap:2px;border:1px solid var(--c-border);border-radius:var(--radius-m);background:var(--c-surface);padding:var(--space-2)}.studio-outline-row{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:40px;padding:0 var(--space-2);border:0;border-radius:var(--radius-s);background:none;font:inherit;font-size:var(--text-s);font-weight:700;color:var(--c-text);text-align:start;cursor:pointer}@media (hover: hover){.studio-outline-row:hover{background:var(--c-surface-sunk)}}.studio-outline-row.on{background:var(--c-accent-bg);color:var(--c-accent-text)}.studio-outline-sub{padding-inline-start:var(--space-5);font-weight:400;min-height:36px}.studio-outline-num{flex:none;width:20px;height:20px;border-radius:50%;background:var(--c-surface-sunk);display:grid;place-items:center;font-size:11px;font-weight:800}.studio-outline-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-tab{position:relative;display:inline-flex;align-items:center;gap:6px}.studio-tab-dot{width:8px;height:8px;border-radius:50%;background:var(--c-attention-border)}.studio-tab-dot.done{background:var(--c-accent)}.studio-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.studio-checks li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--c-border-subtle);font-size:var(--text-s)}.studio-checks li:first-child{border-top:0}.studio-check-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--c-attention-border)}.studio-checks li.done .studio-check-dot{background:var(--c-accent)}.studio-check-name{flex:1;font-weight:700}.studio-check-has{color:var(--c-text-soft)}.studio-pair-row{border:1px solid var(--c-border);border-radius:var(--radius-m);padding:var(--space-3);background:var(--c-surface);display:grid;gap:var(--space-2)}.studio-pair-fields,.studio-coach-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.studio-coach-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-gone-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.studio-item-row{display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-m);padding:var(--space-3);background:var(--c-surface)}.studio-item-text{flex:1;min-width:0;display:grid;gap:var(--space-1)}.studio-item-facts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);color:var(--c-text-soft);font-size:var(--text-s)}.studio-snippet{flex:1 1 100%;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.studio-item-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.studio-item{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-4);align-items:start}.studio-item-nav{display:flex;flex-direction:column;gap:var(--space-1);position:sticky;top:var(--space-3)}.studio-item-link{text-align:left;border:0;background:none;font:inherit;color:var(--c-text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:44px}@media (hover: hover){.studio-item-link:hover{background:var(--c-surface-sunk)}}.studio-item-link.on{background:var(--c-accent-bg);color:var(--c-accent-text);font-weight:700}.scene-fields .scene-field-wide{grid-column:1 / -1}.scene-tick{width:22px;height:22px}.scene-fits{margin:0;color:var(--c-accent-text);font-size:var(--text-s);font-weight:700}.scene-data summary{cursor:pointer;font-size:var(--text-s);font-weight:700;color:var(--c-text-soft);min-height:32px}.ui-textarea.gen-prompt{min-height:180px;max-height:320px;font-size:var(--text-s)}.ui-textarea.gen-paste{min-height:200px;font-size:var(--text-s)}.gen-copy,.scene-head-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.gen-open{display:flex;justify-content:flex-end;margin-bottom:var(--space-3)}.gen-item{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--space-4);align-items:start;padding-top:var(--space-3);border-top:1px solid var(--c-border-subtle)}.gen-item:first-child{border-top:0;padding-top:0}.gen-item--plain{grid-template-columns:minmax(0,1fr)}.gen-item-pic{border:1px solid var(--c-border);border-radius:var(--radius-m);padding:var(--space-2);background:var(--c-surface)}.gen-item--error .console-check b{color:var(--c-danger-text)}.gen-mode{width:auto}.studio-frame{margin:0 auto;width:100%;padding:var(--space-3);border:1px dashed var(--c-border);border-radius:var(--radius-m);box-sizing:border-box}.studio-frame--phone{max-width:390px}.studio-frame--tablet{max-width:820px}.studio-frame--laptop{max-width:1100px}.studio-samples{margin:0;padding-left:1.4em;display:grid;gap:var(--space-2)}.studio-publish-checks{margin:var(--space-3) 0}@media (max-width: 1023px){.studio-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-item{grid-template-columns:minmax(0,1fr)}.studio-item-nav{position:static;flex-direction:row;flex-wrap:wrap}.studio-coach-fields,.gen-item{grid-template-columns:minmax(0,1fr)}.scene-grid>.scene-prev{order:-1}.studio-filter-fields>:first-child{grid-column:1 / -1}}@media (max-width: 599px){.studio-filter-fields,.studio-pair-fields{grid-template-columns:minmax(0,1fr)}.studio-item-row{flex-wrap:wrap}.studio-item-text{flex:1 1 calc(100% - 64px)}}.studio-savebar{position:sticky;bottom:0;z-index:var(--z-label);background:var(--c-canvas);padding-bottom:var(--space-3)}.studio-savebar .savebar{margin-top:0}.studio-edit .studio-item{grid-template-columns:minmax(0,1fr)}.studio-edit .studio-item-nav{display:none}.draw{display:grid;grid-template-columns:320px minmax(0,1fr) 320px;gap:var(--space-5);align-items:start}.draw-cards,.draw-review{min-width:0}.draw-cards{display:flex;flex-direction:column;gap:var(--space-3)}.draw-cards ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.draw-card{display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-m);padding:var(--space-1) var(--space-2)}.draw-card.on{background:var(--c-accent-bg)}.draw-card input{width:20px;height:20px;flex:none;accent-color:var(--c-primary)}.draw-card-open{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);border:0;background:none;font:inherit;color:var(--c-text);text-align:start;cursor:pointer;min-height:56px}.draw-thumb{flex:none;width:72px;height:42px;border-radius:6px;border:1px solid var(--c-border);background:var(--c-surface);overflow:hidden}.draw-thumb .scene-stage{max-width:none}.draw-card-words{flex:1;min-width:0;display:flex;flex-direction:column;font-size:var(--text-s)}.draw-card-words span{color:var(--c-text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draw-note{display:flex;flex-direction:column;gap:var(--space-1)}.draw-note .ui-textarea{min-height:0}.draw-one{display:flex;flex-direction:column;gap:var(--space-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-l);padding:var(--space-4) var(--space-5)}.draw-one header h2{margin:2px 0 0;font-size:var(--text-l)}.draw-acts{display:flex;flex-wrap:wrap;gap:var(--space-2)}.draw-side{display:flex;flex-direction:column;gap:var(--space-3);position:sticky;top:var(--space-3)}.draw-usage h2{margin:0 0 var(--space-2);font-size:var(--text-m)}.draw-usage p{display:flex;justify-content:space-between;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--text-s)}.draw-meter{display:block;height:8px;border-radius:4px;background:var(--c-surface-sunk);overflow:hidden;margin:0 0 var(--space-2)}.draw-meter>span{display:block;height:100%;background:var(--c-text)}.draw-sent summary{cursor:pointer;font-weight:700;min-height:32px}.draw-sent pre{white-space:pre-wrap;font-size:11px;line-height:1.5;max-height:280px;overflow:auto;background:var(--c-surface-sunk);padding:var(--space-2);border-radius:var(--radius-s)}@media (max-width: 1279px){.draw{grid-template-columns:280px minmax(0,1fr)}.draw-side{grid-column:1 / -1;position:static}}@media (max-width: 767px){.draw{grid-template-columns:minmax(0,1fr)}}.draw-one header{display:flex;flex-direction:column;gap:2px}.draw-checks li{flex-wrap:wrap}.draw-checks .studio-check-has{flex-basis:100%;padding-inline-start:18px}.draw-settings{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.draw-progress{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-s)}.draw-spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--c-border);border-top-color:var(--c-text)}.draw-spinner{animation:draw-spin var(--loop-spin) linear infinite;animation-play-state:var(--loop-state)}@keyframes draw-spin{to{transform:rotate(360deg)}}.drafts-body{display:grid;gap:var(--space-3);min-width:0}.drafts-list li{align-items:center;flex-wrap:wrap;gap:var(--space-1) var(--space-3);padding:var(--space-3) 0}.drafts-row{flex:1 1 14rem;min-width:0;display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.drafts-row input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--c-accent)}.drafts-row .studio-check-name{color:var(--c-text);font-size:var(--text-m);font-weight:600;overflow-wrap:anywhere}.drafts-list .studio-check-has{flex:0 1 auto}.studio-line-you{border-color:var(--c-accent);background:var(--c-accent-wash)}.studio-line-switch{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-s);font-weight:600}.studio-line-fields{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,3fr);gap:var(--space-3)}@media (max-width: 599px){.studio-line-fields{grid-template-columns:minmax(0,1fr)}}.studio-beats{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.studio-beats-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.studio-beats-preview{display:grid;gap:var(--space-2)}.studio-beats-preview .lesson-band{border:1px solid var(--c-border);border-radius:var(--radius-m)}}@layer surfaces{.studio-lib-top{display:flex;flex-direction:column;gap:var(--space-2)}.studio-lib-top .studio-lib-head{align-items:flex-end;flex-wrap:wrap}.studio-lib-top .studio-lib-acts{flex-wrap:nowrap;align-items:center}@media (max-width: 1023px){.studio-lib-top .studio-lib-acts{flex-wrap:wrap}}.studio-lib-top .studio-search{flex:1 1 220px}.studio-lib-top .studio-lib-title{flex:1 1 240px;display:block}.studio-crumbs{font-size:var(--text-s);color:var(--c-text-soft)}.studio-crumbs button{min-height:32px;border:0;background:none;padding:0 2px;font:inherit;color:var(--c-accent-text);text-decoration:underline;cursor:pointer}.studio-chip-rows{display:flex;flex-direction:column;gap:var(--space-2)}.studio-grid-wrap{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.studio-grid-scroll{overflow-x:auto}.studio-grid{border-collapse:separate;border-spacing:2px;width:100%}.studio-grid thead th{padding:0}.studio-grid-col{width:100%;min-height:32px;border:0;border-radius:var(--radius-s);background:none;font:inherit;font-size:var(--text-s);font-weight:700;color:var(--c-text-soft);white-space:nowrap;cursor:pointer}.studio-grid tbody th{min-width:9em;max-width:12em;text-align:start;padding-inline-end:var(--space-2);font-weight:700}.studio-grid tbody th small,.studio-grid-list small{display:block;font-weight:500;font-size:var(--text-s);color:var(--c-text-soft)}.studio-grid-row{border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--c-text);text-align:start;cursor:pointer}.studio-grid tr.planned .studio-grid-row{color:var(--c-text-soft)}.studio-grid-tag{margin-inline-start:var(--space-2);padding:2px 8px;border-radius:999px;font-size:var(--text-s);font-weight:700;background:var(--c-attention-bg);color:var(--c-attention-text)}.studio-cell{position:relative;width:100%;min-width:34px;min-height:36px;padding:0 var(--space-1);border:1px solid var(--c-border);border-radius:var(--radius-s);background:var(--c-surface);font:inherit;font-weight:700;font-size:var(--text-s);font-variant-numeric:tabular-nums;color:var(--c-text-soft);cursor:pointer}.studio-cell.s1{background:var(--c-accent-wash);border-color:var(--c-accent-bg);color:var(--c-accent-text)}.studio-cell.s2{background:var(--c-accent-bg);border-color:var(--c-accent-border);color:var(--c-accent-text)}.studio-cell.s3{background:var(--c-accent-border);border-color:var(--c-accent);color:var(--c-accent-text)}.studio-cell.planned{background:none;border:2px dashed var(--c-border);font-weight:500}.studio-cell-dot{position:absolute;inset-inline-end:4px;top:4px;width:7px;height:7px;border-radius:50%;background:var(--c-attention-border)}.studio-cell-dot.inline{position:static;display:inline-block;margin-inline-end:4px}@media (hover: hover){.studio-cell:hover,.studio-grid-col:hover{outline:2px solid var(--c-accent);outline-offset:1px}}.studio-grid-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:0;font-size:var(--text-s);color:var(--c-text-soft)}.studio-key{display:inline-block;width:12px;height:12px;margin-inline-end:4px;vertical-align:-2px;border-radius:4px;border:1px solid var(--c-border)}.studio-key.s1{background:var(--c-accent-wash)}.studio-key.s2{background:var(--c-accent-bg)}.studio-key.s3{background:var(--c-accent-border)}.studio-key.planned{background:none;border:2px dashed var(--c-border)}.studio-grid-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.studio-grid-chips{display:flex;gap:var(--space-2);overflow-x:auto;padding-block:var(--space-1)}.studio-grid-chips .studio-cell{flex:0 0 auto;width:auto;white-space:nowrap}.studio-cell.hidden,.studio-key.hidden{background:repeating-linear-gradient(45deg,var(--c-surface-sunk),var(--c-surface-sunk) 6px,var(--c-surface) 6px,var(--c-surface) 12px);border-style:dashed;color:var(--c-text-soft)}.studio-open-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(14em,19em);gap:var(--space-4);align-items:start}.studio-open-side>:first-child{min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}@media (max-width: 1023px){.studio-open-side{grid-template-columns:minmax(0,1fr)}}.studio-preview{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-m);padding:var(--space-3) var(--space-4)}.studio-preview h2{margin:0 0 var(--space-1);font-size:var(--text-l)}.studio-preview ul{list-style:none;margin:var(--space-2) 0;padding:0}.studio-preview li{display:flex;justify-content:space-between;padding:var(--space-1) 0;border-bottom:1px solid var(--c-border)}.studio-country .ui-menu-btn{white-space:nowrap}.studio-unit-place{margin-inline-start:auto;display:inline-flex;align-items:center;gap:var(--space-2)}.studio-unit-place .ui-menu-btn{white-space:nowrap}}@layer surfaces{:root{--lesson-figure-width: 260px;--lesson-scene-width: 520px}.story{display:flex;gap:12px;align-items:flex-start;background:var(--c-accent-bg);border-left:5px solid var(--c-accent);border-radius:0 12px 12px 0;padding:11px 13px;margin:10px 0}.story .pic{flex:0 0 56px;width:56px;height:56px}.story .pic svg{width:100%;height:100%}.story b{color:var(--c-accent)}.explain{font-size:1.05rem;line-height:1.6;margin:8px 0}.dots{display:flex;gap:6px;justify-content:center;margin-top:14px}.dot{width:8px;height:8px;border-radius:99px;background:var(--c-border)}.dot.on{background:var(--c-primary)}.anim{margin:0 0 6px}.worked-stage{margin:0 0 10px}.anim-stage{width:100%;max-width:var(--lesson-figure-width);height:150px;margin:0 auto}.anim-stage svg{width:100%;height:100%}[data-still] *{animation-duration:var(--motion-instant)!important;animation-delay:var(--motion-instant)!important;animation-iteration-count:1!important;animation-fill-mode:both!important;transition-duration:var(--motion-instant)!important}.anim-cap{font-size:.82rem;line-height:1.45;color:var(--c-text-muted);text-align:center;margin:5px auto 0;max-width:var(--lesson-figure-width)}.anim-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;max-width:var(--lesson-figure-width);margin:10px auto 0;padding-top:8px;border-top:1px dashed var(--c-border)}.coach-stage>main{padding:0}.coach-stage .back{display:none}.stage-fit{width:100%;overflow:hidden;min-width:0}.stage{will-change:transform;min-height:0}.explain.points{margin:8px 0 0;padding-left:20px;text-align:left}.method{text-align:left;background:var(--c-accent-bg);border-left:4px solid var(--c-accent);border-radius:8px;padding:10px 14px;margin:10px 0 4px;font-size:1rem;line-height:1.5}.method-tag{display:block;color:var(--c-accent);font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.method.remember{font-size:.9rem;margin:4px 0 10px}.explain.points li{margin-bottom:6px}.scene{margin:0 0 6px}.scene-stage{width:100%;max-width:var(--lesson-scene-width);aspect-ratio:520 / 300;margin:0 auto}.scene-stage svg{display:block;width:100%;height:100%}.scene-stage *{animation-duration:var(--scene-loop)!important}.scene-stage[data-state=paused] *{animation-play-state:paused!important}.scene-stage[data-state=beat] *{animation-play-state:paused!important;animation-delay:var(--scene-seek)!important}.scene-stage[data-state=playing][data-from] *{animation-delay:var(--scene-seek)!important}.scene-cap{max-width:var(--lesson-scene-width)}.scene-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;max-width:var(--lesson-scene-width);margin:10px auto 0;padding-top:8px;border-top:1px dashed var(--c-border)}.scene-btn{min-width:44px;height:44px;border-radius:22px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font:inherit;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.scene-btn--word{padding:0 14px}@media (hover: hover){.scene-btn:hover{background:var(--c-surface-sunk)}}.scene-beats{display:inline-flex;gap:4px;margin-inline-start:4px}.scene-beat{width:32px;height:32px;border-radius:50%;border:1px solid var(--c-border);background:var(--c-surface);font:inherit;font-size:.8rem;font-weight:800;color:var(--c-text-muted);cursor:pointer}.scene-beat.on{background:var(--c-text);color:var(--c-surface);border-color:var(--c-text)}.scene-rate{font-size:.8rem;font-weight:800;color:var(--c-danger-text);min-width:24px}.scene--compact .scene-btn{min-width:36px;height:36px}.lesson-picture .beat-show{font-size:var(--text-xl);text-align:center;margin-inline:auto}}@layer surfaces{.spec{container-type:inline-size;display:grid;gap:var(--space-4)}.spec-h{font-size:var(--text-s);text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-muted);margin:0}.spec-key{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-s);color:var(--c-text-soft)}.spec-key span{display:inline-flex;align-items:center;gap:var(--space-2)}.spec-key i{width:12px;height:12px;border-radius:3px;display:inline-block}.spec-run{display:grid;gap:var(--space-3)}.spec-stage{display:grid;place-items:center;min-width:0;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-m);padding:var(--space-2)}.spec-stage--scrolls{overflow:auto;place-items:start}.spec-svg{display:block;max-width:none}.spec-cap{display:grid;gap:var(--space-2);align-content:start}.spec-line{margin:0;font-weight:700;font-size:var(--text-m);display:flex;gap:var(--space-2);align-items:baseline;overflow-wrap:anywhere}.spec-why{margin:0;color:var(--c-text-soft);overflow-wrap:anywhere}.spec-n{flex:none;display:inline-grid;place-items:center;min-width:26px;height:26px;border-radius:50%;background:var(--c-accent-bg);color:var(--c-accent-text);font-size:var(--text-s)}.spec-n--x{background:var(--c-danger-bg, var(--c-accent-bg));color:var(--c-danger-text, var(--c-text))}.spec-ctl{display:flex;flex-wrap:wrap;gap:var(--space-2)}.spec-sheet{display:grid;gap:var(--space-3)}.spec-panels{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.spec-panel{border:1px solid var(--c-border);border-radius:var(--radius-m);padding:var(--space-3);display:grid;gap:var(--space-2);align-content:start}.spec-panel--check{border-width:2px}.spec-panel--trap{text-align:center}.spec-art{display:grid;place-items:center;overflow:hidden}.spec-art svg{max-width:100%;height:auto}.spec-panels--wide{grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr))}.spec-trap{margin:0;font-size:1.6rem;font-weight:800}.spec-trap-mid{margin:0;color:var(--c-text-muted)}.spec-foot{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-s);color:var(--c-text-soft);margin:0}@container (min-width: 720px){.spec-run{grid-template-columns:minmax(0,3fr) minmax(220px,2fr);align-items:start}}}@layer surfaces{.app{width:100%;min-height:100dvh;display:flex;flex-direction:column}.logo{display:inline-flex;align-items:center;gap:.55em;color:var(--c-text);line-height:1}.logo-exit{display:inline-flex;align-items:center;background:none;border:0;padding:2px 4px;margin:-2px -4px;border-radius:10px;cursor:pointer}@media (hover: hover){.logo-exit:hover{background:var(--c-accent-bg)}}.logo-exit:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.logo .brand-mark{flex-shrink:0}.logo-word{font-weight:800;font-size:.82em;color:var(--c-text);letter-spacing:-.01em}@media (max-width: 599px){.logo-word{display:none}}.spacer{flex:1}}@layer surfaces{.muted{color:var(--c-text-muted)}.i{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.22em;margin-right:.15em}.i svg{width:100%;height:100%}.search{width:100%;padding:11px 14px;border:2px solid var(--c-border);border-radius:12px;font-size:1rem;font-family:inherit;margin:8px 0 12px;background:var(--c-surface);color:var(--c-text)}.search:focus{outline:none;border-color:var(--focus-ring)}.search::placeholder{color:var(--c-text-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.concept{background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;padding:14px;cursor:pointer;box-shadow:var(--lift-3) var(--c-shadow-warm-faint);transition:transform var(--motion-instant);text-align:left;font:inherit}.concept:active{transform:scale(.98)}.concept .hero{width:44px;height:44px;margin-bottom:6px}.concept .t{font-weight:800;font-size:1rem}.concept .u{font-size:.78rem;color:var(--c-text-muted);margin-top:2px}.empty{background:var(--c-surface);border:1px dashed var(--c-border);border-radius:14px;padding:22px;text-align:center;color:var(--c-text-muted)}.row{display:flex;gap:10px;margin-top:14px}.back{background:none;border:none;color:var(--c-primary-strong);font-weight:700;cursor:pointer;padding:4px 0;font-size:.95rem}.tag{display:inline-block;background:var(--c-accent-bg);color:var(--c-accent);font-weight:700;font-size:.7rem;padding:3px 10px;border-radius:99px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.streak{font-size:.85rem;color:var(--c-text-muted);text-align:center;margin-top:12px}.pill{display:inline-block;background:var(--c-primary);color:var(--c-on-primary);font-size:.72rem;font-weight:800;padding:2px 10px;border-radius:99px}.note{font-size:.82rem;color:var(--c-text-muted);margin-top:10px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.coach{flex:1;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.scratch{background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;padding:10px;margin-top:8px}.push{background:var(--c-accent-bg);border:1px solid var(--c-border);border-radius:12px;padding:12px 14px}.field{margin-top:14px}.note.warn{background:var(--c-danger-bg);border-color:var(--c-danger-border);color:var(--c-danger-text)}.section{margin-top:6px}.section h3{margin:20px 0 8px}.picker{border:2px solid var(--c-attention-border);background:var(--c-attention-paper);border-radius:14px;padding:13px 15px;margin-top:14px}.subject-chips{margin-bottom:4px}.pace{margin-top:2px}.parent{max-width:1100px;margin-inline:auto;width:100%}.why{display:block;color:var(--c-text-muted);font-size:.76rem;margin-top:3px}}