@import "https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Lora:ital,wght@0,400..700;1,400..700&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&display=swap";:root{--stark-ink-50:#f7f7f8;--stark-ink-100:#eeeef1;--stark-ink-200:#dcdce2;--stark-ink-300:#bfbfc8;--stark-ink-400:#95959f;--stark-ink-500:#6e6e78;--stark-ink-600:#4b4b53;--stark-ink-700:#34343a;--stark-ink-800:#1f1f23;--stark-ink-900:#131317;--stark-paper:#faf7f1;--stark-paper-sunken:#f1ece2;--stark-paper-raised:#fffdf8;--stark-paper-deep:#e8e2d4;--stark-chalk-900:#131917;--stark-chalk-800:#1b2421;--stark-chalk-700:#232e2a;--stark-blue-50:#eaf2ff;--stark-blue-100:#ccdfff;--stark-blue-300:#6fa4ff;--stark-blue-500:#1f6feb;--stark-blue-600:#1858c7;--stark-blue-700:#11448f;--stark-red-500:#d7443e;--stark-red-600:#b43830;--stark-orange-500:#e8893a;--stark-orange-600:#c76f22;--stark-green-500:#2e9e64;--stark-green-600:#1f7a4d;--stark-purple-500:#7d5bd6;--stark-purple-600:#5f3fb5;--stark-yellow-300:#f2d86a;--surface-canvas:var(--stark-paper);--surface-raised:var(--stark-paper-raised);--surface-sunken:var(--stark-paper-sunken);--surface-inverse:var(--stark-ink-900);--fg-1:var(--stark-ink-900);--fg-2:var(--stark-ink-700);--fg-3:var(--stark-ink-500);--fg-4:var(--stark-ink-400);--fg-on-inverse:var(--stark-paper);--border-strong:var(--stark-ink-900);--border-medium:var(--stark-ink-700);--border-soft:var(--stark-ink-300);--border-hairline:var(--stark-paper-deep);--brand:var(--stark-blue-500);--brand-hover:var(--stark-blue-600);--brand-press:var(--stark-blue-700);--brand-soft:var(--stark-blue-50);--on-brand:#fff;--danger:var(--stark-red-500);--warning:var(--stark-orange-500);--success:var(--stark-green-500);--info:var(--stark-purple-500);--focus:var(--stark-yellow-300);--font-sans:"Nunito", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-serif:"Lora", ui-serif, Georgia, "Times New Roman", serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--size-12:.75rem;--size-14:.875rem;--size-16:1rem;--size-18:1.125rem;--size-20:1.25rem;--size-24:1.5rem;--size-30:1.875rem;--size-36:2.25rem;--size-48:3rem;--size-60:3.75rem;--size-72:4.5rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.65;--tracking-tight:-.02em;--tracking-snug:-.01em;--tracking-normal:0;--tracking-wide:.02em;--tracking-caps:.06em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-xs:3px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--radius-circle:50%;--shadow-press-1:0 1px 0 0 var(--border-strong);--shadow-press-2:0 2px 0 0 var(--border-strong);--shadow-press-3:0 3px 0 0 var(--border-strong);--shadow-ambient-1:0 2px 6px #1313170f;--shadow-ambient-2:0 6px 14px #13131717;--shadow-ambient-3:0 12px 28px #1313171a;--shadow-button:var(--shadow-press-2), var(--shadow-ambient-1);--shadow-button-hover:var(--shadow-press-2), var(--shadow-ambient-2);--shadow-button-press:inset 0 1px 0 0 #13131780, 0 1px 0 0 #131317b3;--shadow-card:0 1px 0 0 var(--stark-ink-200), 0 2px 8px #1313170a;--shadow-card-hover:0 2px 0 0 var(--stark-ink-300), 0 10px 28px #13131714;--shadow-focus:0 0 0 3px #f2d86a8c;--border-thin:1.5px solid var(--border-strong);--border-base:2px solid var(--border-strong);--border-bold:2.5px solid var(--border-strong);--border-soft-thin:1px solid var(--border-soft);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-snap:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.12s;--dur-base:.18s;--dur-slow:.32s}@media (prefers-color-scheme:dark){:root{--surface-canvas:var(--stark-chalk-800);--surface-raised:var(--stark-chalk-700);--surface-sunken:var(--stark-chalk-900);--surface-inverse:var(--stark-paper);--fg-1:#eae6d9;--fg-2:#c4beae;--fg-3:#8a9e93;--fg-4:#5e7a6a;--fg-on-inverse:var(--stark-ink-900);--border-strong:#e8e4d9;--border-medium:#bdb8a8;--border-soft:#5a7265;--border-hairline:#3a5445;--brand-soft:var(--stark-blue-700);--shadow-press-1:0 1px 0 0 var(--border-strong);--shadow-press-2:0 2px 0 0 var(--border-strong);--shadow-press-3:0 3px 0 0 var(--border-strong);--shadow-button:var(--shadow-press-2), var(--shadow-ambient-1);--shadow-button-hover:var(--shadow-press-2), var(--shadow-ambient-2);--shadow-button-press:inset 0 1px 0 0 #0000004d, 0 1px 0 0 var(--border-strong);--shadow-card:0 1px 0 0 #00000059, 0 2px 12px #0000004d;--shadow-card-hover:0 2px 0 0 #00000073, 0 12px 32px #00000073}}[data-theme=dark]{--surface-canvas:var(--stark-chalk-800);--surface-raised:var(--stark-chalk-700);--surface-sunken:var(--stark-chalk-900);--surface-inverse:var(--stark-paper);--fg-1:#eae6d9;--fg-2:#c4beae;--fg-3:#8a9e93;--fg-4:#5e7a6a;--fg-on-inverse:var(--stark-ink-900);--border-strong:#e8e4d9;--border-medium:#bdb8a8;--border-soft:#5a7265;--border-hairline:#3a5445;--brand-soft:var(--stark-blue-700);--shadow-press-1:0 1px 0 0 var(--border-strong);--shadow-press-2:0 2px 0 0 var(--border-strong);--shadow-press-3:0 3px 0 0 var(--border-strong);--shadow-button:var(--shadow-press-2), var(--shadow-ambient-1);--shadow-button-hover:var(--shadow-press-2), var(--shadow-ambient-2);--shadow-button-press:inset 0 1px 0 0 #0000004d, 0 1px 0 0 var(--border-strong);--shadow-card:0 1px 0 0 #00000059, 0 2px 12px #0000004d;--shadow-card-hover:0 2px 0 0 #00000073, 0 12px 32px #00000073}[data-theme=light]{--surface-canvas:var(--stark-paper);--surface-raised:var(--stark-paper-raised);--surface-sunken:var(--stark-paper-sunken);--surface-inverse:var(--stark-ink-900);--fg-1:var(--stark-ink-900);--fg-2:var(--stark-ink-700);--fg-3:var(--stark-ink-500);--fg-4:var(--stark-ink-400);--fg-on-inverse:var(--stark-paper);--border-strong:var(--stark-ink-900);--border-medium:var(--stark-ink-700);--border-soft:var(--stark-ink-300);--border-hairline:var(--stark-paper-deep);--brand-soft:var(--stark-blue-50);--shadow-press-1:0 1px 0 0 var(--border-strong);--shadow-press-2:0 2px 0 0 var(--border-strong);--shadow-press-3:0 3px 0 0 var(--border-strong);--shadow-button:var(--shadow-press-2), var(--shadow-ambient-1);--shadow-button-hover:var(--shadow-press-2), var(--shadow-ambient-2);--shadow-button-press:inset 0 1px 0 0 #13131780, 0 1px 0 0 #131317b3;--shadow-card:0 1px 0 0 var(--stark-ink-200), 0 2px 8px #1313170a;--shadow-card-hover:0 2px 0 0 var(--stark-ink-300), 0 10px 28px #13131714}.stark-display{font-family:var(--font-serif);font-weight:var(--weight-black);font-size:clamp(2.5rem,5vw,var(--size-72));line-height:var(--lh-tight);letter-spacing:-.015em;color:var(--fg-1)}.stark-h1{font-family:var(--font-sans);font-weight:var(--weight-black);font-size:var(--size-48);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--fg-1)}.stark-h2{font-family:var(--font-sans);font-weight:var(--weight-black);font-size:var(--size-36);line-height:var(--lh-snug);letter-spacing:var(--tracking-snug);color:var(--fg-1)}.stark-h3{font-family:var(--font-sans);font-weight:var(--weight-bold);font-size:var(--size-24);line-height:var(--lh-snug);color:var(--fg-1)}.stark-h4{font-family:var(--font-sans);font-weight:var(--weight-semibold);font-size:var(--size-20);line-height:var(--lh-snug);color:var(--fg-1)}.stark-lede{font-family:var(--font-serif);font-weight:var(--weight-medium);font-style:italic;font-size:var(--size-20);line-height:var(--lh-relaxed);color:var(--fg-2)}.stark-body{font-family:var(--font-sans);font-weight:var(--weight-medium);font-size:var(--size-16);line-height:var(--lh-relaxed);color:var(--fg-1);text-wrap:pretty}.stark-body-sm{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--size-14);line-height:var(--lh-normal);color:var(--fg-2)}.stark-meta{font-family:var(--font-sans);font-weight:var(--weight-medium);font-size:var(--size-12);line-height:var(--lh-normal);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-3)}.stark-code{font-family:var(--font-mono);background:var(--surface-sunken);border:1px solid var(--border-hairline);border-radius:var(--radius-xs);color:var(--fg-1);padding:.1em .4em;font-size:.92em}.stark-pullquote{font-family:var(--font-serif);font-style:italic;font-weight:var(--weight-regular);font-size:var(--size-30);line-height:var(--lh-snug);letter-spacing:var(--tracking-snug);color:var(--fg-1)}.stark-chalk{position:relative}.stark-chalk:before{content:"";border:var(--stark-stroke-w,2px) solid var(--stark-stroke-c,var(--border-strong));border-radius:inherit;pointer-events:none;filter:var(--stark-chalk-filter,url(#stark-chalk));position:absolute;inset:0}.stark-chalk--soft{--stark-chalk-filter:url(#stark-chalk-soft)}.stark-chalk--strong{--stark-chalk-filter:url(#stark-chalk-strong)}.stark-chalk--solid-bottom:before{border-bottom-color:#0000!important}.stark-chalk--solid-bottom:after{content:"";border:var(--stark-stroke-w,2px) solid transparent;border-bottom-color:var(--stark-stroke-c,var(--border-strong));border-radius:inherit;pointer-events:none;position:absolute;inset:0}html,body{background:var(--surface-canvas);color:var(--fg-1);font-family:var(--font-sans);font-size:16px;line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.stark-grain{position:relative}.stark-grain:after{content:"";pointer-events:none;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.06 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.stk-btn{--btn-bg:var(--brand);--btn-fg:var(--on-brand);--btn-border:var(--border-strong);--btn-shadow:var(--shadow-button);--btn-shadow-hover:var(--shadow-button-hover);--btn-shadow-press:var(--shadow-button-press);--btn-bg-hover:var(--brand-hover);--btn-bg-press:var(--brand-press);font-family:var(--font-sans);font-weight:var(--weight-semibold);font-size:var(--size-16);letter-spacing:var(--tracking-snug);background:var(--btn-bg);color:var(--btn-fg);border-radius:var(--radius-sm);box-shadow:var(--btn-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out),background-color var(--dur-base) var(--ease-out);-webkit-tap-highlight-color:transparent;isolation:isolate;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 18px;line-height:1;display:inline-flex;position:relative}.stk-btn:before{content:"";border:2px solid var(--btn-border);border-radius:inherit;pointer-events:none;filter:url(#stark-chalk);border-bottom-color:#0000;position:absolute;inset:0}.stk-btn:after{content:"";border:2px solid #0000;border-bottom-color:var(--btn-border);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.stk-btn:hover{background:var(--btn-bg-hover)}.stk-btn:active{background:var(--btn-bg-press);box-shadow:var(--btn-shadow-press);transition-duration:var(--dur-fast);transform:translateY(2px)}.stk-btn:focus-visible{box-shadow:var(--btn-shadow),var(--shadow-focus);outline:none}.stk-btn[disabled],.stk-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;box-shadow:var(--shadow-press-1),var(--shadow-ambient-1)!important;transform:none!important}.stk-btn--secondary{--btn-bg:var(--surface-raised);--btn-fg:var(--fg-1);--btn-bg-hover:var(--surface-sunken);--btn-bg-press:var(--stark-paper-deep)}.stk-btn--ghost{--btn-bg:transparent;--btn-fg:var(--fg-1);--btn-shadow:none;--btn-shadow-hover:none;--btn-shadow-press:none;--btn-bg-hover:var(--surface-sunken);--btn-bg-press:var(--stark-paper-deep)}.stk-btn--ghost:before,.stk-btn--ghost:after{display:none}.stk-btn--ghost:active{transform:translateY(1px)}.stk-btn--danger{--btn-bg:var(--danger);--btn-bg-hover:var(--stark-red-600);--btn-bg-press:var(--stark-red-600)}@media (prefers-color-scheme:dark){.stk-btn--secondary,.stk-btn--ghost{--btn-bg-press:var(--surface-sunken)}}[data-theme=dark] .stk-btn--secondary,[data-theme=dark] .stk-btn--ghost{--btn-bg-press:var(--surface-sunken)}.stk-btn--sm{font-size:var(--size-14);gap:6px;padding:8px 12px}.stk-btn--lg{font-size:var(--size-18);gap:10px;padding:16px 24px}.stk-btn--icon{padding:10px}.stk-btn--icon.stk-btn--sm{padding:7px}.stk-btn--icon.stk-btn--lg{padding:14px}.stk-card{background:var(--surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-6);isolation:isolate;border:none;flex-direction:column;display:flex;position:relative}.stk-card:before{content:"";border:1.5px solid var(--border-strong);border-radius:inherit;pointer-events:none;filter:url(#stark-chalk);position:absolute;inset:0}.stk-card--interactive{cursor:pointer;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.stk-card--interactive:hover{box-shadow:var(--shadow-card-hover)}.stk-card--interactive:active{transition-duration:var(--dur-fast);transform:translateY(2px);box-shadow:inset 0 1px #1313171f,0 0 #0000}.stk-card__title{font-family:var(--font-sans);font-weight:var(--weight-bold);font-size:var(--size-20);line-height:var(--lh-tight);letter-spacing:var(--tracking-snug);color:var(--fg-1);margin:0 0 var(--space-2) 0}.stk-card__meta{font-family:var(--font-sans);font-size:var(--size-12);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--fg-3);margin:0 0 var(--space-3) 0}.stk-card__body{font-family:var(--font-sans);font-size:var(--size-14);line-height:var(--lh-relaxed);color:var(--fg-2);margin:0}.stk-input{font-family:var(--font-sans);font-size:var(--size-16);color:var(--fg-1);background:var(--surface-raised);border-radius:var(--radius-sm);transition:box-shadow var(--dur-base) var(--ease-out);isolation:isolate;border:none;outline:none;align-items:center;width:100%;padding:10px 14px;display:inline-flex;position:relative;box-shadow:inset 0 1px #1313170a}.stk-input::placeholder{color:var(--fg-4)}.stk-input:focus-visible{box-shadow:inset 0 1px #1313170a,var(--shadow-focus)}.stk-input-wrap{border-radius:var(--radius-sm);isolation:isolate;display:block;position:relative}.stk-input-wrap:before{content:"";border:1.5px solid var(--border-strong);border-radius:inherit;pointer-events:none;filter:url(#stark-chalk);position:absolute;inset:0}.stk-input-wrap>.stk-input{width:100%}.stk-badge{font-family:var(--font-sans);font-size:var(--size-12);font-weight:var(--weight-semibold);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--fg-1);isolation:isolate;border:none;align-items:center;gap:4px;padding:5px 9px;line-height:1;display:inline-flex;position:relative}.stk-badge:before{content:"";border:1.5px solid var(--border-strong);border-radius:inherit;pointer-events:none;filter:url(#stark-chalk-soft);position:absolute;inset:0}.stk-badge--brand{background:var(--brand-soft);color:var(--brand-press)}.stk-badge--success{background:color-mix(in oklab,var(--success) 18%,var(--surface-raised));color:var(--stark-green-600)}.stk-badge--danger{background:color-mix(in oklab,var(--danger) 18%,var(--surface-raised));color:var(--stark-red-600)}.stk-badge--warning{background:color-mix(in oklab,var(--warning) 22%,var(--surface-raised));color:var(--stark-orange-600)}@media (prefers-color-scheme:dark){.stk-badge--brand{background:var(--brand);color:var(--on-brand)}}[data-theme=dark] .stk-badge--brand{background:var(--brand);color:var(--on-brand)}.stk-tabs{background:var(--surface-sunken);border-radius:var(--radius-sm);isolation:isolate;border:none;gap:2px;padding:4px;display:inline-flex;position:relative}.stk-tabs:before{content:"";border:1.5px solid var(--border-strong);border-radius:inherit;pointer-events:none;filter:url(#stark-chalk);position:absolute;inset:0}.stk-tabs__btn{font-family:var(--font-sans);font-weight:var(--weight-semibold);font-size:var(--size-14);color:var(--fg-2);cursor:pointer;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out);background:0 0;border:none;border-radius:4px;padding:7px 14px;position:relative}.stk-tabs__btn:hover{color:var(--fg-1)}.stk-tabs__btn[aria-selected=true]{background:var(--surface-raised);color:var(--fg-1);box-shadow:var(--shadow-press-1),var(--shadow-ambient-1)}.stk-carousel__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.stk-carousel__label{min-width:0}.stk-carousel__arrows{gap:8px;display:flex}.stk-carousel__viewport{overflow:hidden}.stk-carousel__track{transition:transform var(--dur-slow) var(--ease-out);display:flex}.stk-carousel__slide{flex:0 0 100%;min-width:0}@media (prefers-reduced-motion:reduce){.stk-carousel__track{transition:none}}.stk-timeline{display:flex}.stk-timeline__stop{cursor:pointer;font-family:var(--font-sans);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:7px;padding:0;display:flex;position:relative}.stk-timeline__stop:disabled{cursor:default}.stk-timeline__stop:before{content:"";background:var(--border-soft);width:100%;height:1px;position:absolute;top:5px;right:50%}.stk-timeline__stop:first-child:before{display:none}.stk-timeline__dot{border-radius:var(--radius-circle);background:var(--surface-canvas);border:1.5px solid var(--fg-4);z-index:1;width:11px;height:11px;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-snap);position:relative}.stk-timeline__label{font-size:var(--size-12);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--fg-4);transition:color var(--dur-base) var(--ease-out)}.stk-timeline__detail{font-size:var(--size-12);color:var(--fg-3);opacity:0;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);transform:translateY(-2px)}.stk-timeline__stop--active .stk-timeline__dot{background:var(--brand);border-color:var(--brand);transform:scale(1.2)}.stk-timeline__stop--active .stk-timeline__label{color:var(--fg-1)}.stk-timeline__stop--active .stk-timeline__detail,.stk-timeline__stop:hover:not(:disabled) .stk-timeline__detail{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.stk-timeline__dot,.stk-timeline__label,.stk-timeline__detail{transition:none}}.stk-story{height:100%;min-height:320px;font-family:var(--font-sans);color:var(--fg-1);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 30%);mask-image:linear-gradient(#0000 0,#000 30%)}.stk-story__track{gap:var(--space-5);padding-inline:var(--space-6);flex-direction:column;display:flex;position:relative}.stk-story--center .stk-story__track{text-align:center;align-items:center}.stk-story--start .stk-story__track{text-align:left;align-items:flex-start}.stk-story[data-ready] .stk-story__track{transition:transform .8s var(--ease-out)}.stk-story__item{transition:opacity .6s var(--ease-out),color .6s var(--ease-out),transform .8s var(--ease-out)}.stk-story__line{max-width:30ch;font-size:clamp(var(--size-24),4.2vw,var(--size-36));font-weight:800;line-height:var(--lh-snug);letter-spacing:var(--tracking-snug);text-wrap:balance}.stk-story__item[data-state=upcoming]{opacity:0;transform:translateY(var(--space-4));pointer-events:none}.stk-story__item[data-state=current]{opacity:1}.stk-story__line[data-state=past]{color:var(--fg-3);opacity:max(.2,calc(.72 - .18 * var(--stk-story-distance,1)))}.stk-story__skip{right:var(--space-4);bottom:var(--space-4);position:absolute}@media (prefers-reduced-motion:reduce){.stk-story[data-ready] .stk-story__track,.stk-story__item{transition:none}.stk-story__item[data-state=upcoming]{transform:none}}:root{--chalk-white:#eeebe2;--chalk-yellow:color-mix(in oklab, var(--stark-yellow-300) 85%, white);--chalk-blue:color-mix(in oklab, var(--stark-blue-300) 80%, white);--chalk-green:color-mix(in oklab, var(--stark-green-500) 60%, white);--chalk-orange:color-mix(in oklab, var(--stark-orange-500) 65%, white);--chalk-pink:color-mix(in oklab, var(--stark-red-500) 45%, white);--font-hand:"Caveat", "Comic Sans MS", cursive;--chalk-dust:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--chalk-line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='8' preserveAspectRatio='none'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 4 -1.6'/%3E%3CfeComposite in='SourceGraphic' operator='in'/%3E%3C/filter%3E%3Cpath d='M2 4 C80 2 150 6 220 4 S340 2 398 5' stroke='%23EEEBE2' stroke-width='3' fill='none' stroke-linecap='round' filter='url(%23g)'/%3E%3C/svg%3E");--chalk-line-faint:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='8' preserveAspectRatio='none'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 4 -1.6'/%3E%3CfeComposite in='SourceGraphic' operator='in'/%3E%3C/filter%3E%3Cpath d='M2 4 C80 2 150 6 220 4 S340 2 398 5' stroke='%23EEEBE2' stroke-width='2.4' stroke-opacity='0.32' fill='none' stroke-linecap='round' filter='url(%23g)'/%3E%3C/svg%3E")}.stick{width:100%;height:auto;filter:drop-shadow(0 0 1px var(--board-surface)) drop-shadow(0 0 1.5px var(--board-surface)) drop-shadow(0 0 1px var(--board-surface));display:block;overflow:visible}.stick line,.stick .head{stroke:var(--chalk-white);stroke-width:4px;stroke-linecap:round;fill:none}.stick .head{fill:var(--board-surface,var(--surface-canvas))}.stick .eye{fill:var(--chalk-white);r:1.3}.stick .far{opacity:.6}.stick .scarf{stroke:var(--chalk-yellow);stroke-width:4px;stroke-linecap:round;fill:none}.stick-shadow{fill:#ffffff1f}.chalk-box{min-height:58px;padding:var(--space-2) var(--space-5);font:inherit;color:var(--chalk-white);cursor:pointer;background:0 0;border:0;place-items:center;font-size:1.15rem;font-weight:700;display:grid;position:relative}.chalk-box-art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.chalk-box-label{position:relative}.chalk-box:hover:not(:disabled){color:var(--chalk-yellow)}.chalk-box:focus-visible{outline:3px solid var(--chalk-yellow);outline-offset:4px;border-radius:6px}.chalk-box.is-right,.chalk-box.is-right:hover{color:var(--chalk-green)}.chalk-box.is-wrong,.chalk-box.is-wrong:hover{color:var(--chalk-pink)}.chalk-box:disabled{cursor:default}.chalk-box:disabled:not(.is-right){opacity:.4}.chalk-box.piece{min-width:76px;min-height:48px;padding:var(--space-1) var(--space-4);font-size:1.1rem}.chalk-progress{appearance:none;cursor:pointer;background:0 0;height:14px;margin:0;padding:0}.chalk-progress::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--chalk-yellow) var(--p,0%), color-mix(in srgb, var(--chalk-white) 28%, transparent) var(--p,0%));height:6px;-webkit-mask:var(--chalk-line) center / 100% 6px no-repeat;-webkit-mask:var(--chalk-line) center / 100% 6px no-repeat;mask:var(--chalk-line) center / 100% 6px no-repeat;border-radius:3px}.chalk-progress::-moz-range-track{background:color-mix(in srgb, var(--chalk-white) 28%, transparent);border-radius:2px;height:4px}.chalk-progress::-moz-range-progress{background:var(--chalk-yellow);border-radius:2px;height:4px}.chalk-progress::-webkit-slider-thumb{-webkit-appearance:none;background:var(--chalk-yellow);border-radius:50%;width:12px;height:12px;margin-top:-3px}.chalk-progress::-moz-range-thumb{background:var(--chalk-yellow);border:0;border-radius:50%;width:12px;height:12px}.chalk-progress:focus-visible{outline:2px solid var(--chalk-yellow);outline-offset:3px;border-radius:4px}.chalk-frame{pointer-events:none;width:100%;height:100%;color:var(--chalk-white);position:absolute;inset:0;overflow:visible}.chalk-frame path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.chalk-frame-line{stroke-width:4.2px;opacity:.9}.chalk-frame-legend{z-index:5;white-space:nowrap;margin-bottom:2px;line-height:1;position:absolute;bottom:100%;left:2px}.chalk-frame-dust{stroke-width:11px;opacity:.07}.chalk-frame.is-dashed .chalk-frame-line{stroke-width:3px;stroke-dasharray:12 10;opacity:.5;transition:stroke-dasharray .35s cubic-bezier(.4,0,.2,1),opacity .35s}.chalk-frame.is-dashed.is-joined .chalk-frame-line{stroke-dasharray:22 0;opacity:.9}.chalk-frame.draw-in path{animation:chalk-frame-draw .2s ease-in-out calc(var(--side) * .17s) both}.chalk-frame.wipe-out path{animation:chalk-frame-draw .14s ease-in-out calc((3 - var(--side)) * .12s) reverse both}@keyframes chalk-frame-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.chalk-frame path{transition:none!important;animation:none!important}}.chalk-sheet{width:100%;max-width:100%;max-height:85vh;color:var(--fg-1);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:auto 0 0;overflow:visible}.chalk-sheet::backdrop{background:#0000008c}.chalk-sheet[open] .chalk-sheet-body{animation:.28s cubic-bezier(.2,.8,.2,1) chalk-sheet-up}.chalk-sheet[open]::backdrop{animation:.28s chalk-sheet-fade}.chalk-sheet-body{overscroll-behavior:contain;max-height:85vh;padding:0 20px calc(20px + env(safe-area-inset-bottom));background:var(--chalk-line) top / 100% 6px no-repeat, var(--chalk-dust), var(--surface-canvas);border-radius:16px 16px 0 0;overflow:auto;box-shadow:0 -10px 30px #00000080}.chalk-sheet-body:focus{outline:none}.chalk-sheet-grip{cursor:grab;touch-action:none;place-items:center;height:26px;margin:0 -20px 4px;display:grid}.chalk-sheet-grip span{background:color-mix(in srgb, var(--chalk-white) 35%, transparent);border-radius:3px;width:44px;height:5px}@keyframes chalk-sheet-up{0%{transform:translateY(100%)}}@keyframes chalk-sheet-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.chalk-sheet[open] .chalk-sheet-body,.chalk-sheet[open]::backdrop{animation:none}}:root{--link:var(--brand)}:root[data-theme=dark]{--link:var(--stark-blue-300)}a{color:var(--link)}html{background:var(--surface-canvas)}body{background:var(--surface-canvas);min-height:100vh;color:var(--fg-1);font-family:var(--font-sans);margin:0;font-size:1.0625rem;line-height:1.55}h1{margin:0 0 var(--space-2);font-size:1.9rem;line-height:1.15}h2{margin:var(--space-6) 0 var(--space-2);font-size:1.25rem}p{margin:0 0 var(--space-3)}.topbar{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-hairline);justify-content:space-between;align-items:center;display:flex}.topbar nav{gap:var(--space-4);align-items:center;display:flex}.topbar a{text-decoration:none}.brand{font-weight:800;color:var(--fg-1)!important}.page{padding:var(--space-6) var(--space-4) var(--space-4)}.flow{max-width:680px;padding-bottom:var(--space-8);margin:0 auto}.link{text-decoration:none}.link:hover{text-decoration:underline}.muted{color:var(--fg-3);font-size:.9rem}.lede{color:var(--fg-2)}.chip{font:inherit;color:var(--fg-2);border:1px solid var(--border-soft);border-radius:var(--radius-pill);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;display:inline-flex}.chip .dot{border:1.5px solid var(--fg-3);border-radius:50%;width:8px;height:8px}.chip[aria-checked=true]{color:var(--fg-1);border-color:var(--link)}.chip[aria-checked=true] .dot{background:var(--link);border-color:var(--link)}.chip:focus-visible,.play:focus-visible{box-shadow:var(--shadow-focus);outline:none}.play{min-width:36px;height:36px;font:inherit;color:var(--fg-1);background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-pill);cursor:pointer;flex:none;justify-content:center;align-items:center;gap:8px;padding:0;font-size:.9rem;display:inline-flex}.play:hover{border-color:var(--link);color:var(--link)}.play.play-text{padding:0 14px}.play.on{border-color:var(--link);color:var(--link)}.tools{margin:var(--space-3) 0;min-height:34px}.group{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.actions{gap:var(--space-3);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.eq i{transform-origin:bottom;background:currentColor;width:3px;height:100%;animation:.8s ease-in-out infinite eq;display:block}.eq i:nth-child(2){animation-delay:.15s}.eq i:nth-child(3){animation-delay:.3s}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.eq i{animation:none;transform:none}}.progress{background:var(--surface-sunken);height:4px;margin-top:var(--space-4);border-radius:2px;overflow:hidden}.progress .bar{background:var(--link);height:100%;transition:width var(--dur-slow) var(--ease-out)}.step-name{margin:var(--space-2) 0 var(--space-3);font-weight:700}.more-below{pointer-events:none;opacity:0;height:56px;transition:opacity var(--dur-slow) var(--ease-out);background:linear-gradient(to bottom, transparent, var(--surface-canvas));place-items:end center;display:grid;position:absolute;bottom:100%;left:0;right:0}.more-below.is-on{opacity:1}.more-below button{pointer-events:auto;width:44px;height:32px;color:color-mix(in srgb, var(--chalk-white) 70%, transparent);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.more-below:not(.is-on) button{pointer-events:none}.more-below.is-on svg{animation:1.6s ease-in-out infinite more-bob}.more-below button:hover{color:var(--chalk-yellow)}@keyframes more-bob{50%{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.more-below.is-on svg{animation:none}.more-below{transition:none}}.stepbar{margin-top:var(--space-6);padding:var(--space-3) 0;background:var(--surface-canvas);border-top:1px solid var(--border-hairline);justify-content:space-between;align-items:center;display:flex;position:sticky;bottom:0}.hint-line{margin-top:var(--space-4)}.pattern{color:var(--link);font-size:1.2rem;font-weight:800}.sources{margin-top:var(--space-3)}.rows{margin:0;padding:0;list-style:none}.word-row,.row-simple{column-gap:var(--space-3);padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--border-hairline);border-radius:var(--radius-sm);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.row-simple{grid-template-columns:auto 1fr}.word-row.playing,.line.playing{background:var(--surface-sunken)}.roman{font-size:1.3rem;font-weight:800}.gloss{color:var(--fg-2)}.say{color:var(--fg-3);font-size:.9rem;font-style:italic}.tag{text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--link);margin-right:4px;font-size:.7rem;font-style:normal;font-weight:700}.word-more{padding:var(--space-3) 0 var(--space-1) 52px;color:var(--fg-2);grid-column:1/-1;font-size:.95rem}.my-sound{display:block}.my-sound span{color:var(--fg-3);font-size:.85rem;display:block}.word-row>.item-notes,.word-row>.sr-only-focusable{grid-column:1/-1}.dialogue .line{column-gap:var(--space-3);padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--border-hairline);border-radius:var(--radius-sm);grid-template-columns:auto 1fr;display:grid}.speaker{min-width:1.4em;color:var(--link);font-weight:700;display:inline-block}.exercise{padding:var(--space-2) 0}.prompt{margin-bottom:var(--space-3);font-size:1.25rem;font-weight:700}.options{gap:var(--space-2);margin:var(--space-3) 0;display:grid}.options button{justify-content:flex-start;width:100%}.built{min-height:2.2rem;padding:var(--space-2);border-bottom:2px dashed var(--border-soft);margin-bottom:var(--space-3);font-size:1.3rem}.row{gap:var(--space-2);margin:var(--space-2) 0;flex-wrap:wrap;align-items:center;display:flex}.feedback{font-weight:700}.continue{margin:var(--space-4) 0 var(--space-6);padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-md)}.continue h2{margin-top:0}.continue p{margin-bottom:var(--space-3)}.review-line{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.unit{margin:var(--space-6) 0 var(--space-1);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--fg-3);font-size:.85rem}.lessons{margin:0;padding:0;list-style:none}.lessons a{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-1);color:var(--fg-1);border-bottom:1px solid var(--border-hairline);text-decoration:none;display:flex}.lessons a:hover{color:var(--link)}.check{border:1.5px solid var(--border-soft);border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.4em;height:1.4em;font-size:.8rem;display:inline-flex}.is-done .check{background:var(--link);border-color:var(--link);color:var(--surface-canvas)}.is-done a{color:var(--fg-3)}.footer-links{margin-top:var(--space-8)}.side .footer-links{margin:0}.remember{margin:var(--space-6) 0}.note-box{box-sizing:border-box;width:100%;margin-top:var(--space-1);padding:var(--space-2);font:inherit;background:var(--surface-canvas);color:var(--fg-1);border:1px solid var(--border-soft);border-radius:var(--radius-sm);font-size:.95rem;display:block}.item-notes{margin-top:var(--space-2);gap:var(--space-2);flex-direction:column;display:flex}.item-note{gap:var(--space-2);padding-left:var(--space-2);border-left:3px solid var(--link);flex-wrap:wrap;align-items:baseline;font-size:.95rem;display:flex}.item-notes>.np-btn{align-self:flex-start}.quote{color:var(--fg-3);font-style:italic}.note-actions{opacity:.7;margin-left:auto}.np{z-index:30;background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-sm);max-width:min(320px,92vw);box-shadow:var(--shadow-ambient-2);padding:4px;position:fixed;transform:translate(-50%)}.np-btn{font:inherit;color:var(--fg-1);background:var(--surface-sunken);border:1px solid var(--border-soft);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:5px;padding:5px 9px;font-size:.78rem;font-weight:600;line-height:1;display:inline-flex}.np-btn:hover:not(:disabled){border-color:var(--link);color:var(--link)}.np-btn.strong{border-color:var(--fg-3)}.np-btn:disabled{opacity:.45;cursor:not-allowed}.np-btn:focus-visible,.np-link:focus-visible{box-shadow:var(--shadow-focus);outline:none}.np-link{font:inherit;color:var(--link);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:0;padding:2px 4px;font-size:.8rem}.np-link:hover{text-decoration:underline}.np-link.danger{color:var(--danger)}.note-view{flex-direction:column;gap:4px;padding:4px 6px;display:flex}.note-text{white-space:pre-wrap;margin:0;font-size:.92rem}.composer{gap:var(--space-2);flex-direction:column;display:flex}::highlight(note){color:inherit;text-underline-offset:3px;background-color:#f2d86a4d;-webkit-text-decoration:underline #f2d86acc;text-decoration:underline #f2d86acc;text-decoration-thickness:2px}body.over-note{cursor:pointer}.sr-only,.sr-only-focusable:not(:focus-within){clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sheet{max-width:800px;margin:0 auto}.sheet table{border-collapse:collapse;width:100%}.sheet th,.sheet td{border:1px solid var(--fg-2);text-align:left;vertical-align:top;padding:6px}.sheet .blank{width:35%;height:2.4rem}.rule{border-bottom:1px solid var(--fg-2);height:2rem}.mynote{font-style:italic}.pattern+p,.sheet .pattern{color:inherit}@media print{:root[data-theme=dark]{--surface-canvas:#fff;--surface-raised:#fff;--fg-1:#000;--fg-2:#222;--fg-3:#444;--border-strong:#000;--border-soft:#999;--link:#000}.no-print,.topbar,.np,.tip,.play,.stepbar{display:none!important}body{color:#000;background:#fff}.page{max-width:none;padding:0}}.reveal{margin:var(--space-2) 0 var(--space-3)}.reveal-toggle{padding-left:0;font-size:.9rem}.reveal-body{margin-top:var(--space-2);color:var(--fg-2)}.tools{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}:root{--board-surface:var(--stark-chalk-700)}body{background-color:var(--surface-canvas);background-image:var(--chalk-dust), radial-gradient(ellipse 40% 25% at 18% 22%, #ffffff09, transparent 70%), radial-gradient(ellipse 35% 20% at 78% 64%, #ffffff08, transparent 70%), radial-gradient(ellipse 50% 30% at 50% 100%, #ffffff06, transparent 70%);background-attachment:fixed}.topbar{background:var(--chalk-line-faint) bottom / 100% 6px no-repeat;border-bottom:0}.brand{font-family:var(--font-hand);font-size:1.6rem;font-weight:700}h1,h2,.panel h2{font-family:var(--font-hand);letter-spacing:.01em;font-weight:700}h1{background:var(--chalk-line) left bottom / min(100%, 340px) 7px no-repeat;padding-bottom:6px;font-size:2.6rem}h2{font-size:1.75rem}.unit{font-family:var(--font-hand);text-transform:none;letter-spacing:0;color:var(--fg-2);font-size:1.4rem}.word-row,.row-simple,.dialogue .line,.lessons a{background:var(--chalk-line-faint) left bottom / 100% 5px no-repeat;background-color:#0000;border-bottom:0}.word-row.playing,.line.playing{background-color:#ffffff0a}.stepbar{background:var(--chalk-line-faint) top / 100% 5px no-repeat, var(--chalk-dust) fixed, var(--surface-canvas);border-top:0}.progress{background:0 0;border-radius:0;height:8px;position:relative;overflow:visible}.progress:before{content:"";background:var(--chalk-line) center / 100% 6px no-repeat;opacity:.3;position:absolute;inset:0}.progress .bar{background:var(--chalk-yellow);height:100%;-webkit-mask:var(--chalk-line) left center / 100% 8px no-repeat;-webkit-mask:var(--chalk-line) left center / 100% 8px no-repeat;mask:var(--chalk-line) left center / 100% 8px no-repeat;position:relative}.chalk-note,.say{font-family:var(--font-hand)}.say{color:var(--chalk-yellow);opacity:.9;font-size:1.1rem;font-style:normal}.home{max-width:1520px;margin:0 auto}.home-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.home-head h1{margin:0}.view-switch{gap:4px;display:flex}.view-switch .chip[aria-pressed=true]{color:var(--fg-1);border-color:var(--chalk-white)}.board-wrap{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.board-fit{justify-content:flex-end;min-width:0;padding-top:3px;display:flex}.board-wrap{transform:translateX(calc(-1 * var(--course-shift,0px)))}.home-head .view-switch{margin-right:var(--course-shift,0px)}.chalkboard{max-width:100%;position:relative}.chalk-surface{outline:none;position:relative;overflow:hidden}.map-frame{position:relative}.map-frame>.chalk-frame{z-index:4;width:calc(100% + 24px);height:calc(100% + 24px);inset:-12px}.chalk-art{display:block}.chalk-surface{--s:var(--k)}.chalk-art{position:absolute;inset:0}.chalk-world{will-change:transform;cursor:crosshair;position:absolute;top:0;left:0}.drawing path{stroke-dasharray:1;stroke-dashoffset:1px;animation:chalk-draw 1.1s ease-out var(--d,0s) forwards}.drawing text{opacity:0;animation:chalk-appear .6s ease-out calc(var(--d,0s) + .5s) forwards}.erasing{animation:.65s ease-in forwards chalk-erase}@keyframes chalk-draw{to{stroke-dashoffset:0}}@keyframes chalk-appear{to{opacity:1}}@keyframes chalk-erase{0%{opacity:1;filter:blur()}to{opacity:0;filter:blur(3px);transform:translateY(2px)}}.chalk-num{font-family:var(--font-hand);fill:var(--chalk-white);font-size:38px;font-weight:700}.chalk-word{font-family:var(--font-hand);fill:var(--chalk-white);font-size:26px;font-weight:700}.chalk-word.big{fill:var(--chalk-yellow);font-size:34px}.spot-btn{width:calc(76px * var(--k));aspect-ratio:1;cursor:pointer;transition:box-shadow var(--dur-base) var(--ease-out);background:0 0;border:0;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.spot-btn.review{width:calc(92px * var(--k))}.spot-btn.is-here{box-shadow:0 0 0 calc(3px * var(--k)) color-mix(in srgb, var(--chalk-yellow) 70%, transparent), 0 0 calc(20px * var(--k)) color-mix(in srgb, var(--chalk-yellow) 35%, transparent)}.spot-btn.is-next:not(.is-here){animation:1.8s ease-in-out infinite next-glow}@keyframes next-glow{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 calc(4px * var(--k)) color-mix(in srgb, var(--chalk-yellow) 45%, transparent)}}.spot-btn:hover:not(.is-here){box-shadow:0 0 0 calc(2px * var(--k)) color-mix(in srgb, var(--chalk-white) 40%, transparent)}.spot-btn:focus-visible{outline:3px solid var(--chalk-yellow);outline-offset:calc(4px * var(--k))}.chalk-world .unit-sign{transform:translateY(-50%)}.minimap{cursor:pointer;width:min(60%,420px);height:18px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.minimap:before{content:"";background:color-mix(in srgb, var(--chalk-white) 30%, transparent);height:2px;position:absolute;top:50%;left:0;right:0}.mm-unit{opacity:.55;border-radius:3px;height:6px;position:absolute;top:calc(50% - 3px)}.mm-unit.is-planned{opacity:.18}.mm-dot{background:var(--chalk-white);opacity:.5;border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;position:absolute;top:50%}.mm-dot.is-done{opacity:1;background:var(--chalk-yellow)}.mm-dot.is-planned{opacity:.2}.mm-view{border:1.5px solid color-mix(in srgb, var(--chalk-white) 55%, transparent);border-radius:4px;position:absolute;top:0;bottom:0}.mm-you{background:var(--chalk-yellow);width:10px;height:10px;box-shadow:0 0 0 2px var(--board-surface);border-radius:50%;margin:-5px 0 0 -5px;position:absolute;top:50%}@media (prefers-reduced-motion:reduce){.spot-btn.is-next:not(.is-here){animation:none}}.player{width:calc(62px * var(--k));pointer-events:none;z-index:3;transform:translate(-50%, calc(-100% - 14px * var(--k)));position:absolute}.chalk-tray{align-items:center;gap:var(--space-3);height:58px;padding:0 var(--space-1);display:flex;position:relative}.dpad{gap:4px;margin-left:auto;display:flex}.play-here{max-width:46%}.play-here .play-title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}@media (width<=560px){.dpad{margin-left:0}.play-here{flex:1;max-width:none}}.chalk-note{fill:var(--chalk-yellow);font-size:30px;font-weight:700}.chalk-note.faint{fill:var(--chalk-white);opacity:.35;font-size:28px}.unit-sign{white-space:nowrap;font-family:var(--font-hand);font-size:calc(26px * var(--s,1));cursor:pointer;color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:2px 4px;line-height:1;display:inline-flex;position:absolute;transform:translateY(-50%)}.unit-sign.from-right{transform:translate(-100%,-50%)}.unit-sign .doodle{width:calc(34px * var(--s,1));height:calc(34px * var(--s,1));flex:none}.unit-sign .sign-name{font-weight:700}.unit-sign .sign-short{color:var(--chalk-white)}.unit-sign .sign-soon{color:var(--chalk-white);opacity:.6}.unit-sign.is-planned{opacity:.6}.unit-sign:hover .sign-short{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.unit-sign:focus-visible{outline:3px solid var(--chalk-yellow);outline-offset:2px;border-radius:6px}.panel{--stark-stroke-c:var(--chalk-white);--stark-stroke-w:2px;padding:var(--space-5);border-radius:var(--radius-md);background:0 0;border:0}.panel h2{margin:0 0 var(--space-2);font-size:1.9rem}.panel p{font-size:.98rem}.eyebrow{margin:0 0 var(--space-1);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--fg-3);font-size:.75rem;font-weight:700}.eyebrow-link{font-size:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;text-align:left;padding:0}@media (width<=900px){.board-wrap{grid-template-columns:minmax(0,1fr)}h1{font-size:2.2rem}}@media (height<=520px){.topbar{padding-top:4px;padding-bottom:4px}.brand{font-size:1.25rem}.page{padding-top:6px}.home-head{margin-bottom:6px}.home-head h1{background-size:160px 5px;padding-bottom:2px;font-size:1.5rem}.chalk-tray{height:46px}}.side{gap:var(--space-3);flex-direction:column;display:flex}.walk-help{margin:0}.chalk-world .unit-sign,.chalk-world .spot-btn{cursor:pointer}.chip{box-sizing:border-box;min-height:32px}.play.play-text{height:32px}.tools .stk-btn--sm,.row .stk-btn--sm{min-height:32px}.line-text{align-items:baseline;gap:4px var(--space-3);flex-wrap:wrap;margin:0;display:flex}.line-text .speaker{min-width:0}.line-text .gloss{font-size:.98rem}.tone-key{gap:var(--space-2);margin:var(--space-3) 0 var(--space-4);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));padding:0;list-style:none;display:grid}.tone-key li{column-gap:var(--space-2);padding:var(--space-2);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;display:grid}.tone-key svg{grid-row:1/3;width:46px;height:26px;overflow:visible}.tone-key svg path{fill:none;stroke:var(--chalk-yellow);stroke-width:3.2px;stroke-linecap:round}.tone-key svg circle{fill:var(--chalk-yellow)}.tone-num{color:var(--fg-3);font-size:.8rem;font-weight:800}.tone-num:before{content:"Tone "}.tone-mark{grid-column:2;font-size:1.35rem;font-weight:800;line-height:1}.tone-name{color:var(--fg-2);grid-column:1/3;font-size:.85rem}.tone-key-line{color:var(--fg-3);margin:var(--space-2) 0 0;flex-basis:100%;font-size:.9rem}.tone-key-line strong{color:var(--chalk-yellow)}.chalk-options{gap:var(--space-3);max-width:560px;margin:var(--space-4) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=480px){.chalk-options{grid-template-columns:minmax(0,1fr)}}.chalk-pieces{gap:var(--space-3);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.built{padding:var(--space-2) 0;background:var(--chalk-line) left bottom / 100% 6px no-repeat;margin-bottom:var(--space-3);border-bottom:0;font-size:1.4rem;font-weight:700}.chalk-answer{align-items:center;gap:var(--space-3);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.chalk-input{min-width:0;padding:var(--space-2) var(--space-1);font:inherit;color:var(--chalk-white);background:var(--chalk-line) left bottom / 100% 6px no-repeat;border:0;outline:none;flex:260px;font-size:1.35rem;font-weight:700}.chalk-input::placeholder{color:var(--fg-4);font-size:1.05rem;font-weight:400}.chalk-input:focus{background-image:var(--chalk-line);filter:drop-shadow(0 0 #0000);box-shadow:0 6px 0 -3px color-mix(in srgb, var(--chalk-yellow) 70%, transparent)}.feedback-row{min-height:2.2rem}.feedback{font-family:var(--font-hand);margin:0;font-size:1.6rem}.feedback.ok{color:var(--chalk-green)}.feedback.bad{color:var(--chalk-pink)}.tone-preview{color:var(--chalk-yellow);flex-basis:100%;margin:0;font-size:1.25rem;font-weight:700}.mini-player,.clip-progress{align-items:center;gap:var(--space-2);display:inline-flex}.mini-player .clip-progress .chalk-progress{width:120px}.clip-time{color:var(--fg-3);font-variant-numeric:tabular-nums;font-size:.85rem}.word-row,.row-simple,.dialogue .line{position:relative}.word-row>.clip-progress,.row-simple>.clip-progress,.dialogue .line>.clip-progress{display:block;position:absolute;bottom:-6px;left:0;right:0}.word-row>.clip-progress .chalk-progress,.row-simple>.clip-progress .chalk-progress,.dialogue .line>.clip-progress .chalk-progress{width:100%;display:block}.wall{min-height:100vh}.wall .topbar{max-width:1120px;padding:var(--space-6) var(--space-4) 0;background:0 0;margin:0 auto}.wall .topbar+.page{padding-top:var(--space-2)}.wall-inner{max-width:1120px;margin:0 auto}.wall-grid{margin:var(--space-6) 0;gap:var(--space-8) calc(var(--space-6) + 16px);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));padding:0;list-style:none;display:grid}.wall-board{gap:calc(var(--space-3) + 8px);color:var(--fg-1);text-decoration:none;display:grid}.mini-board{transition:transform var(--dur-base) var(--ease-out);border-radius:6px;display:block;position:relative}.mini-surface{aspect-ratio:16/9;transition:background-color var(--dur-base) var(--ease-out);background:radial-gradient(75% 65%,#ffffff09,#0000 78%);border-radius:6px;display:block;position:relative;overflow:hidden}.board-art{width:100%;height:100%;display:block}.art-title{font-family:var(--font-hand);fill:var(--chalk-white);font-size:44px;font-weight:700}.art-sub{font-family:var(--font-hand);fill:var(--chalk-yellow);font-size:22px;font-weight:700}.art-mark{font-family:var(--font-hand);fill:var(--chalk-yellow);font-size:18px;font-weight:700}.art-word{font-family:var(--font-hand);fill:var(--chalk-white);font-size:17px;font-weight:700}.wall-progress{margin-left:var(--space-2);font-family:var(--font-hand);color:var(--chalk-green);font-size:1.15rem;font-weight:700}.wall-label{padding:0 var(--space-1);gap:2px;display:grid}.wall-title{font-size:1.1rem;font-weight:800}.wall-board:hover .mini-surface,.wall-board:focus-visible .mini-surface{background-color:#ffffff06}.option-frame{width:calc(100% + 16px);height:calc(100% + 16px);inset:-8px}.wall-board:hover .option-frame .chalk-frame-line,.wall-board:focus-visible .option-frame .chalk-frame-line{stroke-dasharray:22 0;opacity:.9}.wall-board:focus-visible .option-frame{color:var(--chalk-yellow)}.wall-item.is-empty .option-frame{opacity:.6}.is-leaving .option-frame{animation:.15s .4s both art-return}.wall-board:active .mini-board{transition-duration:80ms;transform:scale(.985)}.wall-board:hover .wall-title{color:var(--chalk-yellow)}.wall-board:focus-visible{outline:none}.wall-item.is-empty .mini-board{opacity:.55}.mini-soon{font-family:var(--font-hand);color:color-mix(in srgb, var(--chalk-white) 45%, transparent);place-items:center;font-size:1.6rem;display:grid;position:absolute;inset:0}.big-board{width:min(100%,177.778vh - 337.778px,1100px);margin:33px auto 0;position:relative}.big-surface{aspect-ratio:16/9;position:relative}.back-surface{padding:var(--space-5) var(--space-6);flex-direction:column;display:flex;overflow:auto}.back-title{margin:0}.sub-grid{margin:var(--space-6) 0 0;padding:var(--space-2);gap:var(--space-8) var(--space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}@media (width<=760px){.big-surface.back-surface{aspect-ratio:auto;min-height:56vw}.back-surface{padding:var(--space-4)}}.support-link{margin-top:var(--space-6);font-family:var(--font-hand);color:var(--fg-3);font-size:1.3rem}.support-link a{color:var(--chalk-yellow)}:root[data-walk]::view-transition{background-color:var(--surface-canvas);background-image:var(--chalk-dust)}.leave-frame{visibility:hidden}.is-leaving .leave-frame{visibility:visible}.is-leaving .leave-frame .chalk-frame-line{animation:chalk-frame-draw .14s ease-in-out calc((3 - var(--side)) * .12s) reverse both, leave-line .55s cubic-bezier(.4, 0, .2, 1) both}.is-leaving .leave-frame .chalk-frame-dust{animation:chalk-frame-draw .14s ease-in-out calc((3 - var(--side)) * .12s) reverse both, leave-dust .55s cubic-bezier(.4, 0, .2, 1) both}@keyframes leave-line{0%{stroke-width:calc(4.2px / var(--walk-scale,1))}}@keyframes leave-dust{0%{stroke-width:calc(11px / var(--walk-scale,1))}}.is-leaving .mini-surface{animation:.15s .4s both art-return}.is-closing .chalk-frame{visibility:hidden}@keyframes art-return{0%{opacity:0}}.chalk-written{animation:.75s linear .45s both chalk-write;-webkit-mask-image:linear-gradient(90deg,#000 45%,#0000 55%);mask-image:linear-gradient(90deg,#000 45%,#0000 55%);-webkit-mask-size:230% 100%;mask-size:230% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes chalk-write{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.course-controls{top:var(--space-6);right:calc(var(--space-4) + var(--course-shift,0px));z-index:5;gap:var(--space-4);align-items:center;height:36px;display:flex;position:absolute}.course-controls a{text-decoration:none}.chalk-back{align-items:center;gap:var(--space-2);font-family:var(--font-hand);opacity:.85;font-size:1.45rem;font-weight:700;text-decoration:none;display:inline-flex;color:var(--chalk-white)!important}.chalk-back span{filter:url(#chalk-light)}.chalk-back svg{transition:transform var(--dur-base) var(--ease-out)}.chalk-back:hover,.chalk-back:focus-visible{opacity:1;color:var(--chalk-yellow)!important}.chalk-back:hover svg,.chalk-back:focus-visible svg{transform:translate(-3px)rotate(-8deg)}.chalk-frame-legend .chalk-back{gap:var(--space-1);font-size:1.35rem}.chalk-frame.draw-in+.chalk-frame-legend{animation:.3s .1s both art-return}.home>.chalk-back,.flow>.chalk-back{width:fit-content;margin:0 0 var(--space-2);display:flex}.home>.chalk-back,.home-head h1,.home>.review-line{margin-left:var(--course-shift,0px)}.page-back{padding-bottom:0}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-image-pair(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}.mini-board,.mini-surface,.chalk-back svg{transition:none}.is-leaving .mini-surface,.chalk-frame-legend,.chalk-written{-webkit-mask:none;mask:none;animation:none!important}}@media (width<=700px){.phone-tabs{z-index:20;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--chalk-line-faint) top / 100% 6px no-repeat, var(--chalk-dust), var(--surface-canvas);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.phone-tabs a,.phone-tabs button{min-height:48px;font-family:var(--font-hand);color:var(--fg-2);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.phone-tabs [aria-current=page]{color:var(--chalk-yellow)}.tab-count{min-width:22px;height:22px;font-family:var(--font-sans);color:var(--surface-canvas);background:var(--chalk-yellow);border-radius:11px;padding:0 6px;font-size:.8rem;line-height:22px}.page:has(~.phone-tabs){padding-bottom:calc(84px + env(safe-area-inset-bottom))}.sheet-list{gap:var(--space-4);padding:var(--space-2) 0 var(--space-4);justify-items:start;display:grid}.wall-inner>.wall-grid>.wall-item.is-empty{display:none}.sub-grid{gap:var(--space-6)}.sub-grid .wall-item.is-empty .mini-surface{aspect-ratio:5}.sub-grid .wall-item.is-empty .wall-label{display:none}.phone-home h1{margin:var(--space-3) 0;font-size:2rem}.phone-path{margin:0 calc(-1 * var(--space-4))}.path-unit{padding:var(--space-5) var(--space-4) 0}.path-sign{white-space:normal;text-align:left;flex-wrap:wrap;padding:4px 0;font-size:1.5rem;position:static;transform:none}.path-unit.is-planned{opacity:.55}.path-stretch{position:relative}.path-art{position:absolute;inset:0;overflow:visible}.path-num{font-family:var(--font-hand);fill:var(--chalk-white);font-size:26px;font-weight:700}.path-num.is-next{fill:var(--chalk-yellow)}.path-spot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:70px;height:70px;padding:0;position:absolute;transform:translate(-50%,-50%)}.path-spot:focus-visible{outline:3px solid var(--chalk-yellow);outline-offset:2px}.path-spot[aria-current]{box-shadow:0 0 24px color-mix(in srgb, var(--chalk-yellow) 35%, transparent)}.path-spot:active{transform:translate(-50%,-50%)scale(.95)}.path-you{pointer-events:none;width:36px;position:absolute}.path-you .stick{width:100%;height:auto;display:block}.path-start{font-family:var(--font-hand);color:var(--chalk-yellow);white-space:nowrap;pointer-events:none;font-size:1.2rem;font-weight:700;position:absolute}.path-start[data-side=left]{transform:translate(-100%)}.chalk-sheet .panel{padding:0 0 var(--space-2);box-shadow:none;background:0 0;border:0}.chalk-sheet .panel.stark-chalk:before{display:none}.chalk-sheet .word-more{margin:0;padding:0}.chalk-sheet h2.roman{margin:0 0 var(--space-2);font-family:var(--font-sans);font-size:1.7rem;font-weight:800}.chalk-sheet h2.roman .gloss{font-size:1.1rem;font-weight:400}.chalk-sheet .panel .stk-btn{width:100%;min-height:52px;font-size:1.1rem}.lesson-top{z-index:10;align-items:center;gap:var(--space-3);margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-4)) 0;padding:var(--space-3) var(--space-4);background:var(--chalk-dust), var(--surface-canvas);display:flex;position:sticky;top:0}.lesson-top .progress{flex:1}.lesson-close{width:40px;height:40px;color:var(--fg-2);flex:none;place-items:center;display:grid}.lesson h1{font-size:2rem}.lesson.flow{padding-bottom:calc(150px + env(safe-area-inset-bottom))}.lesson{-webkit-touch-callout:none}.stepbar{z-index:10;gap:var(--space-3);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));margin:0;position:fixed;bottom:0;left:0;right:0}.stepbar>:last-child{flex:1}.stepbar .stk-btn{min-height:52px}.word-row,.row-simple{padding-block:var(--space-4)}.play{min-width:44px;height:44px}.chalk-options{grid-template-columns:minmax(0,1fr);max-width:none}.chalk-options .chalk-box{min-height:60px}.chalk-box.piece{min-height:52px}.chalk-answer{gap:var(--space-2);display:grid}.chalk-answer .chalk-input{width:100%}.chalk-answer>.stk-btn{width:100%;min-height:52px}.tone-bar{margin:0}.feedback-row:has(.feedback){left:0;right:0;bottom:calc(76px + env(safe-area-inset-bottom));z-index:11;padding:var(--space-4);background:var(--chalk-line) top / 100% 6px no-repeat, var(--chalk-dust), var(--surface-canvas);animation:.25s cubic-bezier(.2,.8,.2,1) chalk-sheet-up;position:fixed}.feedback-row .feedback{font-family:var(--font-hand);margin:0;font-size:1.5rem}.feedback-row .np-link{padding:6px 8px;font-size:1.1rem}.tone-bar{gap:var(--space-2);margin:var(--space-2) 0;display:flex}.tone-btn{min-height:48px;font:inherit;color:var(--chalk-white);border:2px dashed color-mix(in srgb, var(--chalk-white) 35%, transparent);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:0;font-size:1.6rem;font-weight:700}.tone-btn:active{color:var(--chalk-yellow);border-style:solid}.np{max-width:none;padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--chalk-line) top / 100% 6px no-repeat, var(--chalk-dust), var(--surface-canvas);border:0;border-radius:16px 16px 0 0;bottom:0;right:0;transform:none;box-shadow:0 -10px 30px #00000080;top:auto!important;left:0!important}.np-btn{padding:12px 16px;font-size:1rem}.np>.np-btn{justify-content:center;width:100%;min-height:48px}.grades{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.grades .stk-btn{min-height:52px}}