@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff")}:root{font-family:var(--sm-font-body)}*{box-sizing:border-box}body{margin:0;background:var(--sm-app-canvas);color:var(--sm-app-canvas-fg)}button{cursor:pointer;border:none;border-radius:var(--sm-radius-sm);padding:.5rem .9rem;background:var(--sm-control-surface);font:inherit}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;padding:.4rem .5rem;border:1px solid var(--sm-control-border);border-radius:var(--sm-radius-sm);background:var(--sm-surface)}.rendition-panel{display:grid;gap:.5rem;width:min(100%,42rem);padding:.75rem;border:1px solid var(--sm-control-border);border-radius:var(--sm-radius-sm);background:var(--sm-surface-subtle)}.rendition-status,.rendition-error{margin:0;overflow-wrap:anywhere}.rendition-error{color:var(--sm-danger-strong)}.rendition-controls,.sentence-seek,.rendition-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.rendition-controls label{display:grid;gap:.25rem;min-width:min(100%,18rem)}.rendition-controls input[type=range]{width:100%;min-height:44px}.rendition-panel button{min-width:44px;min-height:44px}.rendition-panel button:focus-visible,.rendition-panel input:focus-visible{outline:3px solid var(--sm-action);outline-offset:2px}.guardian-shell{min-height:100vh;display:grid;grid-template-columns:16rem minmax(0,1fr);background:var(--sm-bg);color:var(--sm-fg)}.guardian-sidebar{position:sticky;top:0;height:100vh;padding:var(--sm-space-6);display:flex;flex-direction:column;gap:var(--sm-space-6);border-right:1px solid var(--sm-border);background:var(--sm-surface)}.guardian-nav{display:grid;gap:var(--sm-space-2)}.guardian-nav a,.guardian-bottom-nav a{min-height:44px;padding:var(--sm-space-3);border-radius:var(--sm-radius-sm);color:var(--sm-fg-secondary);font-weight:700;text-decoration:none}.guardian-nav a[aria-current=page],.guardian-bottom-nav a[aria-current=page]{background:var(--sm-surface-warm);color:var(--sm-fg)}.guardian-account{margin-top:auto;display:grid;gap:var(--sm-space-2);color:var(--sm-fg-secondary);font-size:var(--sm-text-sm);overflow-wrap:anywhere}.guardian-main{min-width:0;padding:clamp(var(--sm-space-6),5vw,var(--sm-section-desktop))}.guardian-page{width:min(100%,var(--sm-container-max));display:grid;gap:var(--sm-space-6)}.guardian-page h1,.guardian-page h2,.guardian-page p{margin:0}.guardian-page h1{font-size:clamp(var(--sm-text-2xl),5vw,var(--sm-text-3xl));line-height:var(--sm-leading-tight)}.guardian-page h2{font-size:var(--sm-text-xl)}.guardian-page-title,.guardian-page-actions,.guardian-actions,.guardian-card-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sm-space-3)}.guardian-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--sm-space-4)}.guardian-child-card,.guardian-setup,.guardian-detail-section{display:grid;gap:var(--sm-space-4);padding:var(--sm-space-5)}.guardian-status{font-weight:700}.guardian-status--active{color:var(--sm-confident)}.guardian-status--revoked{color:var(--sm-danger)}.guardian-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:var(--sm-space-3);margin:0}.guardian-metrics div{display:grid;gap:var(--sm-space-1)}.guardian-metrics dt{color:var(--sm-muted);font-size:var(--sm-text-sm)}.guardian-metrics dd{margin:0;font-size:var(--sm-text-xl);font-weight:700}.guardian-history{display:grid;gap:var(--sm-space-2);margin:0;padding-left:var(--sm-space-5)}.guardian-skeleton{min-height:16rem;padding:var(--sm-space-6);border-radius:var(--sm-radius-lg);background:linear-gradient(90deg,var(--sm-border-soft),var(--sm-surface),var(--sm-border-soft));color:var(--sm-fg-secondary)}.guardian-dialog{width:min(calc(100% - 2rem),34rem);border:1px solid var(--sm-border);border-radius:var(--sm-radius-lg);padding:var(--sm-space-6);background:var(--sm-surface);color:var(--sm-fg)}.guardian-dialog::backdrop{background:color-mix(in srgb,var(--sm-fg),transparent 55%)}.guardian-dialog form{display:grid;gap:var(--sm-space-4)}.guardian-dialog p{color:var(--sm-fg-secondary)}.guardian-dialog input,.guardian-detail-section input{width:100%;min-height:44px}.guardian-skip{position:fixed;z-index:10;left:var(--sm-space-3);top:-6rem;display:inline-flex;align-items:center;min-height:44px;padding:var(--sm-space-3);border-radius:var(--sm-radius-sm);background:var(--sm-surface);color:var(--sm-fg)}.guardian-skip:focus{top:var(--sm-space-3)}.guardian-bottom-nav{display:none}@media (max-width: 900px){.guardian-shell{grid-template-columns:12rem minmax(0,1fr)}.guardian-sidebar{padding:var(--sm-space-4)}}@media (max-width: 640px){.guardian-shell{display:block}.guardian-sidebar{position:static;height:auto;padding:var(--sm-space-4);border-right:0;border-bottom:1px solid var(--sm-border)}.guardian-sidebar .guardian-nav{display:none}.guardian-account{margin-top:0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.guardian-main{padding:var(--sm-space-5) var(--sm-gutter-phone) calc(5rem + env(safe-area-inset-bottom))}.guardian-bottom-nav{position:fixed;z-index:5;inset:auto 0 0;min-height:calc(56px + env(safe-area-inset-bottom));padding:var(--sm-space-2) var(--sm-space-3) env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--sm-border);background:var(--sm-surface)}.guardian-bottom-nav a{display:grid;place-items:center}}@media (prefers-reduced-motion: reduce){.guardian-skeleton{background:var(--sm-border-soft)}}.guardian-child-card a{display:inline-flex;align-items:center;min-height:44px}.exercise-search,.exercise-editor__form,.exercise-library__items,.exercise-item,.exercise-children,.exercise-detail .sm-panel{display:grid;gap:var(--sm-space-4)}.exercise-search input,.exercise-editor textarea{width:100%;min-height:44px}.exercise-editor textarea{resize:vertical}.exercise-item{padding:var(--sm-space-5);border:1px solid var(--sm-border);border-radius:var(--sm-radius-lg);background:var(--sm-surface)}.exercise-item__heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sm-space-4)}.exercise-item h2,.exercise-item p{margin:0}.exercise-item h2 a{display:inline-flex;align-items:center;min-height:44px;color:inherit}.exercise-audio-status{font-weight:700;color:var(--sm-fg-secondary)}.exercise-metadata{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sm-space-3);margin:0}.exercise-metadata div{display:grid;gap:var(--sm-space-1)}.exercise-metadata dt{color:var(--sm-muted);font-size:var(--sm-text-sm)}.exercise-metadata dd{margin:0;overflow-wrap:anywhere}.exercise-children{border:0;padding:0}.exercise-children label{display:flex;align-items:center;gap:var(--sm-space-2);min-height:44px}.exercise-children input{inline-size:1.5rem;block-size:1.5rem}.exercise-source{white-space:pre-wrap;overflow-wrap:anywhere}.exercise-editor__actions{position:sticky;bottom:0;padding:var(--sm-space-3);border:1px solid var(--sm-border);border-radius:var(--sm-radius-md);background:var(--sm-surface)}@media (max-width: 640px){.guardian-bottom-nav{grid-template-columns:repeat(3,1fr)}.exercise-item__heading,.exercise-metadata{grid-template-columns:1fr}.exercise-editor__actions{bottom:calc(4.5rem + env(safe-area-inset-bottom))}}.learner-shell{min-height:100vh;background:var(--sm-bg)}.learner-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--sm-border);background:color-mix(in srgb,var(--sm-surface) 94%,var(--sm-header-tint))}.learner-header__inner,.learner-main{width:min(100% - 2rem,61.25rem);margin-inline:auto}.learner-header__inner{display:flex;min-height:4.5rem;align-items:center;gap:var(--sm-space-5)}.learner-brand{display:inline-flex;align-items:center;min-width:44px;min-height:44px;color:var(--sm-fg);font-size:var(--sm-text-lg);font-weight:700;text-decoration:none}.learner-nav{display:flex;gap:var(--sm-space-4)}.learner-nav a{display:grid;min-width:44px;min-height:44px;align-items:center;color:var(--sm-fg-secondary);font-weight:700;text-decoration:none}.learner-nav a[aria-current=page]{color:var(--sm-fg);border-bottom:3px solid var(--sm-accent)}.learner-account{position:relative;margin-left:auto}.learner-account__menu{position:absolute;top:calc(100% + .5rem);right:0;display:grid;min-width:16rem;gap:var(--sm-space-3);padding:var(--sm-space-4);border:1px solid var(--sm-border);border-radius:var(--sm-radius-md);background:var(--sm-surface);box-shadow:0 .5rem 1.5rem color-mix(in srgb,var(--sm-fg) 16%,transparent)}.learner-account__menu p{margin:0;overflow-wrap:anywhere}.learner-main{padding-block:clamp(1.5rem,5vw,4rem)}.learner-main section{display:grid;gap:var(--sm-space-5)}.learner-main h1,.learner-main h2,.learner-main p{margin:0}.learner-kicker{color:var(--sm-muted);font-weight:700}.learner-intro{color:var(--sm-fg-secondary);font-size:var(--sm-text-lg)}.learner-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sm-space-3);margin:0}.learner-count{display:grid;gap:var(--sm-space-2);min-height:9rem;padding:var(--sm-space-5);border:1px solid var(--sm-border);border-radius:var(--sm-radius-lg);background:var(--sm-surface)}.learner-count dt{color:var(--sm-fg-secondary);font-weight:700}.learner-count dd{margin:0;font-size:clamp(2rem,6vw,3.5rem);font-weight:700}.learner-count--confident{border-top:.35rem solid var(--sm-success)}.learner-count--needs_practice{border-top:.35rem solid var(--sm-warning)}.learner-count--new{border-top:.35rem solid var(--sm-accent)}.learner-start-panel,.learner-preview{padding:clamp(1.25rem,4vw,2.5rem);border-radius:var(--sm-radius-lg);background:var(--sm-learner-highlight)}.learner-actions{display:flex;flex-wrap:wrap;gap:var(--sm-space-3)}.learner-recent{max-width:40rem}.learner-inline-error{color:var(--sm-danger);font-weight:700}.learner-exercise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sm-space-4)}.learner-exercise-card{display:grid;gap:var(--sm-space-4);min-width:0;min-height:17rem;padding:var(--sm-space-5);border:1px solid var(--sm-border);border-radius:var(--sm-radius-lg);color:var(--sm-fg);background:var(--sm-surface);text-decoration:none}.learner-exercise-card:hover{border-color:var(--sm-accent)}.learner-exercise-card .learner-counts{gap:var(--sm-space-2)}.learner-exercise-card .learner-count{min-height:auto;padding:var(--sm-space-3)}.learner-exercise-card .learner-count dd{font-size:var(--sm-text-xl)}.learner-recommendation{color:var(--sm-success);font-weight:700}.learner-availability{font-weight:700}.learner-availability--ready{color:var(--sm-success)}.learner-availability--preparing{color:var(--sm-warning)}.learner-availability--failed{color:var(--sm-danger)}.learner-preview{width:min(100%,42rem);margin-inline:auto}.learner-skeleton{display:grid;gap:var(--sm-space-4)}.learner-skeleton div{height:9rem;border-radius:var(--sm-radius-lg);background:linear-gradient(90deg,var(--sm-surface),var(--sm-skeleton-mid),var(--sm-surface));background-size:200% 100%;animation:learner-shimmer 1.2s linear infinite}@keyframes learner-shimmer{to{background-position:-200% 0}}@media (max-width: 720px){.learner-header__inner{gap:var(--sm-space-3)}.learner-counts,.learner-exercise-grid{grid-template-columns:1fr}.learner-exercise-card .learner-counts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 430px){.learner-header__inner,.learner-nav{gap:var(--sm-space-2)}.learner-brand{font-size:0}.learner-brand:before{content:"S";font-size:var(--sm-text-lg)}.learner-actions,.learner-actions .sm-button{display:grid;width:100%}}@media (prefers-reduced-motion: reduce){.learner-skeleton div{animation:none}}.learner-practice{width:min(100% - 2rem,42rem);min-height:100vh;display:grid;align-content:center;gap:var(--sm-space-5);margin-inline:auto}.learner-practice audio,.learner-answer textarea{width:100%}.learner-answer{display:grid;gap:var(--sm-space-2);font-weight:700}.learner-answer textarea{min-height:10rem;resize:vertical}.learner-session{width:min(100% - 2rem,56rem);min-height:100vh;display:grid;align-content:start;gap:var(--sm-space-4);margin-inline:auto;padding-block:var(--sm-space-4)}.session-topbar{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--sm-space-3);padding:var(--sm-space-3);border-radius:var(--sm-radius-md);background:var(--sm-surface);box-shadow:0 .15rem .6rem color-mix(in srgb,var(--sm-fg) 10%,transparent)}.session-topbar h1,.session-topbar p,.session-status{margin:0}.session-topbar h1{font-size:var(--sm-text-lg);text-align:center}.session-status{color:var(--sm-fg-secondary)}.session-audio,.session-canvas{display:grid;gap:var(--sm-space-3);padding:var(--sm-space-4);border:1px solid var(--sm-border);border-radius:var(--sm-radius-lg);background:var(--sm-surface)}.session-audio{grid-template-columns:repeat(5,minmax(7rem,1fr))}.session-audio .sm-button,.session-rail button{min-height:44px}.session-rail{display:grid;grid-column:1 / -1;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:var(--sm-space-2)}.session-rail button.is-current,.session-sentence.is-active{outline:3px solid var(--sm-accent);outline-offset:2px}.session-canvas{max-height:20rem;overflow-y:auto}.session-sentence{display:flex;flex-wrap:wrap;gap:.5rem;padding:var(--sm-space-3)}.session-token{min-width:4.25rem;padding:.35rem .5rem;border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);background:var(--sm-token-surface);text-align:center}.session-token.is-spoken{outline:3px solid var(--sm-success);outline-offset:2px}.session-dialog{position:fixed;inset:auto 1rem 1rem;z-index:2;display:flex;flex-wrap:wrap;gap:var(--sm-space-3);width:min(100% - 2rem,34rem);margin-inline:auto;padding:var(--sm-space-5);border:1px solid var(--sm-border);border-radius:var(--sm-radius-lg);background:var(--sm-surface);box-shadow:0 .5rem 2rem color-mix(in srgb,var(--sm-fg) 25%,transparent)}.session-dialog h2,.session-dialog p{width:100%;margin:0}@media (max-width: 620px){.learner-session{width:min(100% - 1rem,56rem);padding-bottom:7rem}.session-topbar{grid-template-columns:auto 1fr}.session-topbar p{grid-column:2}.session-audio{grid-template-columns:repeat(2,minmax(0,1fr))}.session-audio .sm-button:first-child{grid-column:1 / -1}}:root{--sm-bg: #fff8d7;--sm-surface: #ffffff;--sm-surface-warm: #ffef9f;--sm-fg: #1d1836;--sm-fg-secondary: #4c426c;--sm-muted: #6f6484;--sm-border: #eadfba;--sm-border-soft: #f5eccd;--sm-font-display: Inter, system-ui, sans-serif;--sm-font-body: Inter, system-ui, sans-serif;--sm-font-mono: "SF Mono", ui-monospace, Menlo, monospace;--sm-text-xs: 12px;--sm-text-sm: 14px;--sm-text-base: 16px;--sm-text-lg: 18px;--sm-text-xl: 24px;--sm-text-2xl: 36px;--sm-text-3xl: 54px;--sm-text-4xl: 76px;--sm-leading-body: 1.52;--sm-leading-tight: 1.06;--sm-tracking-display: -.025em;--sm-space-1: 4px;--sm-space-2: 8px;--sm-space-3: 12px;--sm-space-4: 16px;--sm-space-5: 20px;--sm-space-6: 24px;--sm-space-8: 32px;--sm-space-12: 48px;--sm-section-desktop: 96px;--sm-section-tablet: 68px;--sm-section-phone: 48px;--sm-radius-sm: 10px;--sm-radius-md: 16px;--sm-radius-lg: 24px;--sm-radius-pill: 9999px;--sm-elevation-ring: 0 0 0 1px var(--sm-border);--sm-elevation-raised: 0 18px 44px rgb(29 24 54 / 14%);--sm-focus-ring: 0 0 0 4px color-mix(in oklab, var(--sm-action), transparent 72%);--sm-motion-fast: .15s;--sm-motion-base: .24s;--sm-ease-standard: cubic-bezier(.2, 0, 0, 1);--sm-container-max: 1180px;--sm-gutter-desktop: 36px;--sm-gutter-tablet: 24px;--sm-gutter-phone: 16px;--sm-meta: #c24a00;--sm-accent: #ff6b00;--sm-success: #1b7340;--sm-warning: #7c5200;--sm-danger: #c22a30;--sm-action: oklch(39% .08 185);--sm-action-hover: oklch(34% .08 185);--sm-action-active: oklch(30% .08 185);--sm-confident: oklch(40% .1 150);--sm-practice: oklch(45% .11 72);--sm-new: oklch(42% .11 250);--sm-app-canvas: #f4f1ea;--sm-app-canvas-fg: #2c2a26;--sm-control-surface: #e3ddcf;--sm-control-border: #cfc8b8;--sm-surface-subtle: #fffdf8;--sm-surface-danger: #fff4ef;--sm-danger-strong: #9c2f21;--sm-header-tint: #f3d7a4;--sm-learner-highlight: #f9e6bf;--sm-skeleton-mid: #eee6d7;--sm-token-surface: #f5efe4}.sm-surface,.sm-surface *{box-sizing:border-box}.sm-surface{min-width:0;color:var(--sm-fg);font-family:var(--sm-font-body);font-size:var(--sm-text-base);line-height:var(--sm-leading-body)}.sm-surface button,.sm-surface a,.sm-surface input,.sm-surface textarea,.sm-surface select{font:inherit}.sm-surface svg{display:block}.sm-surface :focus-visible{outline:3px solid var(--sm-action);outline-offset:3px;box-shadow:var(--sm-focus-ring)}.sm-heading-1[tabindex="-1"]:focus{outline:none;box-shadow:none}.sm-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sm-container{width:min(100%,var(--sm-container-max));margin:0 auto;padding-inline:var(--sm-gutter-desktop)}.sm-eyebrow{margin:0 0 var(--sm-space-3);color:var(--sm-meta);font-size:var(--sm-text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.sm-heading-1,.sm-heading-2,.sm-heading-3{font-family:var(--sm-font-display)}.sm-heading-1{margin:0;max-width:760px;font-size:clamp(var(--sm-text-2xl),6.3vw,var(--sm-text-4xl));line-height:var(--sm-leading-tight);letter-spacing:var(--sm-tracking-display)}.sm-heading-2{margin:0;font-size:clamp(var(--sm-text-xl),3vw,var(--sm-text-2xl));line-height:1.15;letter-spacing:var(--sm-tracking-display)}.sm-heading-3{margin:0;font-size:var(--sm-text-lg);line-height:1.25}.sm-lead{max-width:650px;margin:var(--sm-space-6) 0 0;color:var(--sm-fg-secondary);font-size:clamp(var(--sm-text-lg),2vw,var(--sm-text-xl))}.sm-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--sm-space-2);min-width:44px;min-height:48px;padding:0 var(--sm-space-5);border:0;border-radius:var(--sm-radius-md);color:var(--sm-fg);font-weight:700;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform var(--sm-motion-fast) var(--sm-ease-standard),background var(--sm-motion-fast) var(--sm-ease-standard),box-shadow var(--sm-motion-fast) var(--sm-ease-standard)}.sm-button:not(:disabled):hover{transform:translateY(-1px)}.sm-button:not(:disabled):active{transform:translateY(1px)}.sm-button:disabled,.sm-button[aria-disabled=true]{cursor:wait;opacity:.66}.sm-button--primary{background:var(--sm-action);color:var(--sm-surface);box-shadow:0 7px 18px color-mix(in oklab,var(--sm-action),transparent 70%)}.sm-button--primary:hover{background:var(--sm-action-hover)}.sm-button--primary:active{background:var(--sm-action-active)}.sm-button--secondary{background:var(--sm-surface);box-shadow:var(--sm-elevation-ring)}.sm-button--secondary:hover{background:var(--sm-border-soft)}.sm-button--quiet{padding-inline:var(--sm-space-3);background:transparent;color:var(--sm-fg-secondary)}.sm-button svg{width:20px;height:20px;flex:none;fill:currentColor}.sm-panel{border:1px solid var(--sm-border);border-radius:var(--sm-radius-lg);background:var(--sm-surface)}.sm-message{display:flex;align-items:flex-start;gap:var(--sm-space-3);margin:var(--sm-space-5) 0 0;padding:var(--sm-space-3) var(--sm-space-4);border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);background:var(--sm-border-soft);color:var(--sm-fg-secondary);font-size:var(--sm-text-sm)}.sm-message--error{border-color:var(--sm-danger);background:color-mix(in oklab,var(--sm-danger),var(--sm-surface) 94%)}.sm-message--success{border-color:var(--sm-success);background:color-mix(in oklab,var(--sm-success),var(--sm-surface) 94%)}.sm-message svg{width:20px;height:20px;flex:none;fill:currentColor}.sm-message--error svg{color:var(--sm-danger)}.sm-message--success svg{color:var(--sm-success)}.sm-message strong,.sm-message span{display:block}.sm-message strong{color:var(--sm-fg)}.sm-field{display:grid;gap:var(--sm-space-2)}.sm-field label{font-weight:700}.sm-field input,.sm-field textarea,.sm-field select{width:100%;min-height:48px;padding:var(--sm-space-3) var(--sm-space-4);border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);background:var(--sm-surface);color:var(--sm-fg)}.sm-field__hint,.sm-field__error{margin:0;font-size:var(--sm-text-sm)}.sm-field__hint{color:var(--sm-muted)}.sm-field__error{color:var(--sm-danger)}.sm-spinner{width:20px;height:20px;border:2px solid color-mix(in oklab,currentColor,transparent 65%);border-top-color:currentColor;border-radius:var(--sm-radius-pill);animation:sm-spin .8s linear infinite}@keyframes sm-spin{to{transform:rotate(1turn)}}.sm-public-shell{min-height:100vh;display:flex;flex-direction:column;overflow-x:clip;background:var(--sm-bg)}.sm-public-header{width:min(100%,var(--sm-container-max));min-height:76px;margin:0 auto;padding:var(--sm-space-4) var(--sm-gutter-desktop);display:flex;align-items:center;justify-content:space-between;gap:var(--sm-space-4)}.sm-brand{display:inline-flex;align-items:center;gap:var(--sm-space-3);min-height:44px;color:var(--sm-fg);font-weight:700;letter-spacing:var(--sm-tracking-display);text-decoration:none}.sm-brand__mark{width:38px;height:38px;display:grid;place-items:center;border:2px solid var(--sm-fg);border-radius:13px 13px 13px 4px;background:var(--sm-surface-warm)}.sm-brand__mark svg{width:22px;height:22px;fill:currentColor}.sm-public-header__note{margin:0;color:var(--sm-fg-secondary);font-size:var(--sm-text-sm)}.sm-public-main{flex:1}.sm-landing-hero{min-height:600px;padding-block:clamp(var(--sm-space-12),8vw,var(--sm-section-desktop));display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:clamp(var(--sm-space-8),7vw,92px)}.sm-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sm-space-3);margin-top:var(--sm-space-8)}.sm-privacy-note{display:flex;align-items:center;gap:var(--sm-space-2);margin-top:var(--sm-space-6);color:var(--sm-muted);font-size:var(--sm-text-sm)}.sm-privacy-note svg{width:18px;height:18px;flex:none;fill:currentColor}.sm-listening-motif{position:relative;min-height:420px;padding:var(--sm-space-8);display:grid;place-items:center;border:1px solid var(--sm-border);border-radius:48px 48px 48px 12px;background:var(--sm-surface);box-shadow:var(--sm-elevation-raised);isolation:isolate}.sm-listening-motif:before{content:"";position:absolute;width:180px;height:180px;top:-28px;right:-30px;z-index:-1;border-radius:var(--sm-radius-pill);background:var(--sm-surface-warm)}.sm-listen-card{width:min(100%,330px);display:grid;gap:var(--sm-space-5)}.sm-wave{height:90px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:var(--sm-radius-lg);background:var(--sm-border-soft)}.sm-wave span{width:7px;border-radius:var(--sm-radius-pill);background:var(--sm-accent)}.sm-wave span:nth-child(1),.sm-wave span:nth-child(7){height:22px}.sm-wave span:nth-child(2),.sm-wave span:nth-child(6){height:38px}.sm-wave span:nth-child(3),.sm-wave span:nth-child(5){height:58px}.sm-wave span:nth-child(4){height:72px}.sm-word-row{display:flex;flex-wrap:wrap;gap:var(--sm-space-2)}.sm-word-tile{min-height:46px;padding:var(--sm-space-3);border:2px solid var(--sm-border);border-radius:var(--sm-radius-sm);color:var(--sm-fg-secondary);font-weight:600}.sm-word-tile--current{border-color:var(--sm-fg);background:var(--sm-surface-warm);color:var(--sm-fg)}.sm-pencil-line{height:2px;margin-top:var(--sm-space-2);background:var(--sm-border)}.sm-pencil-line--short{width:72%}.sm-how-section{padding-block:var(--sm-section-tablet) var(--sm-section-desktop);border-top:1px solid var(--sm-border)}.sm-section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--sm-space-6);margin-bottom:var(--sm-space-8)}.sm-section-heading>p{max-width:430px;margin:0;color:var(--sm-fg-secondary)}.sm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sm-space-5)}.sm-step{min-width:0;padding:var(--sm-space-6);background:color-mix(in oklab,var(--sm-surface),transparent 16%)}.sm-step__number{width:40px;height:40px;display:grid;place-items:center;margin-bottom:var(--sm-space-5);border-radius:var(--sm-radius-pill);background:var(--sm-surface-warm);font-family:var(--sm-font-mono);font-weight:700}.sm-step p{margin:var(--sm-space-2) 0 0;color:var(--sm-fg-secondary)}.sm-public-footer{padding-block:var(--sm-space-6);border-top:1px solid var(--sm-border);color:var(--sm-muted);font-size:var(--sm-text-sm)}.sm-footer-row{display:flex;justify-content:space-between;gap:var(--sm-space-5)}.sm-footer-row p{margin:0}.sm-auth-layout{min-height:calc(100vh - 76px);padding-block:var(--sm-section-tablet);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,500px);align-items:center;gap:clamp(var(--sm-space-8),8vw,120px)}.sm-auth-intro .sm-heading-1{font-size:clamp(var(--sm-text-2xl),5vw,var(--sm-text-3xl))}.sm-auth-intro .sm-lead{font-size:var(--sm-text-lg)}.sm-trust-list{display:grid;gap:var(--sm-space-4);margin:var(--sm-space-8) 0 0;padding:0;list-style:none}.sm-trust-list li{display:flex;align-items:flex-start;gap:var(--sm-space-3);color:var(--sm-fg-secondary)}.sm-trust-icon{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:var(--sm-radius-pill);background:var(--sm-surface-warm);color:var(--sm-fg);font-weight:700}.sm-auth-card{padding:clamp(var(--sm-space-6),5vw,var(--sm-space-12));box-shadow:var(--sm-elevation-raised)}.sm-auth-card .sm-heading-2{margin-top:var(--sm-space-2)}.sm-auth-copy{margin:var(--sm-space-3) 0 var(--sm-space-6);color:var(--sm-fg-secondary)}.sm-google-host{width:100%;min-height:56px;display:grid;place-items:center;overflow:hidden;border-radius:var(--sm-radius-md);background:var(--sm-surface);box-shadow:inset 0 0 0 2px var(--sm-border)}.sm-google-host>div,.sm-google-host iframe,.sm-google-host button{max-width:100%;min-height:44px}.sm-stub-login{display:grid;gap:var(--sm-space-5)}.sm-login-action{width:100%;min-height:56px}.sm-divider{height:1px;margin:var(--sm-space-6) 0;background:var(--sm-border)}.sm-account-note{margin:0;color:var(--sm-muted);font-size:var(--sm-text-sm)}.sm-back-link{margin-top:var(--sm-space-5)}.sm-route-status{min-height:100vh;display:grid;place-items:center;padding:var(--sm-space-6);background:var(--sm-bg);color:var(--sm-fg-secondary);font-family:var(--sm-font-body)}@media (max-width: 820px){.sm-public-header,.sm-container{padding-inline:var(--sm-gutter-tablet)}.sm-landing-hero{grid-template-columns:1fr;padding-top:var(--sm-space-12)}.sm-listening-motif{width:min(100%,560px);min-height:360px;justify-self:center}.sm-steps{grid-template-columns:1fr}.sm-section-heading{align-items:start;flex-direction:column}.sm-auth-layout{grid-template-columns:1fr;gap:var(--sm-space-8);padding-top:var(--sm-space-8)}.sm-auth-intro{max-width:620px}.sm-auth-card{width:min(100%,560px)}}@media (max-width: 560px){.sm-public-header,.sm-container{padding-inline:var(--sm-gutter-phone)}.sm-public-header{min-height:68px}.sm-public-header__note{display:none}.sm-landing-hero{min-height:auto;padding-block:var(--sm-space-8) var(--sm-section-phone)}.sm-hero-actions{align-items:stretch;flex-direction:column}.sm-hero-actions .sm-button{width:100%}.sm-listening-motif{min-height:300px;padding:var(--sm-space-5);border-radius:32px 32px 32px 10px}.sm-listening-motif:before{width:112px;height:112px;right:-22px}.sm-how-section{padding-block:var(--sm-section-phone)}.sm-step{padding:var(--sm-space-5)}.sm-footer-row{flex-direction:column;gap:var(--sm-space-2)}.sm-auth-layout{min-height:calc(100vh - 68px);padding-block:var(--sm-space-6)}.sm-auth-card{padding:var(--sm-space-5)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sm-access-layout{min-height:calc(100vh - 76px);display:grid;place-items:center;padding-block:var(--sm-section-tablet)}.sm-access-card{width:min(100%,680px);padding:clamp(var(--sm-space-6),7vw,64px);border:1px solid var(--sm-border);border-radius:36px 36px 36px 12px;background:var(--sm-surface);box-shadow:var(--sm-elevation-raised);text-align:center}.sm-access-icon{width:72px;height:72px;margin:0 auto var(--sm-space-6);display:grid;place-items:center;border-radius:999px;background:var(--sm-surface-warm);color:var(--sm-fg-secondary);font-size:var(--sm-text-3xl);font-weight:700}.sm-access-card .sm-lead{margin-inline:auto}.sm-email-box{margin:var(--sm-space-6) auto;padding:var(--sm-space-4);border-radius:var(--sm-radius-md);background:var(--sm-surface-warm);overflow-wrap:anywhere}.sm-email-box span{display:block;color:var(--sm-muted);font-size:var(--sm-text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sm-email-box strong{color:var(--sm-fg);font-size:var(--sm-text-lg)}.sm-access-actions,.sm-role-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sm-space-3)}.sm-access-actions .sm-button,.sm-role-actions .sm-button,.sm-account-actions .sm-button{min-height:44px}.sm-help-copy{max-width:480px;margin:var(--sm-space-6) auto 0;color:var(--sm-muted);font-size:var(--sm-text-sm)}.sm-role-home{min-height:100vh;padding:var(--sm-space-5) clamp(var(--sm-space-5),5vw,var(--sm-space-12));background:var(--sm-bg);color:var(--sm-fg);font-family:var(--sm-font-body)}.sm-learner-home{background:var(--sm-surface-warm)}.sm-role-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sm-space-4)}.sm-account-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--sm-space-3);color:var(--sm-fg-secondary);overflow-wrap:anywhere}.sm-role-empty{width:min(100%,720px);margin:clamp(80px,15vh,180px) auto 0;padding:clamp(var(--sm-space-6),7vw,var(--sm-space-12));border:1px solid var(--sm-border);border-radius:var(--sm-radius-lg);background:var(--sm-surface);box-shadow:var(--sm-elevation-raised);text-align:center}@media (max-width: 560px){.sm-access-layout{min-height:calc(100vh - 68px);padding-block:var(--sm-space-6)}.sm-access-card{padding:var(--sm-space-6) var(--sm-space-5);border-radius:var(--sm-radius-lg)}.sm-access-actions,.sm-role-actions,.sm-account-actions,.sm-role-header{align-items:stretch;flex-direction:column}.sm-access-actions .sm-button,.sm-role-actions .sm-button,.sm-account-actions .sm-button{width:100%}.sm-role-empty{margin-top:var(--sm-space-8)}}.learner-results{width:min(100%,980px);min-width:0;margin:0 auto;padding-block:var(--sm-section-tablet)}.learner-results__head{max-width:700px;margin:0 auto var(--sm-space-8);text-align:center}.learner-results__head h1{margin:0;overflow-wrap:anywhere;font-size:clamp(var(--sm-text-2xl),6vw,var(--sm-text-4xl));line-height:var(--sm-leading-tight);letter-spacing:var(--sm-tracking-display)}.learner-results__head>p:not(.learner-kicker){margin:var(--sm-space-4) auto 0;color:var(--sm-fg-secondary);font-size:var(--sm-text-lg)}.learner-results__incomplete{max-width:620px;padding:var(--sm-space-3) var(--sm-space-4);border:1px solid var(--sm-warning);border-radius:var(--sm-radius-md);background:color-mix(in oklab,var(--sm-warning),var(--sm-surface) 92%)}.learner-results__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:var(--sm-space-4);align-items:start}.learner-results__grid .sm-panel,.learner-results__comparison{min-width:0;padding:clamp(var(--sm-space-5),4vw,var(--sm-space-8))}.learner-results__grid h2,.learner-results__comparison h2{margin:0;font-size:var(--sm-text-xl)}.learner-results__practice{background:color-mix(in oklab,var(--sm-practice),var(--sm-surface) 93%)}.learner-results__word-list{display:grid;gap:var(--sm-space-3);margin:var(--sm-space-5) 0 0;padding:0;list-style:none}.learner-results__word-list li{min-width:0;padding:var(--sm-space-4);border-radius:var(--sm-radius-md);background:var(--sm-surface);overflow-wrap:anywhere}.learner-results__word-list strong{display:block;font-size:var(--sm-text-xl)}.learner-results__word-list p,.learner-results__correct>p,.learner-results__comparison>p{color:var(--sm-fg-secondary)}.learner-results__empty{margin-top:var(--sm-space-5);padding:var(--sm-space-8) var(--sm-space-4);border-radius:var(--sm-radius-md);background:var(--sm-surface);text-align:center}.learner-results__count{display:grid;gap:var(--sm-space-1);margin:var(--sm-space-5) 0}.learner-results__count strong{color:var(--sm-confident);font-size:clamp(var(--sm-text-3xl),7vw,var(--sm-text-4xl));line-height:1}.learner-results__comparison{margin-top:var(--sm-space-4)}.learner-results__comparison details{margin-top:var(--sm-space-5);border-top:1px solid var(--sm-border)}.learner-results__comparison summary{min-height:44px;padding:var(--sm-space-3) 0;color:var(--sm-action);font-weight:700;cursor:pointer}.learner-results__comparison ol{display:grid;gap:var(--sm-space-3);padding-left:var(--sm-space-5)}.learner-results__comparison li{min-width:0;overflow-wrap:anywhere}.learner-results__comparison li p{margin:var(--sm-space-2) 0}.learner-results__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sm-space-3);margin-top:var(--sm-space-6)}.learner-results__actions .sm-button{min-height:44px;text-align:center}@media (max-width: 680px){.learner-results{padding-block:var(--sm-section-phone)}.learner-results__grid{grid-template-columns:minmax(0,1fr)}.learner-results__actions{align-items:stretch;flex-direction:column}.learner-results__actions .sm-button{width:100%}}@media (prefers-reduced-motion: reduce){.learner-results *,.learner-results *:before,.learner-results *:after{scroll-behavior:auto;transition-duration:.01ms!important;animation-duration:.01ms!important}}