@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-brand: #38a9a0;--color-brand-wordmark: #545454;--color-primary: #17766d;--color-primary-strong: #0f5f58;--color-primary-deep: #0a4a45;--color-primary-soft: #dcefec;--color-secondary: #f27958;--color-secondary-bright: #f27958;--color-secondary-soft: #fde9e2;--color-secondary-tint: #f8d5c9;--color-bg: #f2f6f6;--color-sunken: #e3eaea;--color-surface: #ffffff;--color-text: #14202a;--color-text-muted: #4c5a60;--color-border: #d3e0df;--color-outline: #14202a;--border-ink: 1px solid var(--color-border);--color-on-fill: #ffffff;--color-surface-veil: rgba(255, 255, 255, .92);--color-text-halo: rgba(255, 255, 255, .6);--color-accent: #f59e0b;--color-accent-soft: #fef3c7;--color-accent-strong: #92400e;--color-accent-mark: #d97706;--color-gold: #eab308;--color-gold-soft: #fdf3c4;--color-gold-ink: #5c4400;--color-plat: #9aa8bb;--color-plat-deep: #66768c;--color-plat-ink: #2f3b4c;--color-plat-soft: #e9eef4;--color-success: #059669;--color-success-strong: #047857;--color-success-soft: #d1fae5;--color-danger: #e11d48;--color-danger-strong: #be123c;--color-danger-soft: #ffe4e6;--font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-ui: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius: 12px;--radius-lg: 18px;--shadow: 0 2px 6px -1px rgba(20, 32, 42, .08);--shadow-md: 0 14px 32px -12px rgba(20, 32, 42, .18), 0 3px 8px -4px rgba(20, 32, 42, .08);--shadow-offset: 0 6px 18px -8px rgba(20, 32, 42, .28);--max-width: 1200px}:root[data-theme=dark]{--color-primary: #4cc4b9;--color-primary-strong: #79d7ce;--color-primary-deep: #a6e5de;--color-primary-soft: #15393a;--color-secondary: #f27958;--color-secondary-bright: #f27958;--color-secondary-soft: #3a2320;--color-secondary-tint: #4a2d28;--color-bg: #14202a;--color-sunken: #101a22;--color-surface: #1a2a36;--color-text: #e9f1f3;--color-text-muted: #a3b7bd;--color-border: #283b48;--color-outline: #e9f1f3;--color-brand-wordmark: #ffffff;--color-on-fill: #0c1f26;--color-surface-veil: rgba(26, 42, 54, .92);--color-text-halo: rgba(0, 0, 0, .6);--color-accent: #fbbf24;--color-accent-soft: #3a2e0f;--color-accent-strong: #fcd34d;--color-accent-mark: #fbbf24;--color-gold: #fbbf24;--color-gold-soft: #3a2e0f;--color-gold-ink: #fcd34d;--color-plat: #b9c6d6;--color-plat-deep: #dbe3ee;--color-plat-ink: #e2e9f2;--color-plat-soft: #263241;--color-success: #4ade80;--color-success-strong: #86efac;--color-success-soft: #14321f;--color-danger: #ff9d94;--color-danger-strong: #ffb4ad;--color-danger-soft: #3b1d1d;--shadow: 0 2px 6px -1px rgba(0, 0, 0, .5);--shadow-md: 0 14px 32px -12px rgba(0, 0, 0, .7), 0 3px 8px -4px rgba(0, 0, 0, .5);--shadow-offset: 0 6px 18px -8px rgba(0, 0, 0, .7)}html{font-family:var(--font-ui);color:var(--color-text);color-scheme:light dark;background:radial-gradient(1100px 500px at 85% -10%,var(--color-primary-soft) 0%,transparent 60%),var(--color-bg);background-attachment:fixed;line-height:1.6}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em}button,input,select,textarea{font-family:inherit}body{min-height:100vh;min-height:100dvh}.app-layout{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:.75rem max(1.5rem,calc((100% - var(--max-width)) / 2 + 1.5rem));display:flex;align-items:center;flex-wrap:nowrap;gap:1rem;box-shadow:var(--shadow);position:sticky;top:0;z-index:100}.brand-mark{display:block;width:auto;height:1.9em;overflow:visible}.header-brand-group{display:flex;align-items:center;gap:.75rem;flex-shrink:0;min-width:0}.app-title{text-decoration:none;color:var(--color-text)}.app-nav ul{display:flex;list-style:none;gap:.5rem}.nav-link{text-decoration:none;color:var(--color-text-muted);padding:.375rem .75rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;white-space:nowrap;transition:background .15s,color .15s}.nav-link:hover{background:var(--color-bg);color:var(--color-text)}.nav-link.active{background:var(--color-primary-strong);color:var(--color-on-fill)}.app-main{flex:1;padding:1.5rem;max-width:var(--max-width);width:100%;margin:0 auto}.app-gate-splash{display:flex;align-items:center;justify-content:center;min-height:50vh}.app-gate-splash__mark{width:auto;height:4.5rem}.app-sign-in-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:55vh;max-width:24rem;margin:0 auto}.app-sign-in-screen__lockup{width:min(15rem,70%);height:auto;margin-bottom:1rem}.app-sign-in-screen__name{font-size:1.75rem;margin:0}.app-sign-in-screen__byline{font-size:.9rem;color:var(--color-text-muted);margin:.25rem 0 0}.app-sign-in-screen__copy{font-size:1rem;color:var(--color-text-muted);margin:1rem 0 1.25rem}.app-sign-in-screen__kicker{font-size:.85rem;font-weight:800;letter-spacing:.02em;color:var(--color-primary);margin:1rem 0 0}.app-sign-in-screen__title{font-family:var(--font-display);font-size:1.35rem;font-weight:700;line-height:1.25;color:var(--color-text);margin:.35rem 0 0}.app-sign-in-screen__benefits{list-style:none;padding:0;margin:.75rem 0 0;display:grid;gap:.25rem;font-size:.95rem}.app-sign-in-screen__benefits li:before{content:"✓" / "";margin-right:.4em;color:var(--color-primary)}.app-sign-in-screen__child{font-size:.85rem;color:var(--color-text-muted);margin:1rem 0 0}.app-sign-in-screen__button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-width:200px;min-height:44px;padding:0 1.5rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;transition:background .15s,border-color .15s}.app-sign-in-screen__button:hover{background:var(--color-bg);border-color:var(--color-primary)}.app-sign-in-screen__mark{width:24px;height:24px;display:block}.app-sign-in-screen__failure{margin-top:1.5rem}.app-sign-in-screen__failure-copy{font-size:.875rem;color:var(--color-text-muted);margin:0 0 .75rem}.app-sign-in-screen__continue{font:inherit;font-size:.9rem;color:var(--color-secondary);background:none;border:1px solid var(--color-border);border-radius:.5rem;padding:.5rem 1rem;cursor:pointer}.app-sign-in-screen__continue:hover{background:var(--color-secondary-soft);border-color:var(--color-secondary)}.app-sign-in-screen__continue:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.guest-sign-in{min-height:0;padding:2rem 0}.guest-sign-in .guest-sign-in__title{margin:0;font-size:1.25rem;color:var(--color-text)}.guest-sign-in__continue{margin-top:1rem;text-decoration:none}.exercise-menu h2{font-size:1.5rem;margin-bottom:1rem}.exercise-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.exercise-card{display:block;text-decoration:none;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;transition:box-shadow .15s,border-color .15s}.exercise-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.exercise-card h3{font-size:1.125rem;margin-bottom:.5rem}.exercise-card p{color:var(--color-text-muted);font-size:.875rem}.exercise-view{display:flex;flex-direction:column;gap:1rem}.exercise-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.exercise-toolbar .exercise-settings-menu{margin-left:auto}.notation-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;overflow-x:auto}.notation-container--reading-stream{inline-size:100%}.notation-reading-clip{block-size:var(--reading-band);overflow-y:hidden;overflow-x:auto;overscroll-behavior:contain}.playback-controls{display:flex;gap:.5rem;align-items:center}.playback-error{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-danger-strong);font-size:.875rem}.playback-controls button{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.playback-controls button:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-primary)}.playback-controls button:disabled{opacity:.5;cursor:not-allowed}.playback-controls button.btn-primary{background:var(--color-primary-strong);color:var(--color-on-fill);border-color:var(--color-primary-strong)}.playback-controls button.btn-primary:hover:not(:disabled){background:var(--color-primary-deep)}.exercise-transport{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background .15s,border-color .15s}.icon-button svg{width:20px;height:20px}.icon-button:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-primary)}.icon-button:disabled{opacity:.5;cursor:not-allowed}.tempo-stepper{display:inline-flex;align-items:center;gap:.375rem}.tempo-stepper__value{min-width:2.75ch;text-align:center;font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:600;color:var(--color-text)}.abcjs-note.abcjs-playing,.abcjs-note.abcjs-playing *{fill:var(--color-primary)!important;stroke:var(--color-primary)!important;stroke-width:1.4!important}.btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;min-height:36px;border:var(--border-ink);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background .15s}.btn:hover{background:var(--color-bg)}.btn[aria-busy=true],.home-domain-start[aria-busy=true],.pack-shelf-play[aria-busy=true],.pack-banner-start[aria-busy=true],.pack-journey-workout-go[aria-busy=true]{opacity:.7;cursor:progress}.loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--color-text-muted);font-size:1rem}.notation-toggle{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.125rem;width:max-content}.notation-toggle__btn{flex:0 0 auto;padding:.25rem .625rem;border:none;border-radius:calc(var(--radius) - 2px);background:transparent;color:var(--color-text-muted);font-size:.75rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease}.notation-toggle__btn:not(.notation-toggle__btn--active):hover{background:var(--color-bg);color:var(--color-text)}.notation-toggle__btn--active{background:var(--color-primary-strong);color:var(--color-on-fill)}.language-selector{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.125rem;width:max-content}.language-selector__btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:36px;min-height:36px;padding:.25rem;border:none;border-radius:calc(var(--radius) - 2px);background:transparent;cursor:pointer;transition:background-color .15s ease}.language-selector__btn:not(.language-selector__btn--active):hover{background:var(--color-bg)}.language-selector__btn--active{background:var(--color-primary-strong)}.language-selector__flag{display:block;width:24px;height:17px;border-radius:2px;box-shadow:0 0 0 1px #00000026}.settings-popover__section{display:flex;flex-direction:column;gap:.25rem}.settings-popover__section+.settings-popover__section{margin-top:.625rem}.settings-popover__label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.settings-popover__switch{display:flex;align-items:center;gap:.5rem;min-height:36px;margin-top:.5rem;font-size:.875rem;cursor:pointer}.settings-popover__switch input{width:1.125rem;height:1.125rem;margin:0;accent-color:var(--color-primary)}.settings-popover__admin-link{display:flex;align-items:center;min-height:36px;margin-top:.25rem;font-size:.875rem;color:var(--color-primary)}.settings-popover__admin-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.settings-popover__version{margin-top:.625rem;padding-top:.5rem;border-top:1px solid var(--color-border);font-size:.6875rem;color:var(--color-text-muted)}.auth-section{margin-left:auto;display:flex;align-items:center;gap:.75rem;min-width:0}.auth-section>*{flex-shrink:0}.auth-section>.auth-error{flex:1 1 auto}.plan-chip{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-width:36px;min-height:36px;padding:0 .75rem;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--color-secondary);color:var(--color-secondary);font-family:var(--font-ui);font-size:.78rem;font-weight:800;white-space:nowrap;text-decoration:none}.plan-chip--get{background:var(--color-surface)}.plan-chip:hover{box-shadow:inset 0 0 0 2.5px var(--color-secondary)}.plan-chip:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.plan-chip__spark{width:14px;height:14px;flex-shrink:0}@media(max-width:479px){.plan-chip{width:36px;padding:0}.plan-chip__text{display:none}}.google-signin-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.google-signin-button:hover{background:var(--color-bg);color:var(--color-text);border-color:var(--color-primary)}.google-signin-button__mark{width:20px;height:20px;display:block}.sign-in-with-google{position:relative;display:inline-flex;flex-shrink:0}.sign-in-with-google__target{position:absolute;left:0;right:0;top:50%;height:min(100%,40px);transform:translateY(-50%);overflow:hidden;opacity:0}.sign-in-with-google:hover>.google-signin-button,.sign-in-with-google:hover>.app-sign-in-screen__button{background:var(--color-bg);color:var(--color-text);border-color:var(--color-primary)}.sign-in-with-google:hover>.session-lapsed-action{background:var(--color-primary-soft)}.sign-in-with-google:hover>.btn-primary{background:var(--color-primary-deep)}.sign-in-with-google--focused>button{outline:2px solid var(--color-primary);outline-offset:2px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.theme-toggle:hover{background:var(--color-bg);color:var(--color-text);border-color:var(--color-primary)}.theme-toggle svg{display:block}.settings-menu{position:relative}.settings-trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.settings-trigger:hover{background:var(--color-bg);color:var(--color-text);border-color:var(--color-primary)}.settings-popover{position:absolute;top:calc(100% + .5rem);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:.5rem;width:max-content;z-index:200}.user-menu{position:relative}.user-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);padding:0;cursor:pointer;overflow:hidden}.user-menu-trigger:hover{border-color:var(--color-primary)}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-avatar--initial{display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary-strong);color:var(--color-on-fill);font-weight:600;font-size:.875rem}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:.5rem;z-index:200}.user-menu-name{padding:.375rem .5rem;font-size:.875rem;font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-border);margin-bottom:.25rem}.user-menu-item{display:block;width:100%;text-align:left;padding:.5rem;border:none;border-radius:calc(var(--radius) - 2px);background:transparent;color:var(--color-text);font-size:.875rem;cursor:pointer}.user-menu-item:hover{background:var(--color-bg)}.auth-error{font-size:.8125rem;color:var(--color-danger-strong);max-width:22rem;min-width:0;overflow-wrap:break-word;display:inline-flex;align-items:flex-start;gap:.375rem}.auth-error-dismiss{border:none;background:none;color:var(--color-danger-strong);font-size:1rem;line-height:1;cursor:pointer;padding:0 .125rem;flex-shrink:0}.session-lapsed{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .75rem;padding:.625rem 1rem;background:var(--color-secondary-soft);color:var(--color-text);border-bottom:var(--border-ink);font-size:.875rem;text-align:center}.session-lapsed-text{min-width:0;overflow-wrap:break-word}.session-lapsed-action{flex-shrink:0;border:1px solid var(--color-primary);border-radius:.375rem;background:var(--color-surface);color:var(--color-primary);font:inherit;font-weight:600;min-height:2.75rem;padding:0 .875rem;cursor:pointer}.session-lapsed-action:hover{background:var(--color-primary-soft)}.session-lapsed-action:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.session-lapsed-dismiss{flex-shrink:0;min-width:2.75rem;min-height:2.75rem;border:none;border-radius:.375rem;background:none;color:inherit;font-size:1rem;line-height:1;cursor:pointer}.session-lapsed-dismiss:hover{background:var(--color-primary-soft)}.session-lapsed-dismiss:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.guest-progress-short{display:none}@media(max-width:767px){.guest-progress{flex-wrap:nowrap;gap:.25rem;padding:0 .25rem 0 1rem;text-align:start}.guest-progress .session-lapsed-text{flex:1}.guest-progress-long{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.guest-progress-short{display:inline}.guest-progress .session-lapsed-action{min-height:2.25rem;padding:0 .5rem;border-color:transparent;background:none}.guest-progress .session-lapsed-dismiss{min-width:2.25rem;min-height:2.25rem}.guest-progress .session-lapsed-action:focus-visible,.guest-progress .sign-in-with-google--focused>button,.guest-progress .session-lapsed-dismiss:focus-visible{outline-offset:-2px}}.app-main:focus{outline:none}.skip-link{position:absolute;left:-9999px}.skip-link:focus-visible{position:fixed;top:.5rem;left:.5rem;z-index:1000;padding:.5rem 1rem;background:var(--color-surface);color:var(--color-text);border:var(--border-ink);border-radius:var(--radius);outline:2px solid var(--color-primary);outline-offset:2px}.exercise-settings-menu{position:relative;display:inline-flex;z-index:50}.exercise-settings-trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.exercise-settings-trigger:hover,.exercise-settings-trigger:focus-visible{background:var(--color-bg);color:var(--color-text);border-color:var(--color-primary)}.exercise-settings-popover{position:absolute;top:calc(100% + .5rem);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:.75rem 1rem;min-width:240px;width:max-content;max-width:min(640px,calc(100vw - 2rem));max-height:calc(100vh - 8rem);overflow:auto;z-index:200}.exercise-settings-popover__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.exercise-settings-popover__header h3{font-size:.95rem;font-weight:600;color:var(--color-text);margin:0}.exercise-settings-popover__close{background:none;border:none;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--color-text-muted);padding:0 .25rem}.exercise-settings-popover__close:hover{color:var(--color-text)}.exercise-settings-popover__body{display:flex;flex-direction:column;gap:.5rem}.exercise-settings-notation{display:flex;flex-direction:column;gap:.25rem}.exercise-settings-notation__label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.settings-body input[type=number]:disabled{opacity:.55;cursor:not-allowed}.settings-body{display:grid;gap:.75rem}.settings-field{display:flex;flex-direction:column;gap:.25rem}.settings-field label{font-size:.85rem;color:var(--color-text-muted)}.settings-field input[type=number]{padding:.4rem .5rem;border:1px solid var(--color-border);border-radius:4px;font-size:.9rem;width:6rem;background:var(--color-bg);color:var(--color-text)}.settings-clef-group{border:1px solid var(--color-border);border-radius:6px;padding:.75rem;margin:0}.settings-clef-group legend{padding:0 .5rem;font-size:.9rem;font-weight:600;color:var(--color-text)}.settings-toggle{flex-direction:row;align-items:center;gap:.5rem}.settings-toggle input[type=checkbox]{width:1rem;height:1rem}.settings-range{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.settings-range label{font-size:.8rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.5rem}.settings-range input[type=range]{flex:1}.range-label-text{display:inline-block;min-width:5rem}.history-container{max-width:800px;margin:0 auto;padding:1rem}.history-container h2{margin-bottom:1.5rem}.history-loading,.history-empty{text-align:center;padding:3rem 1rem;color:var(--color-text-muted)}.history-empty p+p{margin-top:.5rem;font-size:.9rem}.history-error{background:var(--color-danger-soft);color:var(--color-danger-strong);padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem}.history-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.history-record{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);gap:1rem}.history-record-info{flex:1;min-width:0}.history-record-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.history-record-type{font-weight:600;text-transform:capitalize}.history-status-badge{font-size:.75rem;padding:.125rem .5rem;border-radius:999px;font-weight:500}.history-status-completed{background:var(--color-success-soft);color:var(--color-success-strong)}.history-status-abandoned{background:#fef3c7;color:#92400e}.history-record-date{font-size:.85rem;color:var(--color-text-muted);margin-bottom:.25rem}.history-record-config{font-size:.85rem;color:var(--color-text-muted)}.history-delete-btn{flex-shrink:0;font-size:.85rem;color:var(--color-danger-strong);background:transparent;border:1px solid var(--color-danger);padding:.375rem .75rem}.history-delete-btn:hover{background:var(--color-danger-soft);border-color:var(--color-danger)}.history-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding:1rem 0}.history-page-info{font-size:.9rem;color:var(--color-text-muted)}.kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1.5rem}@media(max-width:720px){.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi-strip__notice{grid-column:1 / -1;margin:0;color:var(--color-text-muted);text-align:center;padding:1.5rem 0;font-size:.9rem}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem;min-height:4.5rem}.kpi-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.kpi-value{font-size:1.5rem;font-weight:700;color:var(--color-text);line-height:1.2}.history-trend{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;margin-bottom:1.5rem;color:var(--color-primary-strong)}.history-trend__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.history-trend__select{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text-muted)}.history-trend__select select{min-height:2.5rem;max-width:100%;padding:.375rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-size:.85rem;font-weight:500;cursor:pointer}.history-trend__metric-toggle{display:inline-flex;flex-wrap:wrap;gap:.25rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:.25rem}.history-trend__metric-btn{background:transparent;border:none;padding:.375rem .75rem;border-radius:calc(var(--radius) - 2px);font-size:.85rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;min-height:2rem;transition:background .15s,color .15s}.history-trend__metric-btn:hover{color:var(--color-text)}.history-trend__metric-btn--active{background:var(--color-primary-strong);color:var(--color-on-fill)}.history-trend__metric-btn--active:hover{color:var(--color-on-fill)}.history-trend__chart{display:flex;align-items:stretch;width:100%;max-width:560px}.history-trend__axis{position:relative;flex:0 0 3.5rem}.history-trend__tick{position:absolute;right:.5rem;transform:translateY(-50%);font-size:.75rem;line-height:1;white-space:nowrap;color:var(--color-text-muted)}.history-trend__chart svg{display:block;flex:1 1 auto;min-width:0;height:auto;color:var(--color-primary-strong)}.history-trend__placeholder{color:var(--color-text-muted);text-align:center;padding:1.5rem 0;font-size:.9rem}.history-record{flex-direction:column;align-items:stretch;gap:0}.history-record-row{width:100%}.history-record-row__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.history-record-row__toggle{flex-shrink:0;font-size:.85rem}.history-record-row__toggle:before{content:"▸";display:inline-block;margin-right:.25rem;transition:transform .15s ease-out}.history-record-row__toggle[aria-expanded=true]:before{transform:rotate(90deg)}.history-record-row__detail{border-top:1px solid var(--color-border);background:var(--color-bg);margin:1rem -1.25rem -1rem;padding:1rem 1.25rem;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.history-record-row__error{display:flex;align-items:center;gap:.75rem;color:var(--color-danger-strong);background:var(--color-danger-soft);border:1px solid var(--color-danger-soft);border-radius:var(--radius);padding:.5rem .75rem;font-size:.875rem}.history-detail__legacy-banner{font-size:.875rem;color:var(--color-text-muted);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius);padding:.75rem 1rem;font-style:italic}.history-detail-table{width:100%;border-collapse:collapse;font-size:.875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.history-detail-table th,.history-detail-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top}.history-detail-table th{font-weight:600;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;background:var(--color-bg)}.history-detail-table tbody tr:nth-child(2n){background:var(--color-bg)}.history-detail-table tbody tr:last-child td{border-bottom:none}.history-detail-table td:first-child{width:2rem;text-align:center;font-weight:700}.history-detail-table .history-detail-mark--correct{color:var(--color-success-strong)}.history-detail-table .history-detail-mark--incorrect{color:var(--color-danger-strong)}.heatmap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;margin-bottom:1.5rem}.heatmap__header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin-bottom:.75rem}.heatmap__title{font-size:1rem;font-weight:600;color:var(--color-text);margin:0;flex:1 1 auto}.heatmap__axis-label{font-size:.8rem;color:var(--color-text-muted)}.heatmap__axis-toggle{font-size:.8rem;padding:.25rem .625rem}.heatmap__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.375rem}.heatmap--note-reading .heatmap__grid,.heatmap--circle-of-fifths .heatmap__grid{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr))}.heatmap-cell{display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-height:3.5rem;padding:.375rem .5rem;border-radius:calc(var(--radius) - 2px);border:1px solid var(--color-border);color:var(--color-text);background:var(--color-surface);font-size:.8rem;line-height:1.25;text-shadow:0 0 1px var(--color-text-halo)}.heatmap-cell__key{font-weight:600;font-size:.85rem;color:var(--color-text)}.heatmap-cell__value{color:var(--color-text);font-variant-numeric:tabular-nums}.heatmap--locked{background:var(--color-surface);border:1px dashed var(--color-border);color:var(--color-text-muted);text-align:center;padding:1.5rem;margin-bottom:1.5rem;border-radius:var(--radius);font-size:.9rem}@media(max-width:720px){.heatmap{padding:.75rem}.heatmap__grid{overflow-x:auto;grid-auto-flow:column;grid-auto-columns:minmax(7rem,1fr);grid-template-columns:none;padding-bottom:.5rem}.heatmap--note-reading .heatmap__grid,.heatmap--circle-of-fifths .heatmap__grid{grid-auto-columns:minmax(6rem,1fr)}.history-record-row__header{flex-wrap:wrap}.history-record-row__toggle{width:100%}}.save-error{background:var(--color-danger-soft);color:var(--color-danger-strong);padding:.75rem 1rem;border-radius:var(--radius);margin-top:1rem;text-align:center}.toast{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius);box-shadow:0 4px 12px #00000026;z-index:1000;animation:toast-slide-in .3s ease-out;max-width:400px}@keyframes toast-slide-in{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}.toast-success{background:var(--color-success-soft);color:var(--color-success-strong);border:1px solid var(--color-success-soft)}.toast-error{background:var(--color-danger-soft);color:var(--color-danger-strong);border:1px solid var(--color-danger-soft)}.toast-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.toast-message{flex:1;font-size:.9rem}.toast-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit;opacity:.7;padding:0;line-height:1}.toast-close:hover{opacity:1}@media(max-width:767px){.app-header{padding:.5rem .75rem;gap:.35rem .6rem;flex-wrap:wrap}.header-brand-group{flex-wrap:wrap}.auth-section{font-size:.75rem;min-width:0}.auth-error{font-size:.75rem;flex:1 1 auto}.app-main{padding:.75rem}.exercise-view,.exercise-toolbar{gap:.5rem}.exercise-transport{column-gap:.5rem;row-gap:.375rem}.icon-button{width:36px;height:36px}.icon-button svg{width:18px;height:18px}.exercise-toolbar h2{width:100%;font-size:1.25rem;margin-bottom:.25rem}.playback-controls{flex-wrap:wrap;gap:.375rem}.playback-controls button,.btn{font-size:.8125rem;padding:.375rem .75rem}.notation-container{padding:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.notation-container svg{max-width:none;width:auto;height:auto}.settings-body{grid-template-columns:1fr;gap:.75rem}.settings-field input[type=number]{width:100%;max-width:none}.settings-clef-group{grid-column:span 1}.exercise-settings-popover{padding:.75rem}}@media(min-width:768px){.app-content{padding:1.5rem 2rem}.exercise-toolbar{flex-wrap:nowrap}.settings-body{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.settings-clef-group{grid-column:span 1}.notation-container{max-width:100%;overflow-x:auto}.exercise-menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}}@media(min-width:1024px){.app-content{padding:2rem 3rem;max-width:1200px;margin:0 auto}.notation-container{max-width:900px;margin:0 auto}.notation-container svg{max-width:100%}}.ear-training-exercise{max-width:var(--max-width);margin:0 auto;padding:1rem}.ear-training-exercise__header{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;min-height:2.25rem}.ear-training-exercise__header h2{margin:0;text-align:center;font-size:1.5rem}.ear-training-exercise__header .exercise-settings-menu{position:absolute;right:0;top:50%;transform:translateY(-50%)}.ear-training-exercise h2{text-align:center;margin-bottom:1rem;font-size:1.5rem}.ear-training-notation{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;margin-bottom:1.5rem;min-height:160px}.ear-training-notation svg{display:block;width:100%;height:auto;max-width:100%}.notation-cap{width:100%;margin-inline:auto}.notation-cap--interval{max-width:26rem}.interval-mode-hint{margin:0 0 .75rem;text-align:center;font-weight:600}.interval-replay-target{cursor:pointer;border-radius:var(--radius)}.interval-replay-target[aria-disabled=true]{cursor:default}.interval-replay-target:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.notation-cap--key{max-width:30rem}.notation-cap--note-quiz{max-width:40rem}.answer-button{padding:.5rem .75rem;min-width:52px;min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}@media(hover:hover){.answer-button:hover:not(:disabled):not(.answer-button--incorrect):not(.answer-button--correct){background:var(--color-primary-soft);border-color:var(--color-primary);box-shadow:var(--shadow)}}.answer-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.answer-button:disabled{cursor:default;opacity:.6}.answer-button--correct{background:var(--color-success-strong);border-color:var(--color-success-strong);color:var(--color-on-fill)}.answer-button--correct:disabled{opacity:1}.answer-button--incorrect{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger-strong)}.answer-button--incorrect:disabled{opacity:1}.interval-grid{display:grid;grid-template-columns:auto repeat(8,1fr);gap:.375rem;max-width:600px;margin:0 auto}.interval-grid__row-label{display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem;font-size:.8rem;font-weight:600;color:var(--color-text-muted);min-width:20px}.interval-grid__empty{visibility:hidden}.interval-grid__header{text-align:center;font-size:.75rem;font-weight:600;color:var(--color-text-muted);padding-bottom:.25rem}.interval-score-grid{display:grid;grid-template-columns:auto repeat(8,1fr);gap:.25rem;max-width:600px;margin:1rem auto 0}.interval-score-grid--quantity{grid-template-columns:repeat(7,1fr)}.interval-score-grid__header{text-align:center;font-size:.75rem;font-weight:600;color:var(--color-text-muted);padding-bottom:.25rem}.interval-score-grid__row-label{display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem;font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.interval-score-grid__empty{visibility:hidden}.interval-score-grid__cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.35rem .25rem;border-radius:var(--radius);color:#0f172a;font-size:.75rem;line-height:1.1;min-height:48px;text-align:center}.interval-score-grid__cell--empty{color:var(--color-text-muted)}.interval-score-grid__cell-label{font-weight:700;font-size:.8rem}.interval-score-grid__cell-pct{font-weight:600}.interval-score-grid__cell-count,.interval-score-grid__cell-time{font-size:.65rem;color:#1e293b}.key-grid{display:flex;flex-direction:column;gap:1.1rem;max-width:620px;margin:0 auto;width:100%}.key-grid__block{display:flex;flex-direction:column;gap:.4rem}.key-grid__block-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);text-align:center}.piano-grid{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:.3rem .25rem;width:100%;max-width:620px;margin:0 auto}.piano-grid__key .answer-button{width:100%;min-width:0;padding:.5rem .25rem}.piano-grid__key--black.piano-grid__key--locked .answer-button{background:#23283a;border-color:#23283a;color:#f5f6fa}.piano-grid__key--black.piano-grid__key--live .answer-button{border-top:4px solid var(--color-text)}.piano-grid__key--black.piano-grid__key--live .answer-button--correct{border-top-color:var(--color-success-strong)}.piano-grid__key--black.piano-grid__key--live .answer-button--incorrect{border-top-color:var(--color-danger)}.piano-grid__key--black .answer-button--correct{background:var(--color-success-strong);border-color:var(--color-success-strong);color:var(--color-on-fill)}.piano-grid__key--black .answer-button--incorrect{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger-strong)}.piano-grid__key--locked .answer-button{opacity:.35;cursor:not-allowed;filter:grayscale(.6)}@media(max-width:480px){.piano-grid{gap:.25rem .15rem}.piano-grid__key .answer-button{padding:.4rem .1rem;min-height:42px;font-size:.75rem}}.replay-button{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 auto 1.5rem;padding:.5rem 1.25rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:.9rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.replay-button:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary)}.replay-button:disabled{cursor:default;opacity:.5}.exercise-shell-title-actions{align-self:center}@media(max-width:480px){.interval-grid{grid-template-columns:auto repeat(8,1fr);gap:.25rem}.interval-grid .answer-button{padding:.375rem .25rem;min-width:36px;font-size:.75rem}.interval-grid__row-label{font-size:.7rem;padding-right:.25rem}}@media(max-width:360px){.interval-grid{gap:.125rem}.interval-grid .answer-button{padding:.25rem .125rem;font-size:.7rem}}.ear-training-toggle{display:flex;justify-content:center;gap:.25rem;margin-bottom:.75rem;flex-wrap:wrap}.ear-training-toggle__btn{padding:.375rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.ear-training-toggle__btn:not(.ear-training-toggle__btn--active):hover{border-color:var(--color-primary)}.ear-training-toggle__btn--active{background:var(--color-primary-strong);color:var(--color-on-fill);border-color:var(--color-primary-strong)}.interval-settings{display:flex;flex-direction:column;gap:.5rem}.interval-settings__toggle{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;cursor:pointer}.interval-settings__hint{margin:-.25rem 0 0 1.5rem;max-width:18rem;font-size:.8125rem;color:var(--color-text-muted)}.exercise-stats{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem;margin-top:1.5rem}.exercise-stats__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.exercise-stats__title{font-size:1rem;font-weight:600;margin:0}.exercise-stats__reset{font-size:.8125rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);padding:.25rem .625rem;cursor:pointer;color:var(--color-text-muted)}.exercise-stats__reset:hover{border-color:var(--color-primary);color:var(--color-primary-strong)}.exercise-stats__empty{color:var(--color-text-muted);font-size:.875rem;text-align:center;padding:.5rem 0}.score-bar-chart{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(32px,1fr);column-gap:.375rem;padding:0;margin:0;align-items:end;overflow-x:auto;scrollbar-width:thin}.score-bar-chart__col{display:flex;flex-direction:column;align-items:stretch;min-width:0}.score-bar-chart__track{position:relative;width:100%;height:88px;background-color:var(--color-surface);background-image:repeating-linear-gradient(0deg,rgba(148,163,184,.16) 0 1px,transparent 1px 25%);border:1px solid var(--color-border);border-radius:4px;overflow:hidden}.score-bar-chart__fill{position:absolute;inset:0;min-width:4px;min-height:3px;transform:scaleY(var(--fill));transform-origin:bottom center;transition:transform .4s ease-out;border-radius:3px 3px 0 0}@media(prefers-reduced-motion:reduce){.score-bar-chart__fill{transition:none}}.score-bar-chart__fill--good{background:var(--color-success)}.score-bar-chart__fill--ok{background:var(--color-accent-mark)}.score-bar-chart__fill--poor{background:var(--color-danger)}.score-bar-chart__fill--unasked{background:repeating-linear-gradient(45deg,var(--color-border) 0 5px,transparent 5px 10px)}.score-bar-chart__percent{position:absolute;top:2px;left:50%;transform:translate(-50%);color:var(--color-text);font-size:.625rem;font-weight:700;font-variant-numeric:tabular-nums;background:var(--color-surface-veil);padding:0 4px;border-radius:999px;line-height:1.3;pointer-events:none;letter-spacing:-.01em}.score-bar-chart__label{margin-top:.375rem;color:var(--color-text);font-size:.6875rem;font-weight:500;line-height:1.2;text-align:center;overflow-wrap:anywhere}.score-bar-chart__count{color:var(--color-text-muted);font-size:.625rem;text-align:center;font-variant-numeric:tabular-nums;line-height:1.2}.chromatic-score-circle{margin:1.25rem auto 0;display:flex;flex-direction:column;gap:.75rem;align-items:stretch;max-width:220px}.chromatic-score-circle__title{margin:0;font-size:.875rem;font-weight:600;color:var(--color-text);text-align:center}.chromatic-score-circle__slice{cursor:help;outline:none}.chromatic-score-circle__slice:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.chromatic-score-circle__table{width:100%;border-collapse:collapse;font-size:.75rem;color:var(--color-text)}.chromatic-score-circle__table caption{font-weight:600;text-align:left;padding-bottom:.25rem}.chromatic-score-circle__table th,.chromatic-score-circle__table td{padding:.2rem .375rem;border-bottom:1px solid var(--color-border);text-align:left;font-variant-numeric:tabular-nums}.chromatic-score-circle__table thead th{font-weight:600;color:var(--color-text-muted)}.chromatic-dual-ring-circle{width:100%;max-width:300px;margin:1.25rem auto 0;display:flex;flex-direction:column;gap:.75rem}.chromatic-dual-ring-circle__title{margin:0;font-size:.875rem;font-weight:600;color:var(--color-text);text-align:center}.chromatic-dual-ring-circle svg{width:100%;height:auto;display:block}.chromatic-dual-ring-circle__slice{cursor:help;outline:none}.chromatic-dual-ring-circle__slice:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.chromatic-dual-ring-circle__path{transition:filter .16s ease}.chromatic-dual-ring-circle__slice:hover .chromatic-dual-ring-circle__path,.chromatic-dual-ring-circle__slice:focus-visible .chromatic-dual-ring-circle__path{filter:brightness(1.07) saturate(1.08)}.chromatic-dual-ring-circle__pct{font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em;fill:#fff;paint-order:stroke;stroke:#0f172a8c;stroke-width:2.25;stroke-linejoin:round;pointer-events:none}.chromatic-dual-ring-circle__time{font-weight:500;font-variant-numeric:tabular-nums;fill:#fffffff0;paint-order:stroke;stroke:#0f172a73;stroke-width:1.6;stroke-linejoin:round;pointer-events:none}.chromatic-dual-ring-circle__pitch-label{font-weight:600;fill:var(--color-text);letter-spacing:-.01em}@media(max-width:480px){.chromatic-dual-ring-circle{max-width:280px}.chromatic-score-circle{max-width:220px}.chromatic-score-circle__table{font-size:.7rem}}.home,.home-modules{display:flex;flex-direction:column;gap:2rem}.home-modules:focus{outline:none}.home-quick{container:home-quick home-top / inline-size;display:flex;flex-wrap:wrap;gap:20px}.home-workout{flex:2 1 360px;display:flex;flex-direction:column;gap:12px;min-width:0;padding:28px;border-radius:var(--radius-lg);color:#fff;background:radial-gradient(120% 90% at 100% 0%,#4cc4b959,#4cc4b900 60%),linear-gradient(160deg,#0f5f58,#0a4a45);box-shadow:var(--shadow-offset)}.home-quick>.home-live-card{flex:1 1 280px;min-width:0}.home-workout-label,.home-workout-title,.home-workout-desc{margin:0;overflow-wrap:break-word}.home-workout-label{display:flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#d6f0ec}.home-workout-label>svg{flex-shrink:0;width:16px;height:16px}.home-workout-title{font-family:var(--font-display);font-size:1.875rem;font-weight:700;line-height:1.1}.home-workout-desc{font-size:.9375rem;line-height:1.5;color:#d6f0ec}.home-workout-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:auto}.home-workout-start{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;background:#fff;color:#0a4a45;font-size:1rem;font-weight:800;text-decoration:none}.home-workout-start:hover{background:#dcefec}.home-workout-start>svg{width:16px;height:16px;fill:currentColor}.home-workout-change{display:inline-flex;align-items:center;min-height:44px;color:#fff;font-size:.9375rem;font-weight:600}.home-workout-start:focus-visible,.home-workout-change:focus-visible{outline:3px solid #ffffff;outline-offset:2px}.home-quick-history{flex-basis:100%;margin:0}.home-quick-history>a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:.875rem;color:var(--color-text-muted);text-decoration:none}.home-quick-history>a>svg{flex-shrink:0;width:20px;height:20px;color:var(--color-primary)}.home-quick-history b{color:var(--color-text);font-weight:700}.home-quick-history>a:hover b{text-decoration:underline}.home-live{display:flex;flex-wrap:wrap;gap:0 24px;margin:0}.home-live>a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;font-weight:700;color:var(--color-text);text-decoration:none}.home-live>a:hover{text-decoration:underline}@container home-quick (max-width: 520px){.home-workout{gap:6px;padding:16px 18px}.home-workout-label{font-size:.75rem}.home-workout-title{font-size:1.25rem}.home-workout-title:has(+.home-workout-desc){display:none}.home-workout-desc{font-size:.9375rem;line-height:1.4;color:#fff}.home-workout-actions{gap:6px 14px;margin-top:4px}.home-workout-start{min-height:44px;padding:0 18px;font-size:.9375rem}.home-workout-change{flex:1 1 0;max-width:max-content;line-height:1.2}}@media(max-width:767px){.home{gap:24px}.home-quick{gap:12px}}.home-search{position:relative}.home-search-icon{position:absolute;top:50%;left:16px;width:20px;height:20px;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.home-search-input{display:block;width:100%;min-height:52px;padding:0 56px 0 46px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:500}.home-search-filter-button{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--color-text);cursor:pointer}.home-search-filter-button[aria-expanded=true]{border-color:var(--color-primary)}.home-search-filter-icon{width:22px;height:22px}.home-search-filter-dot{position:absolute;top:4px;right:4px;width:10px;height:10px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 2px var(--color-surface)}.home-search-panel{position:absolute;top:calc(100% + .4rem);right:0;left:0;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:200}.home-search-panel-title{margin:0 0 12px;font-family:var(--font-display);font-size:1.125rem;font-weight:700}.home-search-panel-done{width:100%;height:48px;margin-top:16px;border:0;border-radius:999px;background:var(--color-primary);color:var(--color-on-fill);font:inherit;font-size:.9375rem;font-weight:800;cursor:pointer}.home-search-input:focus-visible,.home-search-filter-button:focus-visible,.home-search-panel-done:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.home-popular{display:none;flex-wrap:wrap;align-items:center;gap:10px;margin-top:-18px}.home-popular-label{margin-right:4px;font-size:.875rem;font-weight:800;color:var(--color-text-muted)}.home-popular-chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-primary-deep);font:inherit;font-size:.875rem;font-weight:700;white-space:nowrap;text-decoration:none;cursor:pointer}.home-popular-chip:hover{border-color:var(--color-primary)}.home-popular-chip[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-fill)}.home-popular-chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.home-popular-icon{width:14px;height:14px}@media(min-width:768px){.home-search-icon{left:20px;width:22px;height:22px}.home-search-input{min-height:60px;padding:0 60px 0 56px;border-radius:16px;font-size:1.0625rem}.home-search-filter-button{top:8px;right:8px}.home-search-panel{left:auto;width:24rem}.home-popular{display:flex}}.home-search-empty{color:var(--color-text-muted)}.home-group{display:flex;flex-direction:column;gap:1rem}.home-group-head{display:flex;align-items:center;gap:.35rem}.home-group-title{font-family:var(--font-display);font-size:1.35rem;line-height:1.2;font-weight:700;letter-spacing:-.015em;min-width:0}.home-domain-start{flex:0 0 auto;margin-left:auto;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 .5rem;border:none;border-radius:var(--radius);background:none;color:var(--color-primary);font-family:inherit;font-size:.875rem;font-weight:800;white-space:nowrap;cursor:pointer;transition:color .15s ease}.home-domain-start>svg{display:block;width:16px;height:16px}.home-domain-start:hover{color:var(--color-primary-strong)}.home-domain-start:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.home-trending,.home-try{display:flex;flex-direction:column;gap:1rem}.home-try-heading{min-width:0}.home-try-because{color:var(--color-text-muted);font-size:.9375rem}.home-see-all{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;color:var(--color-primary);font-size:.9375rem;font-weight:700;white-space:nowrap;text-underline-offset:3px}.home-group-head>.home-see-all{margin-left:auto}.home-see-all:hover{color:var(--color-primary-strong)}.home-try-browse{display:none}@media(max-width:767px){.home-try-see-all{display:none}.home-try-browse{display:flex;align-items:center;justify-content:center;min-height:48px;border:var(--border-ink);border-radius:999px;background:var(--color-surface);color:var(--color-primary);font-size:.9375rem;font-weight:800;text-decoration:none}.home-try-browse:hover{color:var(--color-primary-strong)}.home-try-browse:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}}.home-domain-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;list-style:none}.home-domain-tile{display:flex;align-items:center;gap:14px;height:100%;padding:16px;color:var(--color-text);text-decoration:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;transition:border-color .15s ease}.home-domain-tile:hover{color:var(--color-text);border-color:var(--color-primary)}.home-domain-tile:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.home-domain-tile-icon{flex:0 0 48px;display:flex;align-items:center;justify-content:center;height:48px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:14px}.home-domain-tile-icon[data-gradient]{color:#fff;background:linear-gradient(135deg,var(--trend-from),var(--trend-to))}.home-domain-tile-icon>svg{width:24px;height:24px}.home-domain-tile-words{display:flex;flex-direction:column;gap:2px;min-width:0}.home-domain-tile-name{font-size:1rem;font-weight:800;overflow-wrap:anywhere}.home-domain-tile-examples{overflow:hidden;font-size:.875rem;color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis}@media(max-width:767px){.home-domain-tiles{grid-template-columns:1fr 1fr;gap:10px}.home-domain-tile{flex-direction:column;align-items:flex-start;gap:10px;min-height:104px;padding:14px 12px;border-radius:14px}.home-domain-tile-icon{flex:0 0 auto;width:40px;height:40px;border-radius:12px}.home-domain-tile-icon>svg{width:22px;height:22px}.home-domain-tile-name{font-size:.9375rem}.home-domain-tile-examples{font-size:.8125rem;line-height:1.35;white-space:normal}}.module-strip-wrap{position:relative;container-type:inline-size}.module-strip{display:grid;grid-auto-flow:column;grid-auto-columns:185px;--strip-gap: .85rem;gap:var(--strip-gap);overflow-x:auto;padding:6px 2px .35rem;margin-top:-6px;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:none}.module-strip::-webkit-scrollbar{display:none}@container (min-width: 587px){.module-strip{--strip-cards: 3;grid-auto-columns:max(185px,(100% - (var(--strip-cards) - 1) * var(--strip-gap)) / var(--strip-cards))}}@container (min-width: 785px){.module-strip{--strip-cards: 4}}@container (min-width: 984px){.module-strip{--strip-cards: 5}}.module-strip-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:2rem;height:2rem;border-radius:50%;border:1px solid var(--color-primary);background:color-mix(in srgb,var(--color-surface) 88%,transparent);color:var(--color-primary);padding:0;cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow);transition:color .15s ease,border-color .15s ease}.module-strip-arrow svg{width:18px;height:18px;display:block}.module-strip-arrow:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%}.module-strip-arrow:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.module-strip-arrow:hover{color:var(--color-primary-strong);border-color:var(--color-primary-strong)}.module-strip-arrow--left{left:-.6rem}.module-strip-arrow--right{right:-.6rem}.module-strip-arrow--right:before{left:auto;right:0;transform:translateY(-50%)}.journey-chip__icon{width:1.05em;height:1.05em;vertical-align:-.16em}.workout-scope{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem}.workout-scope-chip{border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);font-size:.8rem;font-weight:600;padding:.3rem .85rem;cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.workout-scope-chip:hover{color:var(--color-text);border-color:var(--color-primary)}.workout-scope-chip--active{background:var(--color-primary-strong);border-color:var(--color-primary-strong);color:var(--color-on-fill)}.workout-tag-title{margin:0 0 .9rem;font-size:1.1rem}.history-retry-btn{display:block;margin:.75rem auto 0}.workout-empty{color:var(--color-text-muted);padding:1.5rem 0}.workout-narrowed{color:var(--color-text-muted);margin:0;padding:1rem 0 1.5rem;max-width:40rem}.workout-curation{max-width:40rem}.workout-curation-prompt{margin:0 0 1.1rem;font-size:1.1rem}.workout-curation-why{margin:-.6rem 0 1.1rem;color:var(--color-text-muted)}.workout-curation-group{margin-bottom:1.2rem}.workout-curation-group-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding-right:calc(.65rem + 1px);margin-bottom:.25rem}.workout-curation-group-title{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.workout-curation-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.workout-curation-row{display:flex;align-items:center;gap:.65rem;padding:.45rem .65rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.workout-curation-glyph{width:2.25rem;height:2.25rem}.workout-curation-name{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:600}.workout-curation-skip{display:block;margin-top:.1rem;font-size:.8rem;font-weight:500;color:var(--color-text-muted)}.workout-curation-check{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--radius);background:none;color:var(--color-text-muted);cursor:pointer;transition:color .15s ease}.workout-curation-check>svg{display:block;width:20px;height:20px}.workout-curation-check[aria-pressed=true],.workout-curation-check[aria-checked=true],.workout-curation-check[aria-checked=mixed],.workout-curation-check:hover{color:var(--color-primary-strong)}.workout-curation-check:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.workout-curation-bar{position:sticky;bottom:0;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:.25rem;padding:.5rem 0;background:var(--color-bg);border-top:var(--border-ink)}.workout-curation-count{flex:1 1 10rem;margin:0;font-size:.875rem;font-weight:600;color:var(--color-text-muted)}.workout-curation-start{flex:0 0 auto}.workout-curation-start.btn-primary:disabled{background:var(--color-sunken);color:var(--color-text-muted);border-color:var(--color-border);cursor:not-allowed}html:has(.workout-curation){scroll-padding-bottom:5rem}.workout-unservable{padding:1.5rem 0}.workout-unservable p{margin:0 0 .9rem;color:var(--color-text-muted)}.workout-unservable .btn{display:inline-flex;align-items:center;justify-content:center}.module-gate{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;padding:3rem 1rem}.module-gate h1{font-size:1.5em}.birth-date-form{display:flex;flex-direction:column;align-items:center;gap:.5rem}.birth-date-form input{min-height:44px;font:inherit}.icon-tile.module-gate-glyph{width:4rem;height:4rem;border-radius:var(--radius-lg)}.purchase-offer{width:100%;max-width:30rem;margin:0 auto 1rem;display:flex;flex-direction:column;gap:.6rem;align-items:stretch;text-align:center}.purchase-offer-title{margin:0;font-size:1.1rem;font-family:var(--font-display)}.purchase-offer-subtitle{margin:0;color:var(--color-text-muted);font-size:.9rem}.purchase-offer-buy,.purchase-offer>.sign-in-with-google{align-self:center}.free-window-wall__actions .btn-primary,.purchase-offer-buy.btn-primary,.first-play-guide__footer .btn-primary,.journey-complete__platinum .btn-primary,.journey-complete__actions .btn-primary,.platinum-invite .btn-primary,.workout-curation-start.btn-primary{background:var(--color-primary-strong);color:var(--color-on-fill);border-color:var(--color-primary-strong)}.free-window-wall__actions .btn-primary:hover,.purchase-offer-buy.btn-primary:hover,.first-play-guide__footer .btn-primary:hover,.journey-complete__platinum .btn-primary:hover,.journey-complete__actions .btn-primary:hover,.platinum-invite .btn-primary:hover,.workout-curation-start.btn-primary:hover:not(:disabled){background:var(--color-primary-deep)}.purchase-offer-renewal,.purchase-offer-note{margin:0;font-size:.8rem;color:var(--color-text-muted)}.purchase-offer-error{margin:0;font-size:.85rem;color:var(--color-danger-strong)}.purchase-offer-answers,.purchase-offer-qa{text-align:left;font-size:.9rem}.purchase-offer-answers h3,.purchase-offer-qa h3{margin:.4rem 0 .2rem;font-size:.95rem}.purchase-offer-answers{padding:.2rem .9rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius)}.purchase-offer-answers ul{margin:0;padding-left:1.2rem}.purchase-offer-qa p{margin:0 0 .3rem}.purchase-offer-question{font-weight:600}.icon-tile{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.75rem;height:2.75rem;border:var(--border-ink);border-radius:var(--radius);background:var(--color-primary-soft);line-height:1;overflow:hidden}.icon-tile>img{display:block;width:100%;height:100%}:root[data-theme=dark] .icon-tile>img{filter:brightness(.88)}.icon-tile>svg{display:block;width:60%;height:60%;color:var(--color-primary)}.progress-ring{flex-shrink:0;overflow:visible}.progress-ring-track{stroke:var(--color-border)}.progress-ring-value{stroke:var(--color-primary);transition:stroke-dasharray .4s ease}.progress-ring-gold{stroke:var(--color-gold)}.progress-ring-plat{transition:stroke-dasharray .4s ease}.progress-ring-plat-deep{stop-color:var(--color-plat-deep)}.progress-ring-plat-mid{stop-color:var(--color-plat)}.progress-ring-label{font-family:var(--font-display);font-weight:700;fill:var(--color-text)}.module-ring{display:inline-flex;flex-shrink:0}.module-ring-medal--platinum{color:var(--color-plat-deep)}.module-ring-medal--gold{color:var(--color-gold)}.exercise-shell{display:flex;flex-direction:column;gap:1.25rem;position:relative}.exercise-shell-header{display:flex;align-items:center;gap:1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem 1.5rem;box-shadow:var(--shadow)}.exercise-shell-header:has(>.unlock-line){position:relative}.exercise-shell-header{--unlock-off: #7f8d92;--unlock-track: #f3e4a6;--unlock-fill: #a07d17;--unlock-warm: #b06f00;--unlock-ink: #8a6a10;--unlock-edge: #c9a227;--unlock-tag: #f0d56a;--unlock-shine: rgba(255, 255, 255, .7)}:root[data-theme=dark] .exercise-shell-header{--unlock-off: #6e8189;--unlock-track: #4a4428;--unlock-fill: #c9a227;--unlock-warm: #f0c040;--unlock-ink: #c9a227;--unlock-edge: #b8973a;--unlock-tag: #504416;--unlock-shine: rgba(255, 255, 255, .5)}.unlock-line{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}.unlock-line:before,.unlock-line-fill{position:absolute;left:0;bottom:0;height:4px}.unlock-line:before{content:"";right:0;background:var(--unlock-track)}.unlock-line-fill{background:var(--unlock-fill);border-radius:0 2px 2px 0;transition:width .7s cubic-bezier(.22,1,.36,1),background-color .3s}.unlock-line-glow{position:absolute;right:-10px;bottom:-6px;width:20px;height:16px;background:radial-gradient(closest-side,var(--unlock-fill),transparent);animation:unlock-line-glow .9s ease-out forwards}@keyframes unlock-line-glow{0%{opacity:0;transform:scaleX(.4)}25%{opacity:1;transform:scaleX(1.4)}to{opacity:0;transform:scaleX(1)}}.unlock-line.is-moment .unlock-line-fill{background:var(--unlock-warm);box-shadow:0 0 8px var(--unlock-warm);border-radius:0}.unlock-line.is-moment .unlock-line-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,var(--unlock-shine) 50%,transparent 70%);transform:translate(-100%);animation:unlock-line-sweep 1.1s .6s ease-in-out 2}@keyframes unlock-line-sweep{to{transform:translate(100%)}}.unlock-line.is-medal .unlock-line-fill{background:var(--color-primary);border-radius:0}.unlock-line.is-plat{--unlock-fill: var(--color-plat)}.unlock-line-tag{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);padding:.1rem .6rem;border-radius:999px;border:1px solid var(--unlock-edge);background:var(--unlock-tag);color:var(--color-text);font-size:.72rem;font-weight:700;line-height:1.3;white-space:nowrap;animation:unlock-line-pop .5s .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes unlock-line-pop{0%{transform:translate(-50%,50%) scale(.8)}to{transform:translate(-50%,50%) scale(1)}}.exercise-shell-ring .progress-ring-level{font-family:var(--font-display);font-weight:700;font-size:22px;fill:var(--unlock-ink)}.exercise-shell-ring .progress-ring-level-of{font-size:17px;font-weight:600;fill:var(--color-text-muted)}.exercise-shell-ring{display:flex;padding:0;border:0;border-radius:50%;background:none;color:inherit;cursor:pointer;anchor-name:--level-ring}.exercise-shell-ring:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.progress-ring-mark{vector-effect:non-scaling-stroke;fill:var(--color-surface);stroke:var(--unlock-off);stroke-width:1.4;paint-order:stroke;transform-box:fill-box;transform-origin:center}.progress-ring-mark.is-reached{fill:var(--unlock-fill);stroke:var(--color-surface);stroke-width:2}.progress-ring-ceiling{stroke:var(--color-text);stroke-width:5;stroke-linecap:round}.progress-ring-mark.is-new{fill:var(--unlock-warm);animation:progress-ring-mark-pop .5s .6s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes progress-ring-mark-pop{0%{fill:var(--color-surface);stroke:var(--unlock-off);stroke-width:1.4;scale:1}60%{scale:1.7}to{scale:1}}@media(prefers-reduced-motion:reduce){.unlock-line-fill{transition:none}.unlock-line-glow{display:none}.unlock-line.is-moment .unlock-line-fill:after,.unlock-line-tag,.progress-ring-mark.is-new{animation:none}}.exercise-shell-heading{flex:1;display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;min-width:0}.exercise-shell-heading h2{font-size:1.45rem;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.practice-badge{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent-strong);background:var(--color-accent-soft);border-radius:999px;padding:.25rem .7rem}.exercise-shell-level{display:flex;flex-direction:column;align-items:center;gap:.2rem}.exercise-shell-content{display:flex;flex-direction:column;gap:1.25rem}.exercise-shell-view-as{margin:2rem auto;max-width:32rem;padding:0 1rem;text-align:center}.exercise-shell-trace{font-size:.8rem;line-height:1.5;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.75rem 1rem;font-variant-numeric:tabular-nums}.exercise-shell-trace h3{font-size:.85rem;margin:0 0 .5rem;color:var(--color-text)}.exercise-shell-trace dl,.exercise-shell-trace p{margin:0}.exercise-shell-trace dt{font-weight:600;color:var(--color-text);margin-top:.5rem}.exercise-shell-trace dd{margin:0}@media(min-width:1100px){.exercise-shell:has(>.exercise-shell-trace){display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:24px;align-items:start}.exercise-shell:has(>.exercise-shell-trace)>.exercise-shell-header{grid-column:1 / -1}.exercise-shell:has(>.exercise-shell-trace)>.exercise-shell-content{grid-column:1}.exercise-shell:has(>.exercise-shell-trace)>.exercise-shell-trace{grid-column:2}}.question-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);overflow-x:auto}@media(max-width:640px){.exercise-shell,.exercise-shell-content{gap:.9rem}.exercise-shell-header{column-gap:.3rem;padding:.7rem .9rem}.exercise-shell-heading h2{font-size:1.15rem}.question-card{padding:1rem}}@media(max-width:399px){.exercise-shell-heading h2{font-size:1rem;-webkit-hyphens:manual;hyphens:manual}.exercise-shell-header:has(.exercise-shell-held){flex-wrap:wrap;row-gap:0}.exercise-shell-header:has(.exercise-shell-held):after{content:"";order:1;flex-basis:100%}.exercise-shell-level:has(>.exercise-shell-held){display:contents}.exercise-shell-held{order:2;margin-top:.4rem}}.app-layout:has(.exercise-shell) .app-footer{display:none}.app-layout:has(.exercise-shell) .guest-progress{display:none}@media(max-width:767px){.app-layout:has(.exercise-shell){height:100vh;height:100dvh}.keyboard-open .app-layout:has(.exercise-shell){height:var(--visible-height, 100dvh);min-height:0}.app-layout:has(.exercise-shell) .app-main{display:flex;flex-direction:column;min-height:0;overflow:hidden}.exercise-shell-header{flex-wrap:wrap;row-gap:0;column-gap:.4rem;padding:.4rem .85rem}.exercise-shell-heading{flex:1 0 100%;order:-2}.exercise-shell-heading h2{margin:0;line-height:1.2}.exercise-shell-level{gap:.3rem;flex-direction:row-reverse;margin-block:-4px -2px}.exercise-shell-stop{order:-1;margin-inline-end:auto}.keyboard-open .app-layout:has(.exercise-shell) .app-header,.keyboard-open .app-layout:has(.exercise-shell) .exercise-shell-header{display:none}.app-layout:has(.exercise-shell) .exercise-shell{flex:1;min-height:0}.app-layout:has(.exercise-shell) .workout{display:flex;flex-direction:column;flex:1;min-height:0}.app-layout:has(.exercise-shell) .exercise-shell-content{flex:1;min-height:0;overflow-y:auto;padding-inline:.45rem;margin-inline:-.45rem}.exercise-shell-trace{max-height:30dvh;overflow-y:auto}.question-card .ear-training-notation{margin-bottom:0}.app-layout:has(.exercise-shell) .items-run,.app-layout:has(.exercise-shell) .items-prompt{margin-block:0}.app-layout:has(.exercise-shell) .exercise-shell-content>.question-card{flex-shrink:0}}@media(max-width:767px)and (max-height:720px){.question-card:has(.notation-cap--interval){padding:.5rem}.exercise-shell:has(.notation-cap--interval),.exercise-shell:has(.notation-cap--interval) .exercise-shell-content{gap:.4rem}.exercise-shell:has(.notation-cap--interval) .exercise-shell-header{padding-top:.4rem;padding-bottom:.4rem}.question-card:has(.notation-cap--interval) .ear-training-notation{padding:0;min-height:7rem}}.level-toast-slot{display:contents}.level-toast-layer{position:fixed;top:4.25rem;left:0;right:0;display:flex;justify-content:center;z-index:150;pointer-events:none}.level-toast{padding:.6rem 1.4rem;border-radius:999px;font-weight:600;box-shadow:var(--shadow-md);animation:level-toast-in .35s ease}.level-toast-up{background:var(--color-success-strong);color:var(--color-on-fill)}.level-toast-down{background:var(--color-accent-soft);color:#92400e}.level-toast--badge{display:flex;align-items:center;gap:10px;width:calc(100% - 24px);max-width:28rem;padding:10px 14px;border:1px solid;border-radius:var(--radius-lg);font-weight:800;box-shadow:var(--shadow);animation:level-toast-pop .35s ease-out}.level-toast--badge .medal{flex:none;width:28px;height:34px}.level-toast--gold{border-color:var(--color-gold);background:var(--color-gold-soft);color:var(--color-gold-ink)}.level-toast--platinum{border-color:var(--color-plat);background:var(--color-plat-soft);color:var(--color-plat-ink)}@keyframes level-toast-pop{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.level-toast--badge{animation:none}}@keyframes level-toast-in{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.coach-panel{position:fixed;bottom:1rem;right:1rem;z-index:80;pointer-events:none;display:flex;align-items:flex-start;gap:1rem;width:min(420px,calc(100vw - 2rem));max-height:calc(100dvh - var(--app-header-height, 3.5rem) - 2rem);background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-lg);padding:1.1rem 1.25rem;box-shadow:var(--shadow-md);animation:coach-in .3s ease}@keyframes coach-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.coach-panel-badge{flex-shrink:0;width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;color:var(--color-primary-strong);background:var(--color-primary-soft)}.coach-panel-badge svg{width:60%;height:60%}.coach-panel-body{flex:1;min-width:0}.coach-panel>.coach-panel-body{align-self:stretch;overflow-y:auto}.coach-panel-body--scrollable{pointer-events:auto;touch-action:pan-y;overscroll-behavior:contain}.coach-panel-body h3{font-size:1.05rem;margin-bottom:.25rem}.coach-panel-body p{font-size:.875rem;color:var(--color-text-muted)}.coach-panel-picture{display:block;max-width:100%;height:auto;margin-top:.25rem}.abc-snippet{margin-top:.5rem;max-width:280px}.coach-panel.coach-panel--arms{padding-bottom:1.7rem}.coach-panel-cue{position:absolute;left:1.25rem;bottom:.45rem;font-size:.75rem;font-weight:700;color:var(--color-primary-strong)}.coach-panel-dismiss{pointer-events:auto;flex-shrink:0;border:none;border-radius:999px;padding:.45rem 1rem;font-weight:600;font-size:.85rem;color:var(--color-on-fill);background:var(--color-primary-strong);cursor:pointer}.coach-panel-dismiss:hover{background:var(--color-primary-deep)}@media(max-width:767px),(max-height:500px){.coach-panel{bottom:.5rem;gap:.6rem;padding:.7rem .8rem;max-height:50vh;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badge body" ".     dismiss";grid-template-rows:minmax(0,1fr) auto;align-items:stretch;row-gap:.5rem;overflow:hidden}.coach-panel-badge{grid-area:badge;width:1.8rem;height:1.8rem}.coach-panel-body{grid-area:body;min-height:0;overflow-y:auto}.coach-panel-body h3{font-size:.95rem}.coach-panel-body p{font-size:.8rem}.coach-panel-dismiss{grid-area:dismiss;justify-self:end;padding:.35rem .75rem;font-size:.8rem}}@media(max-height:500px){.coach-panel{max-height:32vh}.coach-panel-body--scrollable{pointer-events:none}}.coach-panel.coach-panel--in-flow{position:static;flex-shrink:0;width:auto;max-height:none;overflow:visible;pointer-events:auto;box-shadow:none;animation-name:coach-fade}.coach-panel--in-flow>.coach-panel-body{overflow:visible}@keyframes coach-fade{0%{opacity:0}}.exercise-shell-content:has(>.coach-panel--in-flow) .items-choices:has(>:is(.answer-button--revealed,.answer-button--correct,.picture-choice--revealed,.picture-choice--correct))>:not(.answer-button--revealed,.answer-button--correct,.picture-choice--revealed,.picture-choice--correct){display:none}.exercise-shell-review{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);font-size:1rem;font-weight:700;line-height:1;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.exercise-shell-review:hover,.exercise-shell-review:focus-visible{background:var(--color-bg);color:var(--color-primary-strong);border-color:var(--color-primary)}.exercise-shell-journey svg{display:block}.coach-review-layer{position:fixed;inset:0;z-index:90;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:calc(1rem + var(--app-header-height, 3.5rem)) 1rem 1rem;background:#20263b73}.coach-review{width:min(520px,100%);max-height:72vh;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.coach-review__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem .5rem}.coach-review__header h2{font-family:var(--font-display);font-size:1.1rem}.coach-review__close{border:none;background:none;font-size:1.4rem;line-height:1;color:var(--color-text-muted);cursor:pointer}.coach-review__body{overflow-y:auto;padding:0 1.25rem 1.25rem}.coach-review--journey{width:min(720px,100%)}.coach-review.session-summary{width:min(380px,100%)}.session-summary .coach-review__header h2{font-family:var(--font-ui);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.session-summary__headline{margin:0 0 .15rem;font-family:var(--font-display);font-size:1.45rem;line-height:1.2;text-wrap:balance}.session-summary__sub{margin:0;font-size:.85rem;color:var(--color-text-muted)}.session-summary__sub{display:flex;white-space:nowrap}.session-summary__position{flex:none;white-space:pre}.session-summary__journey,.session-summary__step-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-summary__path{display:flex;align-items:center;margin:1rem 2px .5rem}.session-summary__node{flex:none;display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--color-primary);border-radius:50%;background:var(--color-surface);color:var(--color-text);font-size:.72rem;font-weight:700}.session-summary__node[data-mastered]{background:var(--color-primary);color:var(--color-on-fill)}.session-summary__node[data-here]{box-shadow:0 0 0 4px var(--color-primary-soft)}.session-summary__node--badge{border-color:var(--color-gold);background:var(--color-gold-soft);color:var(--color-gold-ink)}.session-summary__seg{flex:1;min-width:2px;height:3px;background:var(--color-border)}.session-summary__seg[data-mastered]{background:var(--color-primary)}.session-summary__path--dense .session-summary__node{width:12px;height:12px;border-width:1.5px}.session-summary__path--fine .session-summary__node{width:8px;height:8px}.session-summary__path--fine .session-summary__node--badge{width:12px;height:12px}.session-summary__path--fine .session-summary__seg{min-width:1px}.session-summary__path--dense .session-summary__node[data-here]{width:14px;height:14px}.session-summary__here{display:inline-block;padding:2px 8px;border-radius:99px;background:var(--color-secondary);color:#14202a;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.session-summary__step-name{margin:.35rem 0 .75rem;font-family:var(--font-display);font-size:1.1rem;font-weight:700}.session-summary__meter{height:10px;margin-top:.5rem;border-radius:99px;background:var(--color-primary-soft);overflow:hidden}.session-summary__meter>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--color-primary),var(--color-gold))}.session-summary__need{margin:.4rem 0 0;font-size:.9rem}.session-summary__need b{color:var(--color-gold-ink)}.session-summary__figures{display:flex;justify-content:space-between;gap:.5rem;margin:.75rem 0 0;padding-top:.6rem;border-top:1px solid var(--color-border)}.session-summary__figures>div{display:flex;flex-direction:column-reverse}.session-summary__figures dt{font-size:.8rem;color:var(--color-text-muted)}.session-summary__figures dd{margin:0;font-family:var(--font-display);font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums}.session-summary__actions{display:grid;gap:.125rem;margin-top:.875rem}.session-summary__actions>.btn-primary{justify-content:center;min-height:46px;border-radius:12px;background:var(--color-primary-strong);border-color:var(--color-primary-strong);color:var(--color-on-fill);font-size:1rem;font-weight:700}.session-summary__actions>.btn-primary:hover{background:var(--color-primary-deep);border-color:var(--color-primary-deep)}.session-summary__stop{display:grid;place-items:center;min-height:40px;color:var(--color-text-muted);font-size:.9rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}.journey-complete__badge{display:flex;align-items:center;gap:.5rem;font-weight:700}.journey-complete__platinum{display:grid;gap:8px;justify-items:start}.journey-complete__badge svg{width:1.75rem;height:1.75rem;flex-shrink:0}.journey-complete__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.journey-complete__next{display:flex;flex-direction:column;gap:.15rem;margin:1rem 0 0;padding:.75rem 1rem;border-radius:.75rem;background:var(--color-sunken)}.journey-complete__next-label,.journey-complete__next-tagline{font-size:.875rem;color:var(--color-text-muted)}.journey-complete__copied{margin:.5rem 0 0;overflow-wrap:anywhere;font-size:.875rem;color:var(--color-text-muted)}.journey-complete__copied:empty{margin:0}.coach-review-layer.first-play-guide-layer{background:none}.first-play-guide{width:min(360px,100%);animation:first-play-guide-in .2s ease}.first-play-guide p{font-size:.875rem}.first-play-guide .coach-review__close{min-width:36px;min-height:36px;margin:-.5rem -.75rem -.5rem 0}@keyframes first-play-guide-in{0%{opacity:0}}.first-play-guide__spotlight{position:fixed;z-index:90;border-radius:var(--radius-lg);box-shadow:0 0 0 2px var(--color-primary),0 0 0 200vmax #20263b73;pointer-events:none}.first-play-guide__through{position:fixed;z-index:91;border-radius:var(--radius-lg);cursor:pointer}.first-play-guide__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:1rem}.first-play-guide__count{margin-right:auto;font-size:.8rem;color:var(--color-text-muted)}@media(prefers-reduced-motion:reduce){.first-play-guide{animation:none}}.coach-review__entry+.coach-review__entry{margin-top:1.1rem;border-top:1px solid var(--color-border);padding-top:1.1rem}.answer-grid{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.rhythm-stage{display:flex;flex-direction:column;gap:1rem;align-items:center}@media(max-width:767px){.rhythm-stage{gap:.6rem;flex-shrink:0}.rhythm-bar-feedback{min-height:1.3rem;font-size:.9rem}}.rhythm-tap-surface{width:150px;height:150px;flex-shrink:0;border-radius:50%;border:2px dashed var(--color-border);background:var(--color-surface);display:grid;place-items:center;text-align:center;padding:0 1rem;font-size:.95rem;line-height:1.3;color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;will-change:transform}.rhythm-tap-surface.tapped{background:var(--color-primary-soft);border-color:var(--color-primary);transform:scale(.96)}.rhythm-tap-surface:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media(max-width:767px){.rhythm-tap-surface{width:120px;height:120px;width:max(88px,min(120px,14svh));height:max(88px,min(120px,14svh));font-size:.85rem;padding:0 .6rem}}.rhythm-beat-indicator{display:flex;gap:.5rem}.rhythm-beat-dot{width:.8rem;height:.8rem;border-radius:50%;background:var(--color-border);transition:background .05s ease,transform .05s ease}.rhythm-beat-dot.active{background:var(--color-primary);transform:scale(1.35)}.rhythm-bar-feedback{display:flex;gap:.5rem;align-items:center;min-height:1.6rem;font-weight:600}.rhythm-bar-feedback.good{color:var(--color-success)}.rhythm-bar-feedback.bad{color:var(--color-danger-strong)}.rhythm-controls{display:flex;gap:.75rem;align-items:center}.exercise-shell-rating{display:flex;align-items:center;position:relative}.rating-delta{position:absolute;left:calc(100% + .1rem);bottom:-.45rem;white-space:nowrap;font-size:.8rem;font-weight:700;animation:rating-delta-pop .9s ease forwards}.rating-delta.up{color:var(--color-success)}.rating-delta.down{color:var(--color-text-muted)}@keyframes rating-delta-pop{0%{opacity:0;transform:translateY(4px)}20%{opacity:1;transform:translateY(0)}75%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.workout-badge{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-primary-strong);background:var(--color-primary-soft);border-radius:999px;padding:.25rem .7rem}.workout-transition{max-width:var(--max-width);margin:3rem auto;text-align:center;font-family:var(--font-display);font-size:1.3rem;color:var(--color-text)}.rhythm-viewport{--rhythm-panel-h: clamp(84px, 14vw + 30px, 120px);position:relative;width:100%;height:calc(3 * var(--rhythm-panel-h));flex-shrink:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}@media(max-width:767px)and (max-height:700px){.rhythm-viewport{--rhythm-panel-h: 70px}}.rhythm-track{display:flex;flex-direction:column;width:100%}.rhythm-track--slide{transform:translateY(calc(-1 * var(--rhythm-panel-h)));transition:transform .26s cubic-bezier(.3,0,.25,1)}.rhythm-panel{position:relative;flex:0 0 var(--rhythm-panel-h);height:var(--rhythm-panel-h);padding:1.5rem .75rem .3rem;opacity:.6;transition:opacity .25s linear;overflow:hidden}.rhythm-panel--current{opacity:1}.rhythm-track--slide .rhythm-panel:nth-child(2){opacity:1}.rhythm-panel-label{position:absolute;top:.45rem;left:.75rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.rhythm-panel-label--now{color:var(--color-primary-strong)}.rhythm-notation{width:100%;max-width:560px;margin:0 auto}.rhythm-notation svg{width:100%;height:auto}.rhythm-note-active,.rhythm-note-active *{fill:var(--color-primary)}.rhythm-note-done{opacity:.45}@media(prefers-reduced-motion:reduce){.rhythm-track--slide{transition-duration:.01ms}}.rhythm-viewport{--rhythm-seam-h: 34px}.rhythm-panel.rhythm-seam{flex:0 0 var(--rhythm-seam-h);height:var(--rhythm-seam-h);padding:0 .75rem;opacity:1;display:flex;align-items:center;gap:.6rem;background:var(--color-primary-strong);color:var(--color-on-fill);font-weight:700;font-size:.85rem;white-space:nowrap}.rhythm-seam-title{min-width:0;overflow:hidden;text-overflow:ellipsis}.rhythm-seam-detail{flex:0 100 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:400}.rhythm-seam-beats{margin-left:auto;display:flex;gap:.5rem;flex:none}.rhythm-seam-beats span{opacity:.75}.rhythm-seam-beats span.on{opacity:1;font-size:1.1rem}.rhythm-track--slide.rhythm-track--slide-seam{transform:translateY(calc(-1 * var(--rhythm-seam-h)))}.rhythm-panel.rhythm-panel--behind-seam{opacity:.2}.rhythm-panel.rhythm-panel--on-deck{opacity:1}.rhythm-countin-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--color-text)}.rhythm-countin-hint{font-size:.8rem}@media(max-height:500px){.question-card.rhythm-stage{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"stream stream stream pad" "dots   feed   stop   pad";align-items:center;justify-items:center;column-gap:.75rem;row-gap:.4rem;padding:.6rem .8rem;min-height:100%;max-height:100%;overflow:hidden}.rhythm-stage>.rhythm-viewport,.rhythm-stage>.rhythm-calibration,.rhythm-stage>p{grid-area:stream}.rhythm-stage>.rhythm-calibration{align-self:stretch;min-height:0;overflow-y:auto}.rhythm-stage>.rhythm-viewport{align-self:stretch;justify-self:stretch;height:auto;min-height:0;max-height:calc(3 * var(--rhythm-panel-h));--rhythm-panel-h: 88px}.rhythm-stage>.rhythm-viewport .rhythm-notation{max-width:380px}.rhythm-stage>p{align-self:stretch;overflow-y:auto;min-height:0;margin:0}.rhythm-stage>.rhythm-beat-indicator{grid-area:dots}.rhythm-stage>.rhythm-bar-feedback{grid-area:feed;min-height:0;text-align:center}.rhythm-stage>.rhythm-controls{grid-area:stop}.rhythm-stage>.rhythm-tap-surface{grid-area:pad;width:min(150px,32svh);height:min(150px,32svh)}}.rhythm-calibration{position:relative;width:100%;min-height:calc(2*clamp(84px,14vw + 30px,120px));flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1.6rem .75rem .6rem;text-align:center;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text-muted)}.rhythm-calibration-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.3rem}.rhythm-calibration-taps{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;min-height:1.5rem;margin-top:.2rem}.rhythm-calibration-tap{font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600;padding:.1rem .4rem;border-radius:999px;border:1px solid var(--color-border);color:var(--color-text-muted)}.rhythm-calibration-tap.good{border-color:var(--color-primary);color:var(--color-primary-strong)}.rhythm-calibrate-row{flex-direction:column;align-items:center;gap:.3rem}.rhythm-calibrate-current{font-size:.8rem;color:var(--color-text-muted)}@media(max-width:767px){.rhythm-countin-title{font-size:1rem}.rhythm-countin-hint{font-size:.72rem}}.interval-grid__cell--locked .answer-button{opacity:.35;cursor:not-allowed;filter:grayscale(.6)}.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}.answer-button--revealed{background:var(--color-success-soft);border:1px dashed var(--color-success);color:var(--color-success-strong)}.answer-button--revealed:disabled{opacity:1}.answer-button__glyph{margin-right:.25rem;font-weight:700}.answer-row{display:inline-flex;flex-wrap:wrap;column-gap:.75em;max-width:100%;overflow:hidden;vertical-align:middle}.answer-button__glyph:not(.correct-mark)+.answer-row{max-width:calc(100% - 1.5em)}.answer-row>*{flex:1 1 auto;position:relative}.answer-row>*+*:before{content:"·";position:absolute;right:100%;width:.75em;text-align:center}.correct-mark{display:inline-grid;place-items:center;width:1.2em;height:1.2em;border-radius:50%;background:var(--color-success-strong);color:var(--color-on-fill);vertical-align:-.25em;animation:correct-mark-pop .25s ease-out both}.correct-mark svg{width:75%;height:75%;stroke-width:3.2}.correct-mark path{stroke-dasharray:1 2;animation:correct-mark-draw .25s ease-out both}.answer-button--correct,.answer-button--revealed{position:relative}.answer-button>.correct-mark{position:absolute;top:-.45rem;inset-inline-end:-.45rem;z-index:1;width:1.3rem;height:1.3rem;margin:0}.answer-button--correct .correct-mark{box-shadow:0 0 0 2px var(--color-on-fill)}.answer-button--revealed .correct-mark{background:var(--color-success-soft);color:var(--color-success-strong);box-shadow:inset 0 0 0 1.5px var(--color-success-strong)}@keyframes correct-mark-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes correct-mark-pop{0%{transform:scale(.6)}60%{transform:scale(1.08)}to{transform:scale(1)}}.items-choices--solved>:is(.answer-button--correct,.picture-choice--correct){z-index:1;box-shadow:0 0 0 4px var(--color-success-strong),0 6px 18px color-mix(in srgb,var(--color-success-strong) 35%,transparent);animation:correct-grow .3s cubic-bezier(.3,1.6,.5,1) both}.items-choices--solved>.answer-button--correct>.correct-mark{inset-inline-end:0}.items-choices--solved>:not(.answer-button--correct,.picture-choice--correct){opacity:.35;animation:correct-fade .25s ease both}.items-typed__input.items-typed__input--correct{position:relative;z-index:1;padding-inline-end:2.5rem;border-color:var(--color-success-strong);background:var(--color-success-strong);color:var(--color-on-fill);-webkit-text-fill-color:var(--color-on-fill);opacity:1;font-weight:700;box-shadow:0 0 0 4px var(--color-success-strong),0 6px 18px color-mix(in srgb,var(--color-success-strong) 35%,transparent);animation:correct-grow .3s cubic-bezier(.3,1.6,.5,1) both}.items-typed__row>.correct-mark,.items-typed__box>.correct-mark{position:absolute;top:50%;inset-inline-end:calc(44px + 1.125rem);width:1.5rem;height:1.5rem;z-index:2;margin-top:-.75rem;box-shadow:0 0 0 2px #fff}.items-typed__box>.correct-mark{inset-inline-end:.625rem}.rhythm-bar-feedback .correct-mark{margin-inline-end:.35em}@keyframes correct-grow{0%{box-shadow:0 0 0 0 var(--color-success-strong),0 0 0 transparent}}@keyframes correct-fade{0%{opacity:1}}@media(prefers-reduced-motion:reduce){.correct-mark,.correct-mark path,.items-choices.items-choices--solved>*,.items-typed__input.items-typed__input--correct{animation:none}}.free-window-wall-layer{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:.5rem 1rem;background:#20263b73;overflow-y:auto}.free-window-wall{width:min(520px,100%);margin:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;text-align:center}.free-window-wall h2{margin:0 0 .75rem;font-family:var(--font-display)}.free-window-wall__body{margin:0 0 1.25rem;color:var(--color-text-muted);font-size:.95rem;line-height:1.5;text-align:left}.free-window-wall__body:has(+.free-window-wall__body){margin-bottom:.6rem}.free-window-wall__track{display:flex;flex-direction:column;gap:.3rem;margin:0 0 1rem;padding:.6rem .7rem .5rem;border-radius:var(--radius);background:var(--color-sunken);font-size:.75rem;line-height:1.25;color:var(--color-text-muted)}.free-window-wall__track-bar{position:relative;height:.6rem;margin-right:.4rem;border:1px solid var(--color-border);border-radius:999px;background:repeating-linear-gradient(135deg,var(--color-gold-soft) 0 4px,var(--color-surface) 4px 8px)}.free-window-wall__track-fill{position:absolute;inset:-1px auto -1px -1px;width:var(--free);border-radius:999px 0 0 999px;background:var(--color-primary)}.free-window-wall__track-bar:after{content:"";position:absolute;right:-.5rem;top:50%;width:1rem;height:1rem;translate:0 -50%;border:2px solid var(--color-surface);border-radius:50%;background:var(--color-gold)}.free-window-wall__track-ticks{position:relative;display:flex;justify-content:space-between}.free-window-wall__track-ticks span:nth-child(2){color:var(--color-primary);font-weight:700;position:absolute;left:clamp(1.5em,var(--free),calc(100% - 6em));translate:-50% 0}.free-window-wall__track-parts{display:flex;justify-content:space-between;font-weight:700}.free-window-wall__track-parts span:first-child{color:var(--color-primary)}.free-window-wall__track-ticks span:last-child,.free-window-wall__track-parts span:last-child{text-align:right;color:var(--color-gold-ink);font-weight:700}.free-window-plans{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.free-window-plan{flex:1 1 180px;display:flex;flex-direction:column;gap:.2rem;padding:.9rem 1rem;text-align:left;cursor:pointer;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius);color:inherit;font:inherit}.free-window-plan--selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.free-window-plan__name{font-weight:650}.free-window-plan__price{font-size:.9rem}.free-window-plan__equivalent{font-size:.8rem;color:var(--color-text-muted)}.free-window-plan__saving{align-self:flex-start;margin-top:.25rem;padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-weight:650;color:var(--color-success-strong);background:var(--color-success-soft)}.free-window-wall__stub{margin:0 0 1rem;padding:.6rem .9rem;border-radius:var(--radius);font-size:.88rem;color:var(--color-text);background:var(--color-accent-soft)}.free-window-wall__error{margin:0 0 1rem;font-size:.88rem;color:var(--color-danger-strong)}.free-window-wall__actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.free-window-wall__next{margin:-.5rem 0 1.25rem;font-size:.95rem;font-weight:600;text-align:left}@media(max-height:640px){.free-window-wall__actions{position:sticky;bottom:0;padding:.6rem 0;background:var(--color-surface)}}.free-window-wall__renewal{margin:1rem 0 0;font-size:.78rem;line-height:1.45;color:var(--color-text-muted)}.free-window-wall__statement{margin:.35rem 0 0;font-size:.78rem;line-height:1.45;color:var(--color-text-muted)}.exercise-shell-held{max-width:8rem;padding:.15rem .45rem;border:1px solid var(--color-primary);border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-strong);font-size:.625rem;font-weight:650;letter-spacing:.02em;line-height:1.25;cursor:pointer}.exercise-shell-rating-caption{font-size:.625rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.stat-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.24rem .6rem .24rem .5rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);white-space:nowrap;flex-shrink:0}.stat-pill--done{border-color:var(--color-success);background:var(--color-success-soft)}.stat-pill__rate{display:inline-flex;align-items:center;gap:.22rem}.stat-pill__bolt{font-size:.85rem;line-height:1}.stat-pill__rate-val{font-size:.85rem;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}.stat-pill__divider{width:1px;height:17px;background:var(--color-border);flex-shrink:0}.stat-pill__goal{display:inline-flex;align-items:center}.stat-pill__ring{position:relative;width:28px;height:28px;flex-shrink:0}.stat-pill__ring-track{stroke:var(--color-border)}.stat-pill__ring-fill{stroke:var(--color-secondary);transition:stroke-dashoffset .4s ease}.stat-pill--done .stat-pill__ring-fill{stroke:var(--color-success)}.stat-pill__ring-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}.stat-pill__flame{display:inline-flex;align-items:center;gap:.1rem;font-size:.82rem;font-weight:700;color:#b45309;font-variant-numeric:tabular-nums}.stat-pill__flame-em{font-size:.9rem}.stat-pill--button{font:inherit;color:inherit;cursor:pointer;anchor-name:--daily-status;transition:border-color .15s}.stat-pill--button:hover{border-color:var(--color-primary)}.stat-pill--button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.stat-pop{position:fixed;inset:auto;top:4rem;right:1rem;width:max-content;max-width:min(18rem,calc(100vw - 2rem));margin:0;padding:.75rem .9rem;border:var(--border-ink);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md);font-size:.875rem;line-height:1.4}@supports (anchor-name: --a){.stat-pop{position-anchor:--daily-status;position-area:block-end span-inline-start;inset:auto;margin:.4rem 0 0 1rem}.ring-pop{position-anchor:--level-ring;position-area:block-end;margin:0}}.stat-pop__title{margin:0 0 .4rem;font-weight:700}.stat-pop__line{margin:0 0 .5rem}.stat-pop__note{margin:0;padding-top:.5rem;border-top:var(--border-ink);color:var(--color-text-muted)}@media(max-width:560px){.auth-section{gap:.5rem}}@media(max-width:479px){.auth-section:has(.plan-chip,.stat-pill__flame){gap:.25rem}}@media(max-width:479px){.app-header:has(.plan-chip,.stat-pill__flame){column-gap:.375rem}.app-header:has(.plan-chip,.stat-pill__flame) .header-brand-group{flex:1 0 calc(2rem * 4618.69 / 1640);max-width:calc(2.25rem * 4618.69 / 1640)}.app-header:has(.plan-chip,.stat-pill__flame) .app-title{flex:1 1 auto;min-width:0}.app-header:has(.plan-chip,.stat-pill__flame) .app-title-lockup{width:100%}.app-header:has(.plan-chip,.stat-pill__flame) .stat-pill{padding-inline:.25rem;gap:.25rem}.app-header:has(.plan-chip,.stat-pill__flame) .stat-pill__flame{gap:0}}@media(max-width:359px){.app-header:has(.plan-chip){column-gap:.125rem}.auth-section:has(.plan-chip){gap:.125rem}.app-header:has(.plan-chip) .stat-pill{padding-inline:.125rem}}.app-title{display:block}.app-title-lockup{display:block;height:2.25rem;width:auto}.admin-panel h3{margin-top:0;margin-bottom:1rem}.admin-panel__body{display:flex;gap:2rem;align-items:flex-start}.admin-panel__content{flex:1;min-width:0}:where(.admin-panel) .admin-panel__content a:not([class]){color:var(--color-primary-strong)}:where(.admin-panel) .admin-panel__content :where(input:not([type=checkbox],[type=radio]),select,textarea){border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text)}:where(.admin-panel) .admin-panel__content input:is([type=checkbox],[type=radio]){accent-color:var(--color-primary)}:where(.admin-panel) .admin-panel__content .btn{min-height:44px}.admin-back{margin-bottom:1.25rem}.admin-sidebar{flex:0 0 12rem;display:flex;flex-direction:column;gap:1.25rem}.admin-sidebar ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.125rem}.admin-sidebar .admin-sidebar__group-label{display:block;margin:0 0 .375rem;padding:0 .75rem;font-family:inherit;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.admin-sidebar__link{display:flex;align-items:center;min-height:2.25rem;padding:.375rem .75rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;color:var(--color-text);text-decoration:none;transition:background .15s,color .15s}.admin-sidebar__link:hover{background:var(--color-primary-soft)}.admin-sidebar__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.admin-sidebar__link[aria-current=page]{background:var(--color-primary-strong);color:var(--color-on-fill)}.admin-placeholder{color:var(--color-text-muted)}.groups-list{display:grid;gap:.5rem;list-style:none;padding:0;margin:0}.groups-list__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:inherit;text-decoration:none}.groups-list__row:hover{border-color:var(--color-primary-strong)}.groups-list__name{font-weight:600}.groups-list__counts{display:flex;gap:.5rem}.groups-new,.groups-name{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.groups-new input,.groups-new select,.groups-name input{flex:1 1 12rem;min-width:0;min-height:44px;padding:.5rem .75rem;font-size:.875rem}.groups-new__key{display:flex;flex:1 0 100%;align-items:center;gap:.5rem}.groups-name .groups-delete{margin-left:auto;color:var(--color-danger-strong)}.groups-members{list-style:none;padding:0;margin:.75rem 0 0}.groups-members li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.375rem .5rem;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere}.groups-members li button{flex-shrink:0;white-space:nowrap}.groups-members__removed{color:var(--color-primary-strong);text-decoration:line-through}.groups-modules{margin:0 0 1rem;padding:0;border:none}.groups-modules legend{margin-bottom:.5rem;font-weight:600}.groups-modules__row{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .75rem;min-height:2.25rem;padding:0 .5rem;border:1px solid transparent;border-radius:var(--radius)}.groups-modules__row label{display:flex;align-items:center;gap:.5rem;min-height:2.25rem}.groups-modules input[role=switch]{appearance:none;position:relative;flex-shrink:0;width:2.25rem;height:1.25rem;margin:0;border:1px solid var(--color-text-muted);border-radius:999px;background:var(--color-bg);cursor:pointer}.groups-modules input[role=switch]:before{content:"";position:absolute;top:1px;left:1px;width:calc(1.25rem - 4px);height:calc(1.25rem - 4px);border-radius:50%;background:var(--color-text-muted);transition:transform .15s}@media(prefers-reduced-motion:reduce){.groups-modules input[role=switch]:before{transition:none}}.groups-modules input[role=switch]:checked{border-color:var(--color-primary-strong);background:var(--color-primary-strong)}.groups-modules input[role=switch]:checked:before{transform:translate(1rem);background:var(--color-on-fill)}.groups-modules input[role=switch]:focus-visible{outline:2px solid var(--color-primary-strong);outline-offset:2px}.groups-section-note,.groups-section-hint{color:var(--color-text-muted);font-size:.875rem}.groups-section-note{margin-bottom:1rem}.groups-section-hint{margin-bottom:.75rem}@media(max-width:767px){.admin-panel__body{flex-direction:column;gap:1.5rem;align-items:stretch}.admin-sidebar{flex:none;width:100%;flex-direction:row;flex-wrap:wrap;gap:1rem 2rem}}.admin-table-wrapper{overflow-x:auto}.admin-table-wrapper:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.admins-section table,.usage-history-section table,.users-section table,.admin-actions-section table,.contact-messages-section table,.calibration-section table,.catalogue-section table,.learner-page table,.admin-chart table{width:100%;border-collapse:collapse;font-size:.875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.admins-section th,.admins-section td,.usage-history-section th,.usage-history-section td,.users-section th,.users-section td,.admin-actions-section th,.contact-messages-section th,.admin-actions-section td,.contact-messages-section td,.calibration-section th,.calibration-section td,.catalogue-section th,.catalogue-section td,.learner-page th,.learner-page td,.admin-chart th,.admin-chart td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle}.admins-section th,.usage-history-section th,.users-section th,.admin-actions-section th,.contact-messages-section th,.calibration-section th,.catalogue-section th,.learner-page th,.admin-chart th{font-weight:600;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;background:var(--color-bg)}.admins-section tbody tr:last-child td,.usage-history-section tbody tr:last-child td,.users-section tbody tr:last-child td,.admin-actions-section tbody tr:last-child td,.contact-messages-section tbody tr:last-child td,.calibration-section tbody tr:last-child td,.catalogue-section tbody tr:last-child td,.learner-page tbody tr:last-child td,.admin-chart tbody tr:last-child td{border-bottom:none}.admins-section-error{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;background:var(--color-danger-soft);color:var(--color-danger-strong);padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem}.admin-chart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;margin-bottom:1.5rem}.admin-chart__scroll{overflow-x:auto}.admin-chart svg{display:block;max-width:100%;height:auto;color:var(--color-primary-strong)}.admin-chart svg text{fill:var(--color-text-muted)}.admin-chart table{margin-top:1rem}.admin-chart caption{caption-side:top;text-align:left;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;padding:0 .75rem .4rem}.admin-chart__placeholder{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);text-align:center;padding:1.5rem 0;margin-bottom:1.5rem;font-size:.9rem}.admins-section form,.catalogue-section form{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.admins-section form label,.catalogue-section form label{font-size:.875rem;color:var(--color-text-muted)}.admins-section form input,.catalogue-section form input{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem;flex:1;min-width:0}:where(.admin-panel) .admin-panel__content button{display:inline-flex;align-items:center;gap:.375rem;min-height:44px;padding:.375rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s}:where(.admin-panel) .admin-panel__content button:hover:not(:disabled){background:var(--color-bg)}:where(.admin-panel) .admin-panel__content button:disabled{opacity:.5;cursor:not-allowed}.learner-page select,.learner-page input{min-height:44px;padding:.375rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:.8125rem;cursor:pointer}.usage-history-section nav,.users-section nav,.learner-page nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding:1rem 0}.usage-history-section nav span,.users-section nav span,.learner-page nav span{font-size:.9rem;color:var(--color-text-muted)}.catalogue-section th,.catalogue-section td{padding:.5rem .1875rem}.catalogue-section td input[type=number]{width:4rem;padding:.375rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem}.catalogue-section td select{padding-block:.375rem}.catalogue-section td input.num-input--narrow{width:3.5rem}.calibration-section h4,.catalogue-section h4{margin-top:1.5rem;margin-bottom:.75rem}.journey__body{display:grid;gap:1.25rem}.journey__heading{font-size:.95rem;margin:.5rem 0}.journey-trend__chart{width:100%;max-width:560px;height:auto;display:block}.journey-trend__chart text{fill:var(--color-text-muted)}.journey-trend__placeholder{font-size:.9rem;opacity:.75}.journey-map__legend{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.8rem;opacity:.75;margin:0 0 .75rem}.journey-map__levels{list-style:none;margin:0;padding:0 0 0 .9rem;border-left:2px solid rgba(127,127,127,.3);display:grid;gap:.9rem}.journey-map__level{position:relative}.journey-map__level:before{content:"";position:absolute;left:-1.22rem;top:.3rem;width:8px;height:8px;border-radius:50%;background:#7f7f7f80}.journey-map__level--reached:before{background:var(--color-primary, #0072b2)}.journey-map__level-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;margin-bottom:.35rem}.journey-map__level-rating{font-size:.8rem;font-weight:700;opacity:.8}.journey-map__level:not(.journey-map__level--reached) .journey-map__level-rating{opacity:.55;font-weight:500}.journey-map__here{font-size:.78rem;font-weight:700;color:var(--color-primary, #0072b2);border:1px solid currentColor;border-radius:999px;padding:.05rem .5rem}.journey-map__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.journey-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(127,127,127,.35);background:#7f7f7f0f}.journey-chip--mastered{border-color:#009e7399;background:#009e731f}.journey-chip--practicing{border-color:#e69f0099;background:#e69f001f}.journey-chip--locked{opacity:.55}.journey-chip__glyph{font-size:.75em}.journey-chip__parts{font-size:.72rem;opacity:.7}.calibration-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem}.calibration-controls label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.calibration-controls select,.calibration-controls input[type=number]{min-height:44px;padding:.375rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem}.calibration-controls input[type=number]{width:7rem}.calibration-notice{padding:.5rem .75rem;border-left:3px solid var(--color-border);background:var(--color-bg);font-size:.875rem;color:var(--color-text-muted)}.calibration-facts{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;margin:0 0 1rem;font-size:.875rem}.calibration-facts dt{font-weight:600;color:var(--color-text-muted)}.calibration-facts dd{margin:0;overflow-wrap:anywhere}.calibration-settings__field{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem .75rem;padding:.75rem 0;border-top:1px solid var(--color-border)}.calibration-settings__field--set{border-left:3px solid var(--color-primary);padding-left:.75rem}.calibration-settings__field label,.calibration-settings__group label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.calibration-settings__field input[type=number],.calibration-settings__field select,.calibration-settings__field textarea{min-height:44px;padding:.375rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem;color:var(--color-text);background:var(--color-surface)}.calibration-settings__field input[type=number]{width:7rem}.calibration-settings__group{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem .75rem;min-width:0;margin:0;padding:0;border:0}.calibration-settings__group legend{padding:0;margin-bottom:.25rem;font-size:.875rem;font-weight:600}.calibration-settings__steps{flex-direction:column;align-items:flex-start;flex:1 1 100%}.calibration-settings__steps .admin-table-wrapper{width:100%}.calibration-settings__steps textarea{width:100%;min-width:14rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.calibration-settings__default{font-size:.8125rem;color:var(--color-text-muted);align-self:center}.calibration-settings__note,.calibration-help{flex:1 1 100%;order:1;margin:0;font-size:.8125rem;color:var(--color-text-muted)}.calibration-settings button:disabled{opacity:.5;cursor:default}.calibration-settings__errors{margin:.75rem 0;padding:.5rem .75rem;border-left:3px solid var(--color-danger);background:var(--color-bg);font-size:.875rem}.calibration-settings__errors p{margin:0 0 .25rem;font-weight:600}.calibration-settings__errors ul{margin:0;padding-left:1.25rem}.calibration-settings__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem}.calibration-settings__notice{margin:.5rem 0 0;font-size:.875rem;color:var(--color-text-muted)}.app-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1.5rem;padding:1.25rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:.85rem}.app-footer-links{display:flex;flex-wrap:wrap;gap:1.25rem}.app-footer-links a{color:var(--color-text-muted);text-decoration:none}.app-footer-links a:hover,.app-footer-links a:focus-visible{color:var(--color-text);text-decoration:underline}.legal-page{max-width:46rem;margin:0 auto;line-height:1.65}.legal-page h3{margin-top:2rem}.legal-page h4{margin-top:1.25rem}.legal-page ul{padding-left:1.25rem}.legal-page li{margin-bottom:.4rem}.legal-updated{color:var(--color-text-muted);font-size:.9rem}.legal-warning{border-left:3px solid var(--color-danger);background:var(--color-danger-soft);padding:.75rem 1rem;border-radius:0 6px 6px 0}.delete-account-action,.delete-account-guest{margin-top:2rem;padding:1.25rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}.delete-account-action .legal-warning{margin:0 0 1rem}.delete-account-action label{display:block;font-weight:600;margin-bottom:.35rem}.delete-account-action input{width:100%;max-width:24rem;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:8px;font-size:1rem}.delete-account-action select,.delete-account-action textarea{display:block;width:100%;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:8px;font:inherit;margin-bottom:1rem;background:var(--color-bg);color:var(--color-text)}.delete-account-action select{max-width:24rem}.delete-account-action input[aria-invalid=true]{border-color:var(--color-danger)}.delete-account-hint{color:var(--color-text-muted);font-size:.85rem;margin-top:.35rem}.delete-account-error{border-left:3px solid var(--color-danger);background:var(--color-danger-soft);padding:.75rem 1rem;border-radius:0 6px 6px 0;margin-bottom:1rem}.delete-account-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem}.delete-account-confirm{background:var(--color-danger);color:var(--color-on-fill);border:1px solid transparent;border-radius:8px;padding:.7rem 1.1rem;font-size:1rem;cursor:pointer}.delete-account-confirm:disabled{background:var(--color-bg);color:var(--color-text-muted);border-color:var(--color-border);cursor:not-allowed}.delete-account-cancel{color:var(--color-text)}a.user-menu-item{text-decoration:none}.account-page{line-height:1.65}.account-section{margin-top:2rem;padding:1.25rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}.account-section h3,.account-section h4{margin-top:0}.account-section--danger{border-color:var(--color-danger-strong)}.account-live-quiz .btn{min-height:44px;justify-content:center}.account-live-quiz h5{margin:1.25rem 0 .5rem;font-size:1rem}.account-live-quiz h4:focus:not(:focus-visible){outline:none}.account-live-quiz__saved{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem}.account-live-quiz__saved p{display:flex;flex:1 1 12rem;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0}.account-live-quiz .live-phone__row,.account-live-quiz .live-phone__typed{margin-top:.75rem}.account-live-quiz__status{margin:.75rem 0 0;font-weight:600}.account-live-quiz__status:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.account-muted{color:var(--color-text-muted);font-size:.9rem}.account-section p+.btn{margin-top:1rem}.account-section dl+.btn{margin-top:1rem}.account-refunds{margin:.75rem 0 0;font-size:.875rem}.refunds-link{color:inherit;text-decoration:underline}.account-delete-link{border-color:var(--color-danger-strong);color:var(--color-danger-strong)}.account-hero{display:flex;align-items:center;gap:1rem;margin-top:1rem}.account-hero .user-avatar{flex:none;width:4rem;height:4rem;font-size:1.75rem}.account-hero__body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.account-hero__name{font-size:1.25rem;font-weight:600}.account-hero__email,.account-hero__note{color:var(--color-text-muted);overflow-wrap:anywhere}.account-hero__note{font-size:.85rem}.account-pref{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;min-height:2.75rem;padding:.35rem 0;border-top:1px solid var(--color-border)}.account-pref:first-of-type{border-top:0}.account-pref__label{font-weight:500}.account-pref input[type=checkbox]{width:1.25rem;height:1.25rem;margin:0;accent-color:var(--color-primary);cursor:pointer}.account-plan{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.account-plan__name{font-size:1.25rem;font-weight:600}.account-pill{display:inline-block;padding:.1rem .6rem;border-radius:999px;border:1px solid var(--color-border);font-size:.8rem;font-weight:500;color:var(--color-text-muted)}.account-pill--ok{border-color:transparent;background:var(--color-success-soft);color:var(--color-text)}.account-facts{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1.25rem;margin:1rem 0 0}.account-facts dt{color:var(--color-text-muted)}.account-facts dd{margin:0}.account-empty{color:var(--color-text-muted)}.practice-calendar{width:100%;max-width:32rem;table-layout:fixed;border-collapse:separate;border-spacing:.2rem}.practice-calendar caption{text-align:left;font-weight:600;margin-bottom:.5rem}.practice-calendar th{font-size:.75rem;font-weight:500;color:var(--color-text-muted)}.practice-calendar th[scope=row]{text-align:left;white-space:nowrap;padding-right:.5rem}.practice-calendar abbr{text-decoration:none}.practice-calendar td{aspect-ratio:1;border-radius:4px;background:var(--color-bg);border:1px solid var(--color-border);text-align:center;font-size:.75rem;line-height:1}.practice-calendar td[data-state=partial],.practice-calendar__legend [data-state=partial]{background:var(--color-success-soft)}.practice-calendar td[data-state=met],.practice-calendar__legend [data-state=met]{background:var(--color-success-strong);color:var(--color-on-fill)}.practice-calendar td[data-today]{outline:2px solid var(--color-primary);outline-offset:-2px}.practice-calendar__legend{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font-size:.8125rem;color:var(--color-text-muted)}.practice-calendar__legend li{display:inline-flex;align-items:center;gap:.4rem}.practice-calendar__legend [data-state]{display:inline-block;width:1rem;height:1rem;border-radius:4px;border:1px solid var(--color-border);font-size:.75rem;line-height:.9rem;text-align:center}.practice-calendar__legend [data-state=none]{background:var(--color-bg)}.account-modules__journeys{margin:0 0 .75rem}.account-progress__shelf{margin:0 0 1.5rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.account-progress__shelf h3{margin:0 0 .75rem}.account-progress__shelf .account-muted{margin:0}.account-progress__medals{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-wrap:wrap;gap:.75rem}.account-progress__medals a{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:5rem;color:inherit;font-size:.75rem;line-height:1.2;text-align:center;text-decoration:none;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.account-progress__shelf .account-modules__journeys{padding-top:.75rem;border-top:1px solid var(--color-border)}.account-progress__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin:0 0 .5rem}.account-progress__head h3{margin:0}.account-progress__domain{margin:1rem 0 .5rem;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.account-modules.account-modules--cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr))}.account-modules__chips{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.account-modules__chip{padding:0 .5rem;border:1px dashed var(--color-border);border-radius:999px;font-size:.75rem;color:var(--color-text-muted)}.account-modules__chip--gold[data-held]{border:1px solid var(--color-gold);background:var(--color-gold-soft);color:var(--color-gold-ink);font-weight:700}.account-modules__chip--platinum[data-held]{border:1px solid var(--color-plat);background:var(--color-plat-soft);color:var(--color-plat-ink);font-weight:700}.account-progress__not-started{margin-top:1.5rem}.account-progress__not-started summary{margin-bottom:.5rem;font-weight:600;color:var(--color-text-muted);cursor:pointer}.account-progress__not-started .account-modules li{border-style:dashed}.account-progress__lock{display:inline-flex;margin-right:.5rem;color:var(--color-text-muted)}.account-progress__lock svg{width:1.25rem;height:1.25rem}.account-modules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.account-modules li{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.account-modules__body{flex:1 1 8rem;min-width:0;display:flex;flex-direction:column}.account-modules__name{font-weight:600;overflow-wrap:anywhere}.account-modules__meta{font-size:.8rem;color:var(--color-text-muted);overflow-wrap:anywhere}.items-prompt{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin:.5rem auto 1rem;max-width:600px;text-align:center}.items-prompt__text{margin:0;font-size:1.75rem;font-weight:600;line-height:1.25;color:var(--color-text);overflow-wrap:anywhere;white-space:pre-line}@media(max-width:480px){.items-prompt__text[data-long]{font-size:1rem;font-weight:400;line-height:1.35}}.items-prompt__gloss{margin:0;font-size:1rem;color:var(--color-text-muted);overflow-wrap:anywhere}.items-run{margin:.25rem auto 0;max-width:600px;text-align:center;font-size:1rem;font-weight:600;color:var(--color-text)}.items-run:has(~.items-prompt>[data-draw=dots]){font-size:1.25rem}.items-prompt__image{display:block;max-width:100%;max-height:40vh;height:auto;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface)}.items-prompt__play{display:inline-flex;align-items:center;justify-content:center;min-width:56px;min-height:56px;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);color:var(--color-primary);font-size:1.25rem;cursor:pointer}.items-prompt__play:hover{border-color:var(--color-primary);box-shadow:var(--shadow)}.items-prompt__play:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.items-flash-ready{align-self:center;min-height:44px}.items-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(max(140px,var(--choice-width, 0px)),1fr));gap:.5rem;max-width:600px;margin:0 auto}@media(min-width:481px){.items-choices:not(.picture-choices,.items-choices--letter,.items-prompt:has(>.country-prompt__map)~*):has(>:nth-child(4):last-child){grid-template-columns:repeat(auto-fit,minmax(max(calc((100% - .5rem)/2),min(100%,calc((var(--choice-width, 0px) - (100% - .5rem) / 2) * 1000))),1fr))}.items-choices:not(.picture-choices,.items-choices--letter):has(>:nth-child(3):last-child){grid-template-columns:repeat(auto-fit,minmax(max(calc((100% - 1rem) / 3),min(100%,calc((var(--choice-width, 0px) - (100% - 1rem) / 3) * 1000))),1fr))}}.items-choices .answer-button{min-height:52px;font-size:1rem;overflow-wrap:anywhere}.items-choices:is(.items-choices--symbol,.items-choices--letter){container-type:inline-size;width:100%}.items-choices:is(.items-choices--symbol,.items-choices--letter) .answer-button{font-size:clamp(1.75rem,8cqi,2.5rem);line-height:1.1}.items-choices.items-choices--letter{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.items-typed{display:flex;flex-direction:column;gap:.375rem;width:100%;max-width:600px;margin:0 auto;padding-inline:4px}.items-typed__label{font-size:.875rem;font-weight:600;color:var(--color-text-muted)}.items-typed__row{position:relative;display:flex;gap:.5rem}.items-typed__show{align-self:flex-start}.items-typed__box{position:relative;display:flex;flex:1 1 auto;min-width:0}.items-typed__unit{flex:0 0 auto;align-self:center;font-size:1.125rem;font-weight:600;white-space:nowrap}.items-typed__input{flex:1 1 auto;min-width:0;min-height:44px;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:1.125rem}.items-typed__input--code{text-transform:uppercase}.items-typed__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.items-typed__submit{min-height:44px;flex:0 0 auto;width:44px;justify-content:center;padding:0;font-size:1.25rem}.items-typed__check{width:1.25rem;height:1.25rem}.items-diff{margin:0;font-size:1.25rem;white-space:pre-wrap;overflow-wrap:anywhere}.items-diff mark,.items-diff del{background:none;color:var(--color-danger-strong);font-weight:700}.items-diff mark{text-decoration:underline wavy;text-decoration-thickness:2px;text-underline-offset:4px}.items-diff del{text-decoration:line-through;text-decoration-thickness:2px}.items-diff ins{text-decoration:none;color:var(--color-text-muted);outline:1px dashed currentColor;outline-offset:1px;border-radius:2px}.items-reveal{max-width:100%;text-align:center;overflow-wrap:anywhere}.items-reveal p{margin:0}.items-reveal__answer{font-size:1.75rem;font-weight:700;line-height:1.25}.items-reveal__answer mark{padding:0 .08em;border-radius:.15em;background:var(--color-danger-strong);color:var(--color-surface)}.items-reveal--spelled .items-reveal__answer mark{background:var(--color-success-strong)}.items-reveal.items-reveal--spelled{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success-strong)}.items-reveal .items-diff{padding-bottom:.375rem;font-size:1.125rem;font-weight:400;color:var(--color-text)}.items-reveal__note{font-weight:400}.items-reveal__given del{font-size:1.25rem;font-weight:400;color:var(--color-text);text-decoration:line-through var(--color-secondary);text-decoration-thickness:3px}.answer-feedback{min-height:1.5rem;margin:0;white-space:pre-line;font-size:.9375rem;color:var(--color-text-muted);text-align:center}.answer-feedback--incorrect{color:var(--color-danger-strong)}@media(max-width:480px){.answer-feedback{min-height:3rem}}.items-failed{max-width:600px;margin:2rem auto;padding:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);text-align:center}.items-failed h2{margin-top:0}.items-failed__errors{margin:0 0 1rem;padding:0;list-style:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;color:var(--color-text-muted);overflow-wrap:anywhere}@media(max-width:480px){.items-prompt__text{font-size:1.5rem}.items-choices{grid-template-columns:1fr;width:100%;padding-inline:4px}.items-prompt__image{max-height:28vh;max-height:28svh}.items-prompt__image--heard,.items-prompt__image--heard+.items-prompt__credit{display:none}}.accent-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:.375rem;width:100%;max-width:20rem;margin-top:.5rem;margin-inline:auto}.accent-bar__key{min-width:44px;min-height:44px;justify-content:center;padding:0;font-size:1.125rem}.spoken-answer{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.spoken-answer__notice{max-width:32rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.spoken-answer__notice p{margin:0}.spoken-answer__choices{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.spoken-answer__choices .btn{min-height:44px}.spoken-answer__privacy{font-size:.875rem;color:var(--color-text-muted)}.spoken-answer__privacy:hover,.spoken-answer__privacy:focus-visible{color:var(--color-text)}.spoken-answer__mic{width:72px;height:72px;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center}.spoken-answer__mic[aria-pressed=true]{background:var(--color-danger-strong);border-color:var(--color-danger-strong);color:#fff}.spoken-answer__status{min-height:1.5em;margin:0}.spoken-answer__skip{min-height:44px}.spoken-answer__verdict,.items-reveal{display:block;width:fit-content;margin:0 auto .25rem;padding:.4rem .8rem;border:2px solid;border-radius:var(--radius);font-weight:600}.spoken-answer__verdict--match{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success-strong)}.spoken-answer__verdict--miss,.items-reveal{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger-strong)}.spoken-answer__glyph,.spoken-answer__mark{margin-inline-end:.15em}.spoken-answer__heard{display:block;font-weight:400}.items-notice{margin:.25rem auto 0;max-width:36rem;font-size:.9375rem;font-weight:600;color:var(--color-text);text-align:center}.items-notice--platinum{font-weight:700;color:var(--color-plat-ink)}.answer-feedback:has(+.items-notice--platinum){min-height:0}.answer-feedback+.items-notice--platinum,.items-reveal+.items-notice--platinum{margin-top:0}.platinum-invite{display:flex;align-items:center;gap:12px;width:100%;max-width:36rem;margin:.75rem auto 0;padding:12px;border:1px solid var(--color-plat);border-radius:var(--radius-lg);background:var(--color-plat-soft);color:var(--color-plat-ink)}.platinum-invite .medal{flex:none;width:34px;height:41px}.platinum-invite>div{flex:1;display:grid;gap:8px;justify-items:start}.platinum-invite__close{align-self:flex-start;min-width:36px;min-height:36px;margin:-6px -6px 0 0;border:none;background:none;color:var(--color-text-muted);font-size:1.25rem;line-height:1;cursor:pointer}.today-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.today-card{--c-bg: var(--color-surface);--c-fg: var(--color-text);--c-mut: var(--color-text-muted);--c-accent: var(--color-primary);--c-pic: var(--color-sunken);--c-pic-fg: var(--color-primary);position:relative;container-type:inline-size;display:flex;align-items:center;gap:14px;min-width:0;min-height:88px;padding:14px;border:1px solid var(--c-border, var(--color-border));border-radius:16px;background:var(--c-bg);color:var(--c-fg)}.today-card:has(.today-card-main:hover){filter:brightness(.97)}.today-card:has(.today-card-main:focus-visible){outline:3px solid var(--c-ring, var(--c-accent));outline-offset:2px}.today-card--workout{--c-bg: var(--color-primary-strong);--c-border: var(--color-primary-strong);--c-fg: var(--color-on-fill);--c-mut: color-mix(in srgb, var(--color-on-fill) 85%, var(--c-bg));--c-accent: var(--color-on-fill);--c-pic: color-mix(in srgb, var(--color-on-fill) 15%, transparent);--c-pic-fg: var(--color-on-fill);--c-ring: var(--color-primary)}.today-card--quiz{--c-bg: #fde6e0;--c-border: #e9a595;--c-fg: #5a1f12;--c-mut: #8a3a28;--c-accent: #a8472f;--c-pic: #b5513a;--c-pic-fg: #fff}:root[data-theme=dark] .today-card--quiz{--c-bg: #3b1a14;--c-border: #7a3a2c;--c-fg: #ffe3dc;--c-mut: #f0a898;--c-accent: #ff9a85}.today-card-main{flex:1;min-width:0;display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none;outline:none}.today-card-main:after{content:"";position:absolute;inset:0;border-radius:16px}.today-card-picture{flex:0 0 60px;width:60px;height:60px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:var(--c-pic);color:var(--c-pic-fg)}.today-card-picture>svg{width:26px;height:26px;fill:currentColor}.today-card-picture .today-tile-thumb{width:100%;height:100%;border-radius:0}.today-card-picture img{width:100%;height:100%;object-fit:cover}.today-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.today-card-body>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-card-kicker{font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c-accent)}.today-card-title{font-size:1rem;line-height:1.2}.today-card-sub{font-size:.8125rem;color:var(--c-mut)}.today-card-go{flex:0 0 22px;width:22px;height:22px;color:var(--c-accent)}.today-card-ring{position:relative;flex:none}.today-card-pill,.today-card-avatar{position:relative;z-index:1;flex:none;display:inline-flex;align-items:center;justify-content:center;color:var(--c-accent);text-decoration:none}.today-card-pill{gap:6px;min-height:44px;padding:0 12px;border:1.5px solid var(--c-accent);border-radius:999px;font-size:.8125rem;font-weight:700}.today-card-pill:hover{background:var(--c-accent);color:var(--c-bg)}.today-card-pill>svg{width:18px;height:18px}@container (max-width: 330px){.today-card-pill span{display:none}.today-card-pill{width:44px;padding:0}}.today-card-avatar{width:48px;height:48px;overflow:hidden;border:2px solid var(--c-accent);border-radius:50%;font-size:44px;color:#5a1f12}.today-card-avatar>svg{width:100%;height:100%}.today-card-corner{position:absolute;z-index:1;top:0;right:0}.today-card-join{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:11px 14px 5px 8px;border-radius:0 16px 0 10px;color:var(--c-accent);font-size:.75rem;font-weight:800;text-decoration:underline;text-underline-offset:2px}.today-card-join:hover{text-decoration-thickness:2px}.today-card-join:focus-visible{outline:3px solid var(--c-accent);outline-offset:-3px}.today-card-join>svg{width:14px;height:14px;fill:currentColor}.today-card:has(>.today-card-corner)>:is(.today-card-pill,.today-card-avatar){align-self:flex-end}@container (max-width: 320px){.today-card-join>svg{display:none}}[data-gradient=geography]{--trend-from: #17766d;--trend-to: #0b6585;--trend-glow: #2bb5a6}[data-gradient=maths]{--trend-from: #1f5f8b;--trend-to: #1b4c73;--trend-glow: #4fa3d9}[data-gradient=music]{--trend-from: #2c4a7a;--trend-to: #233a63;--trend-glow: #5b8fd1}[data-gradient=languages]{--trend-from: #b4533f;--trend-to: #9c3f34;--trend-glow: #f27958}[data-gradient=nature]{--trend-from: #3d7d12;--trend-to: #0f6d4b;--trend-glow: #7cc23a}[data-gradient=other]{--trend-from: #a35a1a;--trend-to: #8a4a14;--trend-glow: #f59e0b}[data-theme=dark] [data-gradient=geography]:not([data-theme=dark] [data-theme=light] *){--trend-from: #0d4f49;--trend-to: #0a4656}[data-theme=dark] [data-gradient=maths]:not([data-theme=dark] [data-theme=light] *){--trend-from: #1f5f8b;--trend-to: #1b4c73}[data-theme=dark] [data-gradient=music]:not([data-theme=dark] [data-theme=light] *){--trend-from: #2c4a7a;--trend-to: #233a63}[data-theme=dark] [data-gradient=languages]:not([data-theme=dark] [data-theme=light] *){--trend-from: #b4533f;--trend-to: #9c3f34}[data-theme=dark] [data-gradient=nature]:not([data-theme=dark] [data-theme=light] *){--trend-from: #2f610e;--trend-to: #0d5039}[data-theme=dark] [data-gradient=other]:not([data-theme=dark] [data-theme=light] *){--trend-from: #a35a1a;--trend-to: #8a4a14}.pack-progress{display:flex;flex-direction:column;gap:6px;min-width:0}.pack-progress-bar{display:flex;gap:4px}.pack-progress-segment{flex:1;height:8px;border-radius:4px;background:var(--color-border)}.pack-progress-segment[data-state=in-progress]{background:var(--color-primary)}.pack-progress-segment[data-state=mastered]{background:var(--color-gold)}.pack-progress-label{margin:0;font-size:.8125rem;font-weight:600;color:var(--color-text-muted)}.pack-progress[aria-busy=true] .pack-progress-segment{animation:pack-progress-wait 1.2s ease-in-out infinite alternate}@keyframes pack-progress-wait{to{opacity:.45}}@media(prefers-reduced-motion:reduce){.pack-progress[aria-busy=true] .pack-progress-segment{animation:none}}.today{container:today home-top / inline-size;display:flex;flex-direction:column;gap:12px}.today-greeting{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;overflow-wrap:break-word}.today-tile-thumb{flex:0 0 56px;height:56px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background:#fff}.today-tile-thumb[data-gradient]{background:linear-gradient(160deg,var(--trend-from),var(--trend-to))}.today-tile-thumb>img{width:100%;height:100%;object-fit:cover;object-position:top}:root[data-theme=dark] .today-tile-thumb>img{filter:brightness(.88)}.today-tile-icon{display:block;width:60%;height:auto;color:#fff;font-size:1.5rem;line-height:1;text-align:center}#packs{scroll-margin-top:calc(var(--app-header-height, 3.5rem) + 1rem)}.today-packs{container:today-packs / inline-size;display:flex;flex-direction:column;gap:12px}.today-packs-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:18px;margin:0;padding:0;list-style:none}.today-pack{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-areas:"cover title" "cover count" "bar bar" "foot foot";column-gap:14px;align-content:start;min-width:0;padding:22px;background:var(--color-surface);border:var(--border-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset)}.today-pack-cover{grid-area:cover;align-self:center;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:16px;color:#fff;background:radial-gradient(130% 75% at 80% 110%,color-mix(in srgb,var(--trend-glow) 55%,transparent) 0%,transparent 62%),linear-gradient(160deg,var(--trend-from),var(--trend-to))}.today-pack-cover>svg{width:26px;height:26px}.today-pack-title,.today-pack-count,.today-pack-next{margin:0;overflow-wrap:break-word}.today-pack-title{grid-area:title;align-self:end;font-family:var(--font-display);font-size:1.375rem;font-weight:700;line-height:1.2}.today-pack-title>a{display:inline-flex;align-items:center;min-height:36px;color:inherit;text-decoration:none}.today-pack-title>a:hover{text-decoration:underline}.today-pack-title>a:focus-visible,.today-pack-play:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.today-pack-count{grid-area:count;align-self:start;font-size:.875rem;color:var(--color-text-muted)}.today-pack .pack-progress{grid-area:bar;margin-top:14px}.today-pack-foot{grid-area:foot;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:8px;border-top:1px solid var(--color-sunken)}.today-pack-next{min-width:0;font-size:.9375rem;color:var(--color-text-muted)}.today-pack-next>b{color:var(--color-text)}.today-pack-play{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--color-primary);color:var(--color-on-fill)}.today-pack-play:hover{background:var(--color-primary-strong)}.today-pack-play>svg{width:16px;height:16px;fill:currentColor}@container today (max-width: 520px){.today-tile-thumb{flex-basis:44px;height:44px;border-radius:8px}}@container today-packs (max-width: 520px){.today-packs-list{gap:12px}.today-pack{grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:"cover title play" "cover count play" "bar bar bar" "next next next";column-gap:12px;padding:16px;border-radius:16px;box-shadow:none}.today-pack-cover{width:44px;height:44px;border-radius:14px}.today-pack-cover>svg{width:22px;height:22px}.today-pack-title{font-size:1.125rem}.today-pack-count{font-size:.8125rem}.today-pack .pack-progress{margin-top:10px}.today-pack-foot{display:contents}.today-pack-next{grid-area:next;margin-top:10px;font-size:.875rem}.today-pack-play{grid-area:play;align-self:center}}.home-live-card{flex:1;display:grid;grid-template-columns:72px minmax(0,1fr);align-content:start;column-gap:16px;padding:24px;color:var(--color-text);background:var(--color-surface);border:var(--border-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset)}.home-live-card-kicker,.home-live-card-title{margin:0;overflow-wrap:break-word}.home-live-card-kicker{grid-area:kicker;margin-bottom:12px;font-size:.8125rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--color-primary)}.home-live-card-picture{grid-area:picture;position:relative;align-self:center;width:72px;height:72px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:linear-gradient(160deg,var(--trend-from),var(--trend-to))}.home-live-card-links>a{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:800;color:var(--color-primary)}.home-live-card-links>a>svg{width:16px;height:16px}.home-live-card{grid-template-areas:"kicker kicker" "picture title" "links links";grid-template-rows:auto 1fr auto}.home-live-card-body{display:contents}.home-live-card-picture{--trend-from: #b4533f;--trend-to: #9c3f34;color:#fff}.home-live-card-picture>svg{width:40px;height:40px}.home-live-card-title{grid-area:title;align-self:center;font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1.15}.home-live-card-links{grid-area:links;display:flex;flex-wrap:wrap;gap:0 24px;margin-top:12px}.home-live-card-links>a{min-height:44px;text-decoration:none}.home-live-card-links>a:hover{text-decoration:underline}.home-live-card-links>a:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@container home-top (max-width: 520px){.home-live-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;box-shadow:none}.home-live-card-picture{flex:0 0 44px;width:44px;height:44px;border-radius:8px}.home-live-card-picture>svg{width:26px;height:26px}.home-live-card-body{flex:1;min-width:0;display:flex;flex-direction:column}.home-live-card-kicker{margin-bottom:0;font-size:.75rem;letter-spacing:.06em}.home-live-card-title{display:none}.home-live-card{display:grid;grid-template-columns:44px 1fr;gap:4px 16px;grid-template-areas:"picture kicker" "picture links";align-items:center}.home-live-card-body{display:contents}.home-live-card-kicker{grid-area:kicker}.home-live-card-links{grid-area:links}.home-live-card-links{gap:0 16px;margin-top:0}}.first-visit{width:100%;max-width:1040px;margin-inline:auto}.app-layout:has(.first-visit) .stat-pill,.app-layout:has(.first-visit) .plan-chip--get{display:none}.first-visit p,.first-visit h2,.first-visit h3{margin:0;overflow-wrap:break-word}.first-visit-head{display:flex;flex-direction:column;gap:.5rem;max-width:42rem;margin:0 auto 1.25rem;text-align:center}.first-visit-kicker{font-size:.85rem;font-weight:800;letter-spacing:.02em;color:var(--color-primary)}.first-visit-title{font-family:var(--font-display);font-size:clamp(1.85rem,4.6vw,3rem);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}.first-visit-intro{font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.5;color:var(--color-text-muted)}.first-visit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;scroll-margin-top:5rem}@media(min-width:640px){.first-visit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:960px){.first-visit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}.first-visit-tile{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-sunken);box-shadow:var(--shadow);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.first-visit-tile-picture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}@media(hover:hover){.first-visit-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.first-visit-tile:hover .first-visit-tile-picture{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.first-visit-tile,.first-visit-tile-picture{transition:none}}.first-visit-tile-words{position:absolute;inset:auto 0 0;display:grid;gap:.15rem;padding:2.5rem .85rem .8rem;color:#fff;background:linear-gradient(to top,rgba(8,20,24,.88),rgba(8,20,24,.55) 60%,transparent)}.first-visit-tile-label{font-family:var(--font-display);font-weight:700;font-size:clamp(1.05rem,2.2vw,1.3rem);line-height:1.15;overflow-wrap:break-word}.first-visit-tile-hint{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.3;opacity:.92}.first-visit-tile-play{position:absolute;top:.6rem;right:.6rem;display:grid;place-items:center;width:2.1rem;height:2.1rem;padding-left:2px;border-radius:50%;background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow)}.first-visit-tile-play svg{width:.9rem;height:.9rem}.first-visit .first-visit-credit{margin-top:.5rem;font-size:.75rem;color:var(--color-text-muted);text-align:right}.first-visit-next{display:grid;justify-items:center;gap:.75rem;margin:1.75rem 0 0;text-align:center}.first-visit-next>.home-live{justify-content:center}.first-visit-mix,.first-visit-final a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 1.6rem;border-radius:999px;background:var(--color-primary);color:var(--color-on-fill);font-weight:800;font-size:1.05rem;text-decoration:none;box-shadow:var(--shadow-md)}.first-visit-mix:hover,.first-visit-final a:hover{background:var(--color-primary-strong)}.first-visit-browse,.first-visit-login-button{display:inline-flex;align-items:center;min-height:44px;color:var(--color-primary);font-weight:700;text-decoration:underline;text-underline-offset:3px}.first-visit-login{color:var(--color-text-muted);font-size:.95rem}.first-visit-login-button{padding:0;border:0;background:none;font:inherit;font-weight:700;cursor:pointer}.first-visit-tile:focus-visible,.first-visit-mix:focus-visible,.first-visit-final a:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.first-visit h3{font-family:var(--font-display);font-size:1.15rem;color:var(--color-text)}.first-visit-benefits{display:grid;gap:1rem;margin:3rem 0 0;padding:0;list-style:none}@media(min-width:760px){.first-visit-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}}.first-visit-benefits li{display:grid;align-content:start;gap:.4rem;padding:1.25rem;border:1px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:var(--radius-lg);background:var(--color-surface)}.first-visit-benefits p,.first-visit-faq details p{color:var(--color-text-muted);line-height:1.5}.first-visit-why{margin:2.5rem 0 0}.first-visit-why h3,.first-visit-faq h3{margin-bottom:1rem;font-size:1.4rem}.first-visit-why-split{display:grid;gap:1.5rem;align-items:center}@media(min-width:760px){.first-visit-why-split{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:2.5rem}}.first-visit-why-words{display:grid;align-content:start;gap:1.25rem}.first-visit-why-body{max-width:56ch;color:var(--color-text-muted);line-height:1.5}.first-visit-steps{display:grid;gap:.6rem;margin:0;padding:0;list-style:none;color:var(--color-text-muted);font-weight:700}.first-visit-steps li{display:flex;align-items:center}.first-visit-curve{display:grid;gap:.55rem;margin:0}.first-visit-curve svg{display:block;width:100%;max-width:100%;height:auto}.first-visit-curve-zone{fill:var(--color-primary-soft);stroke:none}.first-visit-curve-meet{fill:none;stroke:var(--color-border);stroke-width:1;stroke-dasharray:4 4}.first-visit-curve-level{fill:none;stroke:var(--color-text-muted);stroke-width:2;stroke-dasharray:6 5;stroke-linecap:round}.first-visit-curve-difficulty{fill:none;stroke:var(--color-secondary);stroke-width:3;stroke-linecap:round}.first-visit-curve-dot{fill:var(--color-secondary);stroke:var(--color-bg);stroke-width:3}.first-visit-curve-phases,.first-visit-curve-legend{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;margin:0;color:var(--color-text-muted);font-size:.8rem}.first-visit-curve-phases{justify-content:space-between}.first-visit-curve-legend span{display:inline-flex;align-items:center;gap:.4rem}.first-visit-curve-legend span:before{content:"";width:1.1rem;border-top:3px solid var(--color-secondary)}.first-visit-curve-legend .is-level:before{border-top:2px dashed var(--color-text-muted)}.first-visit-steps b{display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;margin-right:.4rem;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary-strong);font-size:.85rem}.first-visit-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:2.5rem 0 0;padding:0;list-style:none}@media(min-width:760px){.first-visit-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}.first-visit-facts li:nth-child(3){grid-column:1 / -1}@media(min-width:760px){.first-visit-facts li:nth-child(3){grid-column:auto}}.first-visit-facts li{padding:1rem;border-radius:var(--radius-lg);background:var(--color-primary-soft);color:var(--color-text);text-align:center;font-size:.9rem;overflow-wrap:break-word}.first-visit-facts b{display:block;font-family:var(--font-display);font-size:1.7rem;color:var(--color-primary-strong)}.first-visit-fact-wide{grid-column:1 / -1}.first-visit-fact-wide b{font-size:1.3rem}.first-visit-fact-codes{white-space:nowrap}.first-visit-fact-break{display:none}@media(max-width:759px){.first-visit-fact-break{display:inline}}.first-visit-faq{max-width:44rem;margin:2.5rem auto 0}.first-visit-faq details{border-bottom:1px solid var(--color-border)}.first-visit-faq summary{padding:.9rem 0;font-weight:700;cursor:pointer}.first-visit-faq details p{margin-bottom:1rem}.first-visit-faq a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.first-visit-final{display:grid;justify-items:center;gap:1rem;margin:2.5rem 0 1rem;padding:2rem 1rem;border-radius:var(--radius-lg);background:var(--color-surface);text-align:center}.home-card-wrap{position:relative;display:grid;container:home-card / inline-size}.home-card{display:flex;flex-direction:column;overflow:hidden;color:var(--color-text);text-decoration:none;background:var(--color-surface);border:var(--border-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset);scroll-snap-align:start;transition:transform .18s ease}.home-card:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}.home-card-wrap:hover .home-card,.home-card-wrap:hover .home-card-tag{transform:translateY(-2px)}.home-card-picture{position:relative;aspect-ratio:228 / 136;padding:7% 9% 0;overflow:hidden;background:radial-gradient(130% 75% at 80% 110%,color-mix(in srgb,var(--trend-glow) 55%,transparent) 0%,transparent 62%),linear-gradient(160deg,var(--trend-from),var(--trend-to))}.home-card-preview{display:block;width:100%;height:auto;border-radius:12px 12px 0 0;box-shadow:0 8px 20px -6px #00000059}:root[data-theme=dark] .home-card-preview,:root[data-theme=dark] img.home-card-icon{filter:brightness(.88)}.home-card-icon{display:block;width:34%;height:auto;margin:7% auto 0;border-radius:var(--radius);color:#fff;font-size:3rem;line-height:1;text-align:center}.home-card-new{position:absolute;top:8px;left:8px;padding:3px 9px;border-radius:999px;font-size:.6875rem;font-weight:800;line-height:1.2;color:#14202a;background:var(--color-accent)}.home-card-midi{position:absolute;bottom:8px;right:8px;white-space:nowrap;padding:3px 9px;border-radius:999px;font-size:.6875rem;font-weight:800;line-height:1.2;color:var(--color-text);background:var(--color-surface)}.home-card-mark+.home-card-new{top:26px}.home-card-body{flex:1;display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px}.home-card-words{--name-size: .6875rem;--tagline-size: 1.125rem;display:flex;flex-direction:column;gap:6px;min-height:calc(2 * 1.3 * var(--name-size) + 6px + 3 * 1.2 * var(--tagline-size));margin-bottom:14px}.home-card-name,.home-card-tagline{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word}.home-card-name{-webkit-line-clamp:2;font-family:var(--font-ui);font-size:var(--name-size);font-weight:700;line-height:1.3;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted)}.home-card-tagline{-webkit-line-clamp:3;font-family:var(--font-display);font-size:var(--tagline-size);font-weight:600;line-height:1.2}.home-card-name-own,.home-card-reason{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}@container home-card (width < 210px){.home-card-name-own{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-card-reason{display:inline;white-space:normal}}.home-card-status{display:flex;align-items:center;min-height:30px;margin-top:auto;white-space:nowrap}.home-card-start{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:800;color:var(--color-primary)}.home-card-start>svg{width:16px;height:16px}.home-card-score{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--color-text-muted)}.home-card-score b{font-size:.875rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-primary-strong)}.home-card-ring .progress-ring-track{stroke:var(--color-primary-soft)}.home-card-score[aria-busy=true] .progress-ring-track{animation:ring-wait 1.2s ease-in-out infinite alternate}@keyframes ring-wait{to{opacity:.35}}.home-card-mastered{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 8px;border-radius:999px;font-size:.8125rem;font-weight:800;line-height:1.2}.home-card-mastered>svg{width:16px;height:16px}.home-card-mastered--gold{color:#5c4400;background:#fdf3c4}.home-card-mastered--gold>svg{color:#b58900}:root[data-theme=dark] .home-card-mastered--gold{color:var(--color-accent-strong);background:var(--color-accent-soft)}:root[data-theme=dark] .home-card-mastered--gold>svg{color:var(--color-gold)}.home-card-mastered--platinum{color:var(--color-plat-ink);background:var(--color-plat-soft)}.home-card-mastered--platinum>svg{color:var(--color-plat-deep)}.home-card-tag{position:absolute;z-index:2;right:15px;bottom:19px;display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border-radius:999px;font-size:.6875rem;font-weight:800;line-height:1;cursor:help;transition:transform .18s ease}.home-card-tag>svg{width:12px;height:12px}.home-card-tag-word{display:none}.home-card-tag:before{content:"";position:absolute;inset:-7px -5px}.home-card-tag:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.home-card-tag:hover,.home-card-tag:focus{z-index:4}.home-card-tag--free{color:var(--color-primary-strong);background:var(--color-primary-soft)}.home-card-tag--plus{color:#8a3a22;background:var(--color-secondary-soft)}:root[data-theme=dark] .home-card-tag--plus{color:var(--color-secondary)}.home-card-wrap:has(.home-card-tag) .home-card-status{padding-right:32px}.home-card-tip{position:absolute;bottom:100%;right:0;width:max-content;max-width:10rem;padding:.45rem .6rem calc(4px + .45rem);font-family:var(--font-ui);font-size:.8125rem;font-weight:500;line-height:1.35;color:var(--color-text);text-align:center;white-space:normal;cursor:auto}.home-card-tip[hidden]{display:none}.home-card-tip:before{content:"";position:absolute;inset:0 0 4px;z-index:-1;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-md)}.home-card-mark{position:absolute;top:0;left:.8rem;z-index:1;display:inline-flex;width:26px;height:20px;padding:3px 5px 4px;border-radius:0 0 6px 6px;color:var(--color-surface);background:var(--color-text-muted)}.home-card-mark>svg{display:block;width:100%;height:100%}.home-card.home-card--draft{border-style:dashed;border-color:var(--color-text-muted);background:var(--color-bg);box-shadow:none}.home-card--draft .home-card-picture,.home-card-wrap:has(.home-card--draft) .home-card-status,.home-card-wrap:has(.home-card--draft) .home-card-tag{filter:grayscale(1)}@container home-card (min-width: 210px){.home-card-new{top:10px;left:10px;padding:4px 10px;font-size:.75rem}.home-card-body{padding:14px 16px 16px}.home-card-words{--name-size: .75rem;--tagline-size: 1.25rem}.home-card-tag{right:17px;bottom:21px;padding-right:9px}.home-card-tag-word{display:inline}.home-card-wrap:has(.home-card-tag) .home-card-status{padding-right:64px}}@media(prefers-reduced-motion:reduce){.home-card,.home-card-tag{transition:none}.home-card-wrap:hover .home-card,.home-card-wrap:hover .home-card-tag{transform:none}.home-card-score[aria-busy=true] .progress-ring-track{animation:none}}.pack-fan{grid-area:fan;position:relative;width:100%;max-width:564px;justify-self:center;aspect-ratio:564 / 420}.pack-fan>img{position:absolute;width:40.8%;height:auto;aspect-ratio:230 / 306;object-fit:cover;object-position:top;background:#fff;border-radius:16px;box-shadow:0 24px 50px -16px #0000008c}.pack-fan>img:nth-child(1){left:4%;top:9.5%;transform:rotate(-7deg)}.pack-fan>img:nth-child(2){left:30%;top:0;width:44.3%;transform:rotate(2deg)}.pack-fan>img:nth-child(3){left:58%;top:16.7%;transform:rotate(8deg)}:root[data-theme=dark] .pack-fan>img{filter:brightness(.9)}.pack-banner{display:grid;grid-template-columns:minmax(0,1fr) clamp(12rem,30%,19rem);grid-template-areas:"words fan";align-items:center;column-gap:2.5rem;padding:2rem 2.5rem;overflow:hidden;color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-offset);background:radial-gradient(40% 85% at 88% 110%,color-mix(in srgb,var(--trend-glow) 55%,transparent) 0%,transparent 62%),linear-gradient(160deg,var(--trend-from),var(--trend-to))}.pack-banner-words{grid-area:words;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;min-width:0}.pack-banner-kicker{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 14px;font-size:.8125rem;font-weight:800;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;background:#0000002e;border-radius:999px}.pack-banner-kicker>svg{flex:none;width:14px;height:14px;fill:#f59e0b}.pack-banner-kicker>.pack-banner-icon{fill:none}.pack-banner-draft{display:inline-flex;flex:none;margin:-2px 0;padding:3px;color:#14202a;background:#fff;border-radius:999px}.pack-banner-draft>svg{width:14px;height:14px}.pack-banner-title{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:700;line-height:1.05;letter-spacing:-.02em;overflow-wrap:anywhere}.pack-banner-blurb{margin:0;max-width:34rem;font-size:1.0625rem;line-height:1.5}.pack-banner-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:.5rem}.pack-banner-start{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 28px;color:var(--trend-to);font-size:1.0625rem;font-weight:800;text-decoration:none;background:#fff;border-radius:999px}.pack-banner-start>svg{width:16px;height:16px;fill:currentColor}.pack-banner-start:focus-visible{outline:3px solid #ffffff;outline-offset:3px}.pack-banner-failed{margin:0}.pack-banner-failed:not(:empty){max-width:26rem;margin-top:4px;padding:8px 14px;color:#14202a;font-size:.875rem;font-weight:600;line-height:1.4;background:#fff;border-radius:12px}.pack-banner-see{display:inline-flex;align-items:center;min-height:52px;padding:0 24px;color:#fff;font-size:1rem;font-weight:800;text-decoration:none;border:2px solid rgb(255 255 255 / .6);border-radius:999px}.pack-banner-see:hover{border-color:#fff}.pack-banner-see:focus-visible{outline:3px solid #ffffff;outline-offset:3px}@media(max-width:767px){.pack-banner--home{grid-template-columns:minmax(0,1fr);grid-template-areas:"words";margin-top:-12px;padding:10px 16px;background:linear-gradient(160deg,var(--trend-from),var(--trend-to))}.pack-banner--home>.pack-fan,.pack-banner--home .pack-banner-blurb{display:none}.pack-banner--home .pack-banner-words{gap:0}.pack-banner--home .pack-banner-kicker{padding:0;font-size:.6875rem;background:none}.pack-banner--home .pack-banner-title{margin-top:2px;font-size:1.125rem}.pack-banner--home .pack-banner-actions{gap:4px 16px;margin-top:6px}.pack-banner--home .pack-banner-failed:not(:empty){margin-top:8px}.pack-banner--home .pack-banner-start{min-height:40px;padding:0 16px;gap:8px;font-size:.9375rem}.pack-banner-see{min-height:40px;padding:0;font-size:.9375rem;text-decoration:underline;text-underline-offset:3px;border:none}}.pack-banner--page{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:3rem;padding:4rem 3rem}.pack-banner--page .pack-banner-words{gap:18px}.pack-banner--page .pack-banner-title{font-size:4.5rem;line-height:.98}.pack-banner--page .pack-banner-blurb{max-width:520px;font-size:1.25rem}.pack-banner-facts{margin:0;text-wrap:balance;font-size:.9375rem;font-weight:600}.pack-banner--page .pack-banner-start{min-height:56px}.pack-banner--page .pack-banner-failed:empty{margin-top:-18px}@media(max-width:1023px){.pack-banner--page{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:2.5rem 2rem;background:linear-gradient(160deg,var(--trend-from),var(--trend-to))}.pack-banner--page .pack-banner-words{display:contents}.pack-banner--page .pack-banner-kicker{align-self:flex-start}.pack-banner--page>.pack-fan{order:1;align-self:center;width:min(100%,420px)}.pack-banner--page .pack-banner-actions,.pack-banner--page .pack-banner-facts,.pack-banner--page .pack-banner-failed{order:2}.pack-banner--page .pack-banner-failed:empty{margin-top:-14px}.pack-banner--page .pack-banner-actions{margin-top:4px}.pack-banner--page .pack-banner-start{flex:1;justify-content:center}}@media(max-width:767px){.pack-banner--page{padding:28px 16px 30px}.pack-banner--page .pack-banner-kicker{gap:6px;padding:5px 12px;font-size:.75rem}.pack-banner--page .pack-banner-kicker>svg{width:12px;height:12px}.pack-banner--page .pack-banner-title{font-size:2.5rem}.pack-banner--page .pack-banner-blurb{font-size:1.0625rem}.pack-banner--page>.pack-fan{width:min(100%,210px)}.pack-banner--page .pack-banner-start{min-height:52px;font-size:1rem}}.home-card-picture>.pack-fan{position:absolute;top:9%;left:0;width:100%;max-width:none;aspect-ratio:auto}.home-card-picture>.pack-fan>img{width:38%;border-radius:10px;box-shadow:0 10px 22px -8px #00000080}.home-card-picture>.pack-fan>img:nth-child(1){left:2%;top:8%}.home-card-picture>.pack-fan>img:nth-child(2){left:31%;top:0;width:41%}.home-card-picture>.pack-fan>img:nth-child(3){left:61%;top:14%}.pack-shelf{container:pack-shelf / inline-size;display:flex;flex-direction:column;gap:1rem}.pack-shelf-head{display:grid;grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"cover heading actions" "cover blurb actions";align-items:center;gap:3px 18px}.pack-shelf-cover{grid-area:cover;display:flex;align-items:center;justify-content:center;width:64px;height:64px;color:#fff;border-radius:18px;box-shadow:var(--shadow-offset);background:radial-gradient(130% 75% at 80% 110%,color-mix(in srgb,var(--trend-glow) 55%,transparent) 0%,transparent 62%),linear-gradient(160deg,var(--trend-from),var(--trend-to))}.pack-shelf-cover>svg{width:30px;height:30px}.pack-shelf-heading{grid-area:heading;align-self:end;display:flex;flex-direction:column;gap:3px;min-width:0}.pack-shelf-kicker{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary)}.pack-shelf-draft{display:inline-flex;padding:3px;color:var(--color-surface);background:var(--color-text-muted);border-radius:999px}.pack-shelf-draft>svg{width:14px;height:14px}.pack-shelf-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;line-height:1.15;overflow-wrap:anywhere}.pack-shelf-title>a{display:inline-block;padding-block:5px;margin-block:-5px;color:inherit;text-decoration:none}.pack-shelf-title>a:hover{text-decoration:underline;text-underline-offset:4px}.pack-shelf-title>a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.pack-shelf-blurb{grid-area:blurb;align-self:start;font-size:.9375rem;color:var(--color-text-muted)}.pack-shelf-actions{grid-area:actions;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 18px;margin-left:10px}.pack-shelf .pack-progress{min-width:190px}.pack-shelf-play{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;color:var(--color-on-fill);font-size:.9375rem;font-weight:700;white-space:nowrap;text-decoration:none;background:var(--color-primary);border-radius:999px}.pack-shelf-play>svg{width:14px;height:14px;fill:currentColor}.pack-shelf-play:hover{color:var(--color-on-fill);background:var(--color-primary-strong)}.pack-shelf-play:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.pack-shelf-failed{grid-column:1 / -1;margin-top:8px;font-size:.875rem;font-weight:600;color:var(--color-danger-strong);text-align:right}.pack-shelf-failed:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@container pack-shelf (max-width: 880px){.pack-shelf-head{grid-template-columns:52px minmax(0,1fr);grid-template-areas:"cover heading" "blurb blurb" "actions actions";gap:0 14px}.pack-shelf-cover{width:52px;height:52px;border-radius:16px}.pack-shelf-cover>svg{width:26px;height:26px}.pack-shelf-heading{align-self:center;gap:2px}.pack-shelf-kicker{font-size:.6875rem}.pack-shelf-title{font-size:1.4375rem}.pack-shelf-blurb{margin-top:12px;line-height:1.45}.pack-shelf-actions{justify-content:flex-start;gap:12px 16px;margin:12px 0 0}.pack-shelf .pack-progress{width:100%}.pack-shelf-failed{text-align:left}}.pack-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;margin:0;padding:0;list-style:none}.pack-result{display:flex;align-items:center;gap:14px;height:100%;padding:10px 16px 10px 10px;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface);color:var(--color-text);text-decoration:none}.pack-result:hover{border-color:var(--color-primary)}.pack-result:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pack-result .pack-shelf-cover{flex:none;width:52px;height:52px;border-radius:16px}.pack-result .pack-shelf-cover>svg{width:26px;height:26px}.pack-result-words{display:flex;flex-direction:column;gap:3px;min-width:0}.pack-result-title{font-family:var(--font-display);font-size:1.125rem;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.filter-panel{display:flex;flex-direction:column;gap:22px}.filter-group{min-width:0;margin:0;padding:0;border:0}.filter-group-title{padding:0 0 6px;font-size:.8125rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.filter-group-options{display:flex;flex-wrap:wrap;column-gap:12px}.filter-option{flex:1 1 140px;display:flex;align-items:center;gap:8px;min-height:44px;font-size:.875rem;font-weight:600;cursor:pointer}.filter-option--empty{color:var(--color-text-muted)}.filter-option-box{flex:none;width:18px;height:18px;margin:0;accent-color:var(--color-primary)}.filter-option-box:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.filter-option-label{flex:1;overflow-wrap:break-word}.filter-option-draft{width:14px;height:14px;margin-left:4px;vertical-align:-2px;color:var(--color-text-muted)}.filter-option-count{flex:none;font-size:.75rem;font-weight:700;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.filter-more{flex:1 1 140px;min-height:44px;padding:0;border:0;background:none;font:inherit;font-size:.875rem;font-weight:700;text-align:start;color:var(--color-primary);cursor:pointer}.filter-more:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.math-fraction{white-space:nowrap}.math-fraction__stack{display:inline-flex;flex-direction:column;vertical-align:middle;margin-inline:.08em;font-size:.85em;line-height:1.1;text-align:center}.math-fraction__stack>*{padding-inline:.12em}.math-fraction__num{border-bottom:max(1px,.075em) solid currentColor}.coach-picture:has(>svg[data-clock-marks]){width:10rem;height:10rem}.items-prompt__drawing[data-draw=dartboard]{width:min(88vw,360px,36svh)}.items-run:has(~.items-prompt>[data-draw=dartboard]){font-size:1.25rem;line-height:1.25}:root[data-theme=dark] circle[data-bed=M]{stroke:#a7adb4;stroke-width:6}:root[data-theme=dark] svg:has(>circle[data-bed=M]){overflow:visible}@media(max-width:480px){.items-prompt:has(>[data-draw=dartboard])~.items-choices{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.keyboard-open .items-run:has(~.items-prompt>[data-draw=dartboard]){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.keyboard-open .items-prompt:has(~.items-typed)>.items-prompt__drawing[data-draw=dartboard]{--picture-company: calc(186px - 39px + var(--accent-company, 0px) + var(--ask-company, 0px))}}.coach-picture:has([data-bed]){width:12rem;height:12rem}@media(min-width:481px){.items-prompt__drawing>svg[style*=--ems]{max-width:calc(var(--ems) * 1.75rem);margin-inline:auto}}.items-prompt:has(>.items-prompt__drawing>svg[data-angle=protractor]){width:100%}.items-prompt__drawing:has(>svg[data-angle=protractor]){width:min(100%,28rem);aspect-ratio:auto}.items-prompt__drawing>svg[data-angle=protractor]{height:auto}.coach-picture:has(>svg[data-angle]){width:min(100%,16rem);height:auto}.coach-picture:has(>svg[data-angle=protractor]){width:min(100%,22rem)}.coach-picture>svg[data-angle]{height:auto;max-height:16rem}.items-prompt:has(>.items-prompt__drawing[data-draw=barmodel]){width:100%}.items-prompt__drawing[data-draw=barmodel]{width:min(100%,32rem);aspect-ratio:auto}.items-prompt__drawing[data-draw=barmodel]>svg{height:auto;max-height:42svh}@media(max-width:480px){.items-prompt__drawing[data-draw=barmodel]>svg{max-height:17svh}.items-prompt:has(~.items-choices:not(.picture-choices))>.items-prompt__drawing[data-draw=barmodel]:not([data-tall],.items-prompt__drawing--context),:root:not(.keyboard-open) .items-prompt:has(~.items-typed)>.items-prompt__drawing[data-draw=barmodel]:not([data-tall],.items-prompt__drawing--context){flex:1 0 80px;min-height:0;max-height:max-content}}.coach-picture:has(>[data-barmodel]){width:min(100%,22rem);height:auto}.coach-picture>[data-barmodel]{height:auto;max-height:16rem}.items-prompt:has(>.items-prompt__drawing[data-draw=cards]){width:100%}.items-prompt__drawing[data-draw=cards]{width:min(100%,32rem);aspect-ratio:auto}.items-prompt__drawing[data-draw=cards]>svg,.coach-picture>svg[data-draw=cards]{height:auto}.coach-picture:has(>svg[data-draw=cards]){width:min(100%,22rem);height:auto}.cards-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.cards-word,.cards-picture{display:block;box-sizing:border-box;border:2px solid var(--color-text);border-radius:8px;background:var(--color-surface)}.cards-word{min-height:44px;max-width:100%;padding:.375rem .75rem;color:var(--color-text);font-size:1.25rem;line-height:1.3;overflow-wrap:anywhere}.cards-picture{width:6.5rem;height:6.5rem;object-fit:contain}.items-prompt:has(>.items-prompt__drawing[data-draw=chance]){width:100%}.items-prompt__drawing[data-draw=chance]{width:min(100%,28rem);aspect-ratio:auto}.items-prompt__drawing[data-draw=chance]>svg{height:auto;max-height:42svh}@media(max-width:480px){.items-prompt__drawing[data-draw=chance]>svg{max-height:17svh}}.coach-picture:has(>svg[data-draw=chance]){width:min(100%,22rem);height:auto}.coach-picture>svg[data-draw=chance]{height:auto;max-height:12rem}.items-prompt:has(>.items-prompt__drawing[data-draw=chart]){width:100%}.items-prompt__drawing[data-draw=chart]{width:min(100%,32rem);aspect-ratio:auto}.items-prompt__drawing[data-draw=chart]>svg{height:auto;max-height:42svh}@media(max-width:480px){.items-prompt__drawing[data-draw=chart]>svg{max-height:17svh}}.coach-picture:has(>svg[data-draw=chart]){width:min(100%,22rem);height:auto}.coach-picture>svg[data-draw=chart]{height:auto;max-height:18rem}.items-prompt:has(>.items-prompt__drawing[data-draw=column]){width:100%}.items-prompt__drawing[data-draw=column]{width:min(100%,24rem);aspect-ratio:auto}.items-prompt__drawing[data-draw=column]>svg{height:auto;max-height:42svh}@media(max-width:480px){.items-prompt__drawing[data-draw=column]>svg{max-height:17svh}}.coach-picture:has(>[data-column]){width:min(100%,16rem);height:auto}.coach-picture>[data-column]{height:auto;max-height:16rem}.items-prompt:has(>.items-prompt__drawing[data-draw=figure]){width:100%}.items-prompt__drawing[data-draw=figure]{width:min(100%,28rem);aspect-ratio:auto}.items-prompt__drawing[data-draw=figure]>svg{height:auto;max-height:42svh}@media(max-width:480px){.items-prompt__drawing[data-draw=figure]>svg{max-height:17svh}}.picture-choice__drawing:has(>svg[data-draw=figure]){min-height:0}.picture-choice__drawing>svg[data-draw=figure] [data-point]>text,.picture-choice__drawing>svg[data-draw=figure] [data-text]>text{font-size:30px;stroke-width:7px}@media(max-width:480px){.picture-choice__drawing:has(>svg[data-draw=figure]){max-width:20svh}}.coach-picture:has(>svg[data-draw=figure]){width:min(100%,20rem);height:auto}.coach-picture>svg[data-draw=figure]{height:auto;max-height:16rem}@media(max-width:480px){.items-prompt:has(>.items-prompt__drawing[data-draw=figure])>.items-prompt__text,.items-prompt:has(~.picture-choices .picture-choice__drawing>svg[data-draw=figure])>.items-prompt__text{font-size:1.25rem}}.coach-picture:has(>svg[data-draw=fraction]){width:min(100%,16rem);height:auto}.coach-picture>svg[data-draw=fraction]{display:block;max-height:12rem}.items-prompt__drawing[data-draw=fraction],.picture-choice__drawing:has(>svg[data-draw=fraction]){min-height:0}.items-prompt:has(>.items-prompt__drawing>svg[data-draw=fraction][data-row]){width:100%}.items-prompt__drawing:has(>svg[data-draw=fraction][data-row]){width:min(100%,32rem);aspect-ratio:auto}.items-prompt__drawing>svg[data-draw=fraction][data-row]{height:auto;max-height:42svh}@media(max-width:480px){.items-prompt__drawing>svg[data-draw=fraction][data-row]{max-height:17svh}}.coach-picture:has(>[data-instrument]){width:12rem;height:12rem}.coach-picture:has(>[data-wide]){width:min(100%,24rem);height:auto;aspect-ratio:2}.items-prompt:has(>.items-prompt__drawing>[data-wide]){width:100%}.items-prompt__drawing:not(.items-prompt__drawing--context):has(>[data-wide]){width:min(100%,480px,52svh);aspect-ratio:2}@media(max-width:480px){.items-prompt:has(~.items-choices:not(.picture-choices))>.items-prompt__drawing--context[data-draw=instrument]:not(:has(>[data-wide])){width:min(60vw,240px,26svh);aspect-ratio:auto}}.kb{--kb-white: #fdfefe;--kb-white-ink: #14202a;--kb-black: #14202a;--kb-black-ink: #ffffff;--kb-edge: #4c5a60;--kb-right: #1d7f46;--kb-right-soft: #c9ecd7;--kb-wrong: #b8322a;--kb-wrong-soft: #f7d3cf;position:relative;width:100%;min-width:308px;max-width:380px;aspect-ratio:308 / 97;margin:0 auto;user-select:none;-webkit-user-select:none;touch-action:manipulation}@media(max-width:400px){.kb{max-width:308px}}.kb__key{position:absolute;top:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;padding:0 0 4px;margin:0;border:1px solid var(--kb-edge);border-radius:0 0 6px 6px;background:var(--kb-white);color:var(--kb-white-ink);font:inherit;font-size:.875rem;font-weight:700;line-height:1}.kb__key--white{height:100%}.kb__key--black{z-index:1;height:58%;border-color:var(--kb-black);background:var(--kb-black);color:var(--kb-black-ink);font-size:.75rem;padding-bottom:5px}.kb--picture{container-type:inline-size;top:50%;min-width:0;max-width:none;aspect-ratio:308 / 140;transform:translateY(-50%)}.kb--picture .kb__key{padding-bottom:2cqw;font-size:clamp(8px,4.4cqw,14px)}.kb--picture .kb__key--black{font-size:clamp(7px,3.6cqw,12px)}.kb--picture .kb__mark,.kb--picture .kb__key--black .kb__mark{width:7cqw;height:7cqw}button.kb__key{cursor:pointer;-webkit-tap-highlight-color:transparent}button.kb__key:not([aria-disabled=true]):active{transform:translateY(2px);filter:brightness(.88)}button.kb__key[aria-disabled=true]{cursor:default}.kb-editor .kb__key[data-off]{background-image:repeating-linear-gradient(135deg,transparent 0 5px,rgb(0 0 0 / .1) 5px 7px)}.kb-editor .kb__key--white[data-off]{background-color:#dfe5e5;color:#59666c}.kb-editor .kb__key--black[data-off]{border-color:#56636a;background-color:#56636a;background-image:repeating-linear-gradient(135deg,transparent 0 5px,rgb(255 255 255 / .14) 5px 7px)}.kb__key:focus{outline:none}.kb__key:focus-visible{z-index:2;outline:3px solid var(--color-outline);outline-offset:2px}.kb__key[aria-pressed=true].kb__key--white{background:var(--color-primary-soft)}.kb__label--tonic{padding-bottom:1px;border-bottom:2px solid currentColor}.kb__marks{display:flex;gap:2px}.kb__marks:has(>:nth-child(2)) .kb__mark{width:18px;height:18px}.kb__mark{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:20px;height:20px;border-radius:50%;font-size:.75rem;font-weight:700}.kb__mark--disc{background:var(--color-primary);box-shadow:0 0 0 2px var(--kb-white);color:var(--color-on-fill)}.kb__mark--ring{border:3px solid var(--color-primary);box-shadow:0 0 0 2px var(--kb-white);background:var(--kb-white);color:var(--kb-white-ink)}.kb__key--black .kb__mark{width:18px;height:18px}.kb-editor{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.kb-editor__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.kb-editor__tray{display:flex;gap:4px;margin:0;padding:0;list-style:none}.kb-editor__slot{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-width:40px;height:44px;padding:0 4px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-weight:700}.kb-editor__slot--empty{border:2px dashed var(--color-border);background:transparent;color:var(--color-text-muted);font-weight:400}.kb-editor__clear{min-width:44px;min-height:44px}.kb-staff{display:block;width:100%;max-width:360px;min-height:1px;color:var(--color-text)}.kb-editor>.kb-staff{max-width:160px}.kb-staff svg{display:block;margin:0 auto;color:inherit}.kb-staff svg path,.kb-staff svg text{fill:currentColor}.kb-panel{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.kb-panel__replay{flex:1 1 auto;min-width:0;max-width:180px;padding:2px 4px}@media(max-height:700px){.kb-panel__replay{max-width:140px}}.kb-panel .kb-staff .kb-lit path,.kb-panel .kb-staff .kb-lit text{fill:var(--color-primary)}.kb-panel__asks{display:flex;flex:0 0 auto;gap:6px;padding:4px}.kb-panel__ask{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:36px;height:44px;border:2px dashed var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);font-size:1.25rem;font-weight:700}.kb-panel__ask[data-lit]{border:3px solid var(--color-primary);background:var(--color-primary-soft);color:var(--color-text)}.kb-staff .kb-lit-band{fill:var(--color-primary-soft)}.kb-editor__check{display:inline-flex;min-width:0;margin:0;padding:0;border:0}.kb-editor__n{font-size:.75rem;font-weight:400;color:var(--color-text-muted)}.kb-editor .kb__key--white[data-verdict=right]{border-color:var(--kb-right);background:var(--kb-right-soft)}.kb-editor .kb__key--black[data-verdict=right]{border-color:var(--kb-right);background:var(--kb-right)}.kb-editor .kb__key--white[data-verdict=wrong]{border-color:var(--kb-wrong);background:var(--kb-wrong-soft)}.kb-editor .kb__key--black[data-verdict=wrong]{border-color:var(--kb-wrong);background:var(--kb-wrong)}.kb__mark--ring.kb__mark--right,.kb__mark--ring.kb__mark--wrong{color:#fff;font-size:.875rem}.kb__mark--ring.kb__mark--right{border-color:var(--kb-right);background:var(--kb-right)}.kb__mark--ring.kb__mark--wrong{border-color:var(--kb-wrong);background:var(--kb-wrong)}.kb-editor .kb__key[data-verdict=right]{animation:kb-right .4s ease-out}.kb-editor .kb__key[data-verdict=wrong]{animation:kb-wrong .4s ease-in-out}@keyframes kb-right{40%{transform:translateY(-4px)}}@keyframes kb-wrong{20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.kb-editor .kb__key[data-verdict]{animation:none}}.coach-picture:has(>svg[data-draw=logic]){width:min(100%,16rem);height:auto}.coach-picture>svg[data-draw=logic]{display:block;max-height:12rem}.items-prompt__drawing[data-draw=logic],.picture-choice__drawing:has(>svg[data-draw=logic]){min-height:0}.items-prompt:has(>.items-prompt__drawing[data-draw=money]){width:100%}.items-prompt__drawing[data-draw=money]{width:min(100%,24rem);aspect-ratio:auto}.items-prompt__drawing[data-draw=money]>svg{height:auto;max-height:42svh}@media(max-width:480px){.items-prompt__drawing[data-draw=money]>svg{max-height:17svh}}.coach-picture:has(>[data-money]){width:min(100%,16rem);height:auto}.coach-picture>[data-money]{height:auto;max-height:16rem}.items-prompt:has(>.items-prompt__drawing[data-draw=numberline]){width:100%}.items-prompt__drawing[data-draw=numberline]{width:min(100%,32rem);aspect-ratio:auto}.items-prompt__drawing[data-draw=numberline]>svg{height:auto;max-height:42svh}@media(max-width:480px){.items-prompt__drawing[data-draw=numberline]>svg{max-height:17svh}.items-prompt:has(~.items-choices:not(.picture-choices))>.items-prompt__drawing[data-draw=numberline]:not([data-tall],.items-prompt__drawing--context),:root:not(.keyboard-open) .items-prompt:has(~.items-typed)>.items-prompt__drawing[data-draw=numberline]:not([data-tall],.items-prompt__drawing--context){flex:1 0 80px;min-height:0;max-height:max-content}}.coach-picture:has(>[data-numberline]){width:min(100%,22rem);height:auto}.coach-picture>[data-numberline]{height:auto;max-height:16rem}.items-choices.picture-choices:has(.picture-choice__drawing>[data-numberline]:not([data-numberline=thermometer])){grid-template-columns:repeat(2,1fr)}@media(max-width:600px){.items-choices.picture-choices:has(.picture-choice__drawing>[data-numberline]:not([data-numberline=thermometer])){grid-template-columns:1fr}.picture-choices>.picture-choice:last-child:nth-child(odd):has(>.picture-choice__drawing>[data-numberline]){width:auto}}.picture-choice__drawing:has(>[data-numberline]:not([data-numberline=thermometer])){max-width:none;aspect-ratio:auto}.picture-choice__drawing>[data-numberline]:not([data-numberline=thermometer]){height:auto}.items-prompt:has(>.items-prompt__drawing[data-draw=pattern]){width:100%}.items-prompt__drawing[data-draw=pattern]{width:min(100%,32rem);aspect-ratio:auto}.items-prompt__drawing[data-draw=pattern]>svg{height:auto}@media(max-width:480px){.items-prompt__drawing[data-draw=pattern]>svg{max-height:17svh}}.coach-picture:has(>svg[data-draw=pattern]){width:min(100%,22rem);height:auto}.coach-picture>svg[data-draw=pattern]{height:auto}.items-prompt:has(>.items-prompt__drawing[data-draw=placevalue]){width:100%}.items-prompt__drawing[data-draw=placevalue]{width:min(100%,32rem);aspect-ratio:auto}.items-prompt__drawing[data-draw=placevalue]>svg{height:auto;max-height:42svh}@media(max-width:480px){.items-prompt__drawing[data-draw=placevalue]>svg{max-height:17svh}}.coach-picture:has(>[data-placevalue]){width:min(100%,24rem);height:auto}.coach-picture>[data-placevalue]{height:auto;max-height:16rem}.sentence{display:block;font-family:system-ui,sans-serif;font-size:1.125rem;line-height:1.45;text-align:center;overflow-wrap:anywhere}.sentence--word{font-size:2rem}.sentence__mark{margin-inline:.1em;padding:.08em .1em;border:2px solid currentColor;-webkit-box-decoration-break:clone;box-decoration-break:clone;text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:.12em}.items-prompt:has(>.items-prompt__drawing[data-draw=sentence]){width:100%}.items-prompt__drawing[data-draw=sentence]{width:min(100%,36rem);aspect-ratio:auto}.items-choices.picture-choices.picture-choices--drawn:has(>.picture-choice>.picture-choice__drawing>.sentence){grid-template-columns:1fr;max-width:36rem;container-type:normal;aspect-ratio:auto;min-height:auto;max-height:none}.items-choices.picture-choices.picture-choices--drawn:has(>.picture-choice>.picture-choice__drawing>.sentence)>.picture-choice:nth-child(n){grid-column:auto;width:auto;height:auto}.picture-choice__drawing:has(>.sentence){max-width:none;aspect-ratio:auto}.coach-picture:has(>.sentence){width:min(100%,22rem);height:auto}.items-prompt:has(>.items-prompt__drawing[data-draw=solid]){width:100%}.items-prompt__drawing[data-draw=solid]{width:min(100%,32rem);aspect-ratio:auto}.items-prompt__drawing[data-draw=solid]>svg{height:auto;max-height:42svh}@media(max-width:480px){.items-prompt__drawing[data-draw=solid]>svg{max-height:17svh}.items-prompt:has(~.items-choices:not(.picture-choices))>.items-prompt__drawing[data-draw=solid]:not([data-tall],.items-prompt__drawing--context),:root:not(.keyboard-open) .items-prompt:has(~.items-typed)>.items-prompt__drawing[data-draw=solid]:not([data-tall],.items-prompt__drawing--context){flex:1 0 80px;min-height:0;max-height:max-content}}.coach-picture:has(>svg[data-draw=solid]){width:min(100%,22rem);height:auto}.coach-picture>svg[data-draw=solid]{height:auto;max-height:18rem}.items-prompt:has(>.items-prompt__drawing[data-draw=table]){width:100%}.items-prompt__drawing[data-draw=table]{width:min(100%,32rem);aspect-ratio:auto}.items-prompt__drawing[data-draw=table]>svg{height:auto;max-height:42svh}@media(max-width:480px){.items-prompt__drawing[data-draw=table]>svg{max-height:17svh}}.coach-picture:has(>[data-table]){width:min(100%,24rem);height:auto}.coach-picture>[data-table]{height:auto;max-height:16rem}.clock-setter{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.clock-setter__dial{position:relative;width:min(100%,320px);aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.clock-setter__dial>svg{display:block}.clock-setter__handle{position:absolute;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);border:2px dashed currentColor}.clock-setter__handle--hour{color:#1e3a8a}.clock-setter__handle--minute{color:#c81e1e}.clock-setter__handle:focus-visible{outline:3px solid #1f2937;outline-offset:2px}.clock-setter__hint{margin:0;color:var(--color-text-muted);font-size:.875rem;text-align:center}.checkout-board{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.checkout-board__board{--checkout-chrome: 414px;width:clamp(160px,calc(100svh - var(--checkout-chrome)),min(100%,360px));aspect-ratio:1;border-radius:50%;touch-action:manipulation;user-select:none;-webkit-user-select:none}@media(min-width:768px){.checkout-board__board{--checkout-chrome: 471px}}.checkout-board__board>svg{display:block;width:100%;height:100%;cursor:pointer}.checkout-board__board[aria-disabled=true]>svg{cursor:default}.checkout-board__board:focus{outline:none}.checkout-board__board:focus-visible{outline:3px solid var(--color-outline);outline-offset:2px}.checkout-board__board:not(:focus-visible) [data-cursor]{display:none}.checkout-board__foot{display:flex;align-items:center;justify-content:center;gap:12px}.checkout-board__buttons,.checkout-board__tray{display:flex;align-items:center;justify-content:center;gap:4px}.checkout-board__button,.checkout-board__chip{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 4px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums}.checkout-board__button,button.checkout-board__chip{cursor:pointer}.checkout-board__button[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-fill)}.checkout-board__button:disabled,button.checkout-board__chip:disabled{cursor:default}.checkout-board__button:disabled{opacity:.5}.checkout-board__button:focus-visible,.checkout-board__chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.checkout-board__chip{min-width:52px}.checkout-board__chip--empty{border:2px dashed var(--color-border);background:transparent}.checkout-board__mark{width:1.25rem;font-size:1.25rem;text-align:center}.cards-setter{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.cards-setter__row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;touch-action:none;user-select:none;-webkit-user-select:none}.cards-setter__card{display:block;padding:0;border:0;border-radius:10px;background:none;color:inherit;cursor:grab;transition:transform .1s}.cards-setter__card>svg{display:block}.cards-setter__card--held{cursor:grabbing;transform:translateY(-4px);outline:3px solid var(--color-primary);outline-offset:2px}.cards-setter__card:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.cards-setter__card[aria-disabled=true]{cursor:default}.cards-setter__hint{margin:0;color:var(--color-text-muted);font-size:.875rem;text-align:center}.cards-setter__reveal>svg{max-width:100%;height:auto}@media(prefers-reduced-motion:reduce){.cards-setter__card{transition:none}}.nl-setter{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.nl-setter__line{position:relative;width:min(100%,32rem);touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}.nl-setter__line>svg{height:auto}.nl-setter__handle{position:absolute;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);border:2px dashed var(--color-text);cursor:grab}.nl-setter__handle:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.nl-setter__hint{margin:0;color:var(--color-text-muted);font-size:.875rem;text-align:center}.challenge-card{display:flex;flex-direction:column;gap:14px;min-height:220px;padding:20px;box-sizing:border-box;border-radius:18px;color:#fff;background:radial-gradient(130% 75% at 80% 110%,color-mix(in srgb,var(--trend-glow) 55%,transparent) 0%,transparent 62%),linear-gradient(160deg,var(--trend-from),var(--trend-to));box-shadow:0 6px 18px -8px #14202a73}.challenge-card__title{margin:0;font-size:.75rem;font-weight:800;line-height:1.3;letter-spacing:.07em;text-transform:uppercase;overflow-wrap:break-word}.challenge-card__prompt{flex:1;display:flex;flex-direction:column;gap:8px}.challenge-card__ask{margin:0;font-size:.95rem;font-weight:700;line-height:1.3;overflow-wrap:break-word}.challenge-card__question{margin:0;font-family:var(--font-display);font-size:1.625rem;font-weight:700;line-height:1.12;overflow-wrap:break-word}.challenge-card__gloss{margin:0;font-size:.95rem;line-height:1.3;overflow-wrap:break-word}.challenge-card__picture{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:12px;background:var(--color-surface)}.challenge-card__picture>img,.challenge-card__picture>svg{display:block;width:100%;height:124px;object-fit:contain}.challenge-card__credit{margin:0;font-size:.6875rem;line-height:1.3;color:var(--color-text-muted);text-align:center;overflow-wrap:anywhere}.challenge-card__choices{display:flex;flex-wrap:wrap;gap:8px}.challenge-card .answer-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;max-width:100%;min-height:40px;padding:.35rem 14px;border-radius:999px;font-size:.875rem;font-weight:800;line-height:1.2;text-align:start;overflow-wrap:anywhere}.challenge-card .answer-button:not(.answer-button--correct,.answer-button--incorrect,.answer-button--revealed){border-color:#fff;background:#fff;color:#14202a}@media(hover:hover){.challenge-card .answer-button:hover:not(:disabled):not(.answer-button--incorrect):not(.answer-button--correct){border-color:#e3f1ef;background:#e3f1ef;box-shadow:none}}.challenge-card__play{align-self:flex-start;display:inline-flex;align-items:center;max-width:100%;min-height:40px;padding:.35rem 16px;box-sizing:border-box;border-radius:999px;background:#14202a;color:#fff;font-size:.875rem;font-weight:800;line-height:1.2;text-decoration:none}.challenge-card__play:hover{background:#26394a;color:#fff}.challenge-card .answer-button:focus-visible,.challenge-card__play:focus-visible{outline:3px solid #ffffff;outline-offset:2px}@media(max-width:767px){.challenge-card{gap:12px;min-height:200px;padding:18px;box-shadow:none}.challenge-card__title{font-size:.6875rem}.challenge-card__question{font-size:1.5rem}.challenge-card__choices{gap:6px}.challenge-card .answer-button,.challenge-card__play{min-height:44px}}.pack-adults{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;max-width:44rem;padding:20px 24px;border:var(--border-ink);border-radius:var(--radius-lg);background:var(--color-surface)}.pack-adults-title{margin:0;font-size:1.125rem;font-weight:700}.pack-adults-body{margin:0;line-height:1.55}.pack-adults-link{display:inline-flex;align-items:center;min-height:44px;color:var(--color-primary);font-weight:600}.pack-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:10px;margin:0;padding:0;list-style:none}.pack-bento>li{display:grid;min-width:0}.pack-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-width:0;padding:16px;overflow:hidden;color:#fff;text-decoration:none;border-radius:18px;background:linear-gradient(160deg,var(--trend-from),var(--trend-to));container-type:inline-size}.pack-tile:focus-visible{outline:3px solid #ffffff;outline-offset:-7px}.pack-tile-icon{position:relative;flex:none;width:24px;height:24px;margin-bottom:auto}.pack-tile-kicker{position:relative;display:flex;align-items:center;gap:6px;font-size:.6875rem;font-weight:800;line-height:1.3;letter-spacing:.07em;text-transform:uppercase;overflow-wrap:anywhere}.pack-tile-draft{display:inline-flex;flex:none;padding:3px;color:#14202a;background:#fff;border-radius:999px}.pack-tile-draft>svg{width:12px;height:12px}.pack-tile-title{position:relative;font-family:var(--font-display);font-size:19px;font-weight:700;line-height:1.05;overflow-wrap:anywhere}.pack-tile--big .pack-tile-title{font-size:32px}.pack-tile>.pack-fan{display:flex;flex:none;width:auto;max-width:none;aspect-ratio:auto}.pack-tile>.pack-fan>img:nth-child(n){position:static;border-radius:10px;box-shadow:0 14px 28px -12px #0009;transform:none}.pack-tile--hero>.pack-fan{position:relative;align-self:flex-end;gap:8px;margin:2px -16px auto 0;padding-bottom:16px;transform:rotate(-6deg)}.pack-tile--hero>.pack-fan>img:nth-child(n){width:92px}.pack-tile:not(.pack-tile--hero)>.pack-fan{position:absolute;top:6px;right:-16px;gap:6px;transform:rotate(7deg)}.pack-tile:not(.pack-tile--hero)>.pack-fan>img:nth-child(n){width:var(--art-w)}.pack-tile:not(.pack-tile--hero):has(>.pack-fan){--art-w: min(60px, 25cqi);--art-top: 6px;padding-top:calc(var(--art-top) + 1.512 * var(--art-w) + 6px)}.pack-tile:not(.pack-tile--hero):has(>.pack-fan)>.pack-tile-icon{position:absolute;top:16px;left:16px}.pack-tile--big>.pack-tile-icon{position:absolute;top:16px;left:16px}@media(min-width:1024px){.pack-bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(200px,auto);gap:16px}.pack-tile{gap:6px;padding:22px;border-radius:20px;box-shadow:0 6px 18px -8px #14202a73}.pack-tile-icon{width:30px;height:30px}.pack-tile-kicker{font-size:.75rem;letter-spacing:.08em}.pack-tile-title{font-size:26px}.pack-tile--big .pack-tile-title{font-size:44px}.pack-tile-blurb{position:relative;display:-webkit-box;max-width:420px;overflow:hidden;font-size:.9375rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.pack-tile--hero>.pack-fan{gap:12px;margin:4px -10px auto 0;padding-bottom:24px}.pack-tile:not(.pack-tile--hero)>.pack-fan{top:12px;right:-20px;gap:9px}.pack-tile--big>.pack-tile-icon{top:22px;left:22px}.pack-tile>.pack-fan>img:nth-child(n){border-radius:12px;box-shadow:0 18px 36px -14px #0009}.pack-tile--hero>.pack-fan>img:nth-child(n){width:min(150px,25cqi)}.pack-tile:not(.pack-tile--hero):has(>.pack-fan){--art-w: min(92px, 24cqi);--art-top: 12px}.pack-tile:not(.pack-tile--hero):has(>.pack-fan)>.pack-tile-icon{top:22px;left:22px}}.pack-journey-badges{display:flex;flex-wrap:wrap;gap:12px 4px;margin:0;padding:0;list-style:none}.pack-journey-badges>li{display:flex;flex:1 1 60px;max-width:84px}.pack-journey-badge{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding-bottom:2px;color:var(--color-text-muted);text-decoration:none}.pack-journey-badge:hover .pack-journey-badge-name{text-decoration:underline}.pack-journey-badge-ring{position:relative;display:block;flex:none;width:52px;height:52px}.pack-journey-badge-ring>svg:first-child{display:block;width:100%;height:100%}.pack-journey-badge-track{fill:var(--color-bg);stroke:var(--color-sunken);stroke-width:3}.pack-journey-badge-fill{fill:none;stroke:var(--color-gold);stroke-width:3;stroke-linecap:round}.pack-journey-badge-ribbon{position:absolute;left:28.85%;top:28.85%;width:42.3%;height:42.3%;stroke-width:2}.pack-journey-badge-name{font-size:.6875rem;font-weight:700;line-height:1.2;text-align:center;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:8 4 4}.pack-journey-badge[aria-current=page]{color:#8a3a22}.pack-journey-badge[aria-current=page] .pack-journey-badge-track{fill:var(--color-secondary-soft)}.pack-journey-badge-ring[data-earned]{color:#8a6500}.pack-journey-badge-ring[data-earned] .pack-journey-badge-track{fill:#fdf3c4}:root[data-theme=dark] .pack-journey-badge-track{stroke:var(--color-border)}:root[data-theme=dark] .pack-journey-badge[aria-current=page]{color:var(--color-secondary)}:root[data-theme=dark] .pack-journey-badge-ring[data-earned]{color:var(--color-accent-strong)}:root[data-theme=dark] .pack-journey-badge-ring[data-earned] .pack-journey-badge-track{fill:var(--color-accent-soft)}.pack-journey-badge-ring.pack-journey-finish-badge{width:72px;height:72px;margin:0 auto .75rem}.pack-journey{display:flex;flex-direction:column;gap:28px}.pack-journey-lead{margin:0;font-size:1.0625rem;font-weight:700;color:var(--color-text)}.pack-journey-main{display:flex;flex-direction:column;gap:30px;padding:36px;background:var(--color-surface);border:var(--border-ink);border-radius:24px;box-shadow:var(--shadow-offset)}.pack-journey-head{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}.pack-journey-words{display:flex;flex-direction:column;gap:8px;max-width:640px;min-width:0}.pack-journey-eyebrow{display:flex;align-items:center;gap:8px;margin:0;font-size:.8125rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary)}.pack-journey-draft{display:inline-flex;padding:4px;color:var(--color-on-fill);background:var(--color-primary);border-radius:999px}.pack-journey-draft>svg{width:14px;height:14px}.pack-journey-title{margin:0;font-family:var(--font-display);font-size:2.875rem;font-weight:700;line-height:1;letter-spacing:-.02em;overflow-wrap:anywhere}.pack-journey-blurb{margin:0;font-size:1.0625rem;line-height:1.5;color:var(--color-text-muted)}.pack-journey-facts{margin:0;text-wrap:balance;font-size:.9375rem;font-weight:600}.pack-journey-tally-box{flex:0 0 260px;display:flex;flex-direction:column;gap:10px;padding:18px 20px;background:var(--color-bg);border-radius:18px}.pack-journey-tally{margin:0;font-size:1rem;font-weight:700;color:var(--color-text-muted)}.pack-journey-tally-big{margin-right:4px;font-family:var(--font-display);font-size:2.5rem;line-height:1;color:var(--color-text)}.pack-journey-bar{height:10px;overflow:hidden;background:var(--color-sunken);border-radius:999px}.pack-journey-bar>span{display:block;height:100%;background:var(--color-primary);border-radius:999px}.pack-journey-change{align-self:flex-start;padding:9px 0;font-size:.875rem;font-weight:800;color:var(--color-primary)}.pack-journey-route{display:flex;flex-direction:column;gap:18px}.pack-journey-path{--row-gap: 28px;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-template-rows:repeat(var(--rows),auto);row-gap:var(--row-gap);isolation:isolate}.pack-journey-steps{grid-area:1 / 1 / -1 / -1;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;margin:0;padding:0;list-style:none}.pack-journey-step{position:relative;display:flex;min-width:0}.pack-journey-path [data-link]:before{content:"";position:absolute;z-index:-1;top:33px;width:100%;height:6px;background:var(--color-sunken)}.pack-journey-path [data-link=right]:before{left:50%}.pack-journey-path [data-link=left]:before{right:50%}.pack-journey-path [data-link^=bend]:before{width:calc(50% + 20px);height:calc(100% + var(--row-gap) + 6px);box-sizing:border-box;background:none;border:6px solid var(--color-sunken)}.pack-journey-path [data-link=bend-right]:before{left:50%;border-left:0;border-radius:0 36px 36px 0}.pack-journey-path [data-link=bend-left]:before{right:50%;border-right:0;border-radius:36px 0 0 36px}.pack-journey-path [data-link][data-on]:before{background:var(--color-primary)}.pack-journey-path [data-link^=bend][data-on]:before{background:none;border-color:var(--color-primary)}.pack-journey-path [data-over-drawer]:before{height:calc(100% + var(--row-gap) * 2 + var(--drawer-h, 0px) + 6px)}.pack-journey-drawer{align-self:start;padding-top:12px}.pack-journey-step-body{flex:1;display:flex;min-width:0}.pack-journey-step-button{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:0 4px 10px;color:var(--color-text);text-align:center;background:transparent;border:0;border-radius:16px;cursor:pointer}.pack-journey-step[data-selected] .pack-journey-step-button{background:var(--color-bg);box-shadow:inset 0 0 0 2px var(--color-primary)}.pack-journey-step-button:focus-visible{outline:3px solid var(--color-outline);outline-offset:2px}.pack-journey-node{display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;margin:12px 0;box-sizing:border-box;font-size:1.0625rem;font-weight:800;color:var(--color-text-muted);background:var(--color-surface);border:2px solid var(--color-border);border-radius:50%}.pack-journey-step[data-state=mastered] .pack-journey-node{color:#8a6500;background:#fdf3c4;border:3px solid var(--color-gold)}.pack-journey-node>svg{width:22px;height:22px;stroke-width:3}.pack-journey-step[data-state=current] .pack-journey-node{width:64px;height:64px;margin:4px 0;font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--color-on-fill);background:var(--color-primary);border:0;box-shadow:0 0 0 8px var(--color-primary-soft),0 12px 24px -8px color-mix(in srgb,var(--color-primary) 70%,transparent)}.pack-journey-step-name{font-size:.875rem;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.pack-journey-step-sub{font-size:.75rem;font-weight:700;color:var(--color-text-muted)}.pack-journey-step[data-state=mastered] .pack-journey-step-sub{color:#5c4400}.pack-journey-step[data-state=current] .pack-journey-step-sub{color:var(--color-primary)}.pack-journey-goal{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:0 4px;text-align:center}.pack-journey-goal-node{display:flex;align-items:center;justify-content:center;flex:none;width:60px;height:60px;margin:6px 0;box-sizing:border-box;color:#8a3a22;background:var(--color-secondary-soft);border:2px dashed var(--color-secondary);border-radius:50%}.pack-journey-goal-node>svg{width:28px;height:28px;stroke-width:2}.pack-journey-goal[data-earned] .pack-journey-goal-node{color:#8a6500;background:#fdf3c4;border:3px solid var(--color-gold)}.pack-journey-goal-words{display:flex;flex-direction:column;gap:8px;margin:0}.pack-journey-goal-name{font-size:.875rem;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.pack-journey-goal-sub{font-size:.75rem;font-weight:700;color:#8a3a22}.pack-journey-order{margin:0;font-size:.875rem;color:var(--color-text-muted);text-align:center}:root[data-theme=dark] .pack-journey-step[data-state=mastered] .pack-journey-node,:root[data-theme=dark] .pack-journey-goal[data-earned] .pack-journey-goal-node{color:var(--color-accent-strong);background:var(--color-accent-soft)}:root[data-theme=dark] .pack-journey-step[data-state=mastered] .pack-journey-step-sub{color:var(--color-accent-strong)}:root[data-theme=dark] .pack-journey-goal-node,:root[data-theme=dark] .pack-journey-goal-sub{color:var(--color-secondary)}.pack-journey-card{display:grid;grid-template-columns:300px minmax(0,1fr);overflow:hidden;background:var(--color-surface);border:var(--border-ink);border-radius:24px}.pack-journey-card-picture,.pack-journey-pick-cover{background:radial-gradient(130% 75% at 80% 110%,color-mix(in srgb,var(--trend-glow) 55%,transparent) 0%,transparent 62%),linear-gradient(160deg,var(--trend-from),var(--trend-to))}.pack-journey-card-picture{display:flex;align-items:flex-end;justify-content:center;padding:28px 24px 0}.pack-journey-card-picture-link{display:grid}.pack-journey-card-preview{display:block;width:100%;height:260px;object-fit:cover;object-position:top;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 -8px 30px -10px #00000080}.pack-journey-card-icon{align-self:center;width:96px;height:96px;margin-bottom:28px;color:#fff}:root[data-theme=dark] .pack-journey-card-preview,:root[data-theme=dark] .pack-journey-pick-thumbs>img{filter:brightness(.9)}.pack-journey-card-words{display:flex;flex-direction:column;gap:12px;min-width:0;padding:28px 32px}.pack-journey-card-eyebrow{margin:0;font-size:.8125rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary)}.pack-journey-card-title{margin:0;font-family:var(--font-display);font-size:1.875rem;font-weight:700;line-height:1.1;overflow-wrap:anywhere}.pack-journey-card-tagline{margin:0;font-family:var(--font-display);font-size:1.375rem;font-weight:600;color:var(--color-primary-strong)}.pack-journey-card-note{margin:0;font-size:1rem;line-height:1.5;color:var(--color-text-muted)}.pack-journey-card-score{display:flex;align-items:center;gap:12px;margin-top:auto}.pack-journey-card-score>svg{flex:none;width:36px;height:36px}.pack-journey-card-score .progress-ring-track{stroke:var(--color-primary-soft)}.pack-journey-card-score>p{display:flex;flex-direction:column;margin:0}.pack-journey-card-score b{font-size:.9375rem;font-weight:800}.pack-journey-card-score span{font-size:.8125rem;color:var(--color-text-muted)}.pack-journey-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.pack-journey-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;font-size:1rem;font-weight:800;color:var(--color-on-fill);text-decoration:none;background:var(--color-primary);border-radius:999px}.pack-journey-go>svg{width:14px;height:14px;fill:currentColor}.pack-journey-details{display:inline-flex;align-items:center;min-height:50px;padding:0 20px;font:inherit;font-size:.9375rem;font-weight:800;color:var(--color-text);background:transparent;border:2px solid var(--color-border);border-radius:999px;cursor:pointer}.pack-journey-row{display:grid;gap:24px}.pack-journey-side{display:flex;flex-direction:column;gap:16px;min-width:0}@media(min-width:1080px){.pack-journey-side{flex-direction:row;align-items:stretch}.pack-journey-side>*{flex:1;min-width:0}}.pack-journey-badges-card{flex:1;display:flex;flex-direction:column;gap:14px;padding:22px;background:var(--color-surface);border:var(--border-ink);border-radius:24px}.pack-journey-badges-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}.pack-journey-badges-title{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:700}.pack-journey-badges-count{font-size:.8125rem;font-weight:700;color:var(--color-text-muted)}.pack-journey-badges-hint{margin:0;font-size:.875rem;line-height:1.45;color:var(--color-text-muted)}.pack-journey-workout{display:flex;flex-direction:column;gap:10px;padding:22px;color:#fff;background:radial-gradient(400px 220px at 90% 120%,#2bb5a680,#2bb5a600 60%),linear-gradient(160deg,#0f5f58,#0a4a45);border-radius:24px}.pack-journey-workout-eyebrow{display:flex;align-items:center;gap:8px;margin:0;font-size:.8125rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#bfe9e3}.pack-journey-workout-eyebrow>svg{flex:none;width:16px;height:16px;fill:#f59e0b;stroke:#f59e0b}.pack-journey-workout-title{margin:0;font-family:var(--font-display);font-size:1.375rem;font-weight:700;line-height:1.2;overflow-wrap:break-word}.pack-journey-workout-line{margin:0;font-size:.9375rem;line-height:1.5;color:#d6f0ec;overflow-wrap:break-word}.pack-journey-workout-go{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:4px;padding:0 20px;font-size:.9375rem;font-weight:800;color:#0a4a45;text-align:center;text-decoration:none;background:#fff;border-radius:999px}.pack-journey-workout-go:hover{background:#dcefec}.pack-journey-workout-go:focus-visible{outline:3px solid #ffffff;outline-offset:2px}.pack-play-failed{margin:0}.pack-play-failed:not(:empty){max-width:26rem;margin-top:12px;padding:8px 14px;color:#14202a;font-size:.875rem;font-weight:600;line-height:1.4;background:#fff;border-radius:12px}.pack-journey-others{display:flex;flex-direction:column;gap:16px;margin-top:12px;scroll-margin-top:5rem}.pack-journey-section-title{margin:0;font-family:var(--font-display);font-size:1.875rem;font-weight:700;line-height:1.15}.pack-journey-section-sub{margin:6px 0 0;font-size:1rem;color:var(--color-text-muted)}.pack-journey-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(208px,1fr));gap:16px;margin:0;padding:0;list-style:none}.pack-journey-picks>li{display:grid}.pack-journey-pick{display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface);border:2px solid var(--color-border);border-radius:20px}.pack-journey-pick[data-on-screen]{border-color:var(--color-primary)}.pack-journey-pick-cover{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:168px;padding:52px 16px 16px;box-sizing:border-box;overflow:hidden;color:#fff}.pack-journey-pick-thumbs{position:absolute;z-index:0;top:-12px;right:-24px;display:flex;gap:6px;transform:rotate(-7deg)}.pack-journey-pick-cover:after{content:"";position:absolute;z-index:1;inset:auto 0 0;height:64%;background:linear-gradient(to top,color-mix(in srgb,var(--trend-to) 92%,transparent) 60%,transparent);pointer-events:none}.pack-journey-pick-cover>:not(.pack-journey-pick-thumbs){z-index:2}.pack-journey-pick-thumbs>img{width:58px;height:78px;object-fit:cover;object-position:top;background:#fff;border-radius:8px;box-shadow:0 10px 20px -8px #0009}.pack-journey-pick-icon{position:absolute;top:16px;left:16px;width:28px;height:28px}.pack-journey-pick-kicker{position:relative;margin:0;font-size:.6875rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#ffffffd9}.pack-journey-pick-title{position:relative;margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:700;line-height:1.1;overflow-wrap:anywhere}.pack-journey-pick-dots{position:relative;display:flex;gap:4px;margin-top:6px}.pack-journey-pick-dots>span{flex:1;height:5px;background:#ffffff52;border-radius:999px}.pack-journey-pick-dots>span[data-state=started]{background:#fff}.pack-journey-pick-dots>span[data-state=mastered]{background:var(--color-gold)}.pack-journey-pick-body{flex:1;display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px}.pack-journey-pick-blurb{flex:1;margin:0;font-size:.875rem;line-height:1.45;color:var(--color-text-muted)}.pack-journey-pick-status{margin:0;font-size:.75rem;font-weight:800;color:var(--color-text-muted)}.pack-journey-pick-go,.pack-journey-pick-on{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:4px 12px;box-sizing:border-box;font-size:.875rem;font-weight:800;text-align:center;border-radius:999px}.pack-journey-pick-go{color:var(--color-on-fill);text-decoration:none;background:var(--color-primary)}.pack-journey-pick-on{color:var(--color-primary-deep);background:var(--color-primary-soft)}.pack-journey-roam{display:flex;align-items:center;gap:24px;padding:20px 24px;background:var(--color-surface);border:var(--border-ink);border-radius:20px}.pack-journey-roam-head{flex:0 0 auto}.pack-journey-roam-head .pack-journey-section-sub{margin:0;font-size:.875rem}.pack-journey-roam-title{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:700}.pack-journey-roam-chips{flex:1;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.pack-journey-roam-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 10px;box-sizing:border-box;font-size:.875rem;font-weight:700;color:var(--color-text);text-decoration:none;background:var(--color-bg);border-radius:999px}.pack-journey-roam-chip>svg{width:20px;height:20px;color:var(--color-primary)}.pack-journey-roam-all{display:inline-flex;flex:0 0 auto;align-items:center;min-height:44px;font-size:.9375rem;font-weight:800;color:var(--color-primary)}.pack-journey--phone{gap:16px}.pack-journey-pills{display:flex;gap:8px;padding-bottom:4px;overflow-x:auto}.pack-journey-pill{display:inline-flex;flex:0 0 auto;align-items:center;min-height:44px;padding:0 16px;box-sizing:border-box;font-size:.875rem;font-weight:800;color:var(--color-text);white-space:nowrap;text-decoration:none;background:var(--color-surface);border:var(--border-ink);border-radius:999px}.pack-journey-pill[aria-current=page]{color:var(--color-on-fill);background:var(--color-primary);border-color:var(--color-primary)}.pack-journey--phone .pack-journey-main{gap:14px;padding:0;background:none;border:0;box-shadow:none}.pack-journey--phone .pack-journey-head{flex-direction:column;gap:12px}.pack-journey--phone .pack-journey-eyebrow{font-size:.75rem}.pack-journey--phone .pack-journey-title{font-size:2.125rem;line-height:1.02}.pack-journey--phone .pack-journey-blurb{font-size:.9375rem}.pack-journey--phone .pack-journey-tally-box{flex:none;flex-direction:row;align-items:center;gap:12px;align-self:stretch;padding:0;background:none}.pack-journey--phone .pack-journey-bar{flex:1}.pack-journey-tally-short{margin:0;font-size:.875rem;font-weight:800}.pack-journey--phone .pack-journey-route{gap:6px;padding:14px 14px 10px 10px;background:var(--color-surface);border:var(--border-ink);border-radius:22px;box-shadow:var(--shadow-offset)}.pack-journey--phone .pack-journey-path,.pack-journey--phone .pack-journey-steps{display:block}.pack-journey--phone .pack-journey-step,.pack-journey--phone .pack-journey-goal{display:flex;flex-direction:row;align-items:stretch;gap:12px;padding:0;text-align:left}.pack-journey-rail{flex:0 0 48px;display:flex;flex-direction:column;align-items:center}.pack-journey-rail-line{width:4px;height:8px;background:var(--color-border)}.pack-journey-rail-line:last-child{flex:1;min-height:8px}.pack-journey-rail-line[data-on]{background:var(--color-primary)}.pack-journey-rail-line[data-first]{background:transparent}.pack-journey--phone .pack-journey-node{width:40px;height:40px;margin:0;font-size:.9375rem}.pack-journey--phone .pack-journey-node>svg{width:18px;height:18px}.pack-journey--phone .pack-journey-step[data-state=current] .pack-journey-node{width:44px;height:44px;margin:0;font-size:1.25rem;box-shadow:0 0 0 6px var(--color-primary-soft)}.pack-journey--phone .pack-journey-step-body{flex-direction:column;padding:4px 0 10px}.pack-journey--phone .pack-journey-step-button{justify-content:center;align-items:stretch;gap:2px;min-height:48px;padding:4px 0;text-align:left;border-radius:8px}.pack-journey--phone .pack-journey-step[data-selected] .pack-journey-step-button{background:transparent;box-shadow:none}.pack-journey--phone .pack-journey-step-name{font-size:1rem;line-height:1.2}.pack-journey--phone .pack-journey-step-sub{font-size:.8125rem}.pack-journey--phone .pack-journey-goal-node{width:48px;height:48px;margin:0}.pack-journey--phone .pack-journey-goal-node>svg{width:24px;height:24px}.pack-journey--phone .pack-journey-goal-words{flex:1;gap:2px;padding:12px 0 8px}.pack-journey--phone .pack-journey-goal-name{font-size:1rem}.pack-journey--phone .pack-journey-goal-sub{font-size:.8125rem}.pack-journey--phone .pack-journey-order{margin:0 0 0 4px;font-size:.8125rem;text-align:left}.pack-journey--phone .pack-journey-card{display:block;margin-top:8px;border-radius:18px}.pack-journey--phone .pack-journey-card-picture{align-items:flex-start;height:118px;padding:14px 16px 0;overflow:hidden;box-sizing:border-box}.pack-journey--phone .pack-journey-card-preview{height:180px;border-radius:10px 10px 0 0}.pack-journey--phone .pack-journey-card-icon{width:64px;height:64px;margin:0}.pack-journey--phone .pack-journey-card-words{gap:10px;padding:14px 16px 16px}.pack-journey--phone .pack-journey-card-tagline{font-size:1.1875rem}.pack-journey--phone .pack-journey-card-note{font-size:.875rem}.pack-journey--phone .pack-journey-card-score>svg{width:30px;height:30px}.pack-journey--phone .pack-journey-card-score b{font-size:.875rem}.pack-journey--phone .pack-journey-card-score span{font-size:.75rem}.pack-journey--phone .pack-journey-go{flex:1;min-height:48px;font-size:.9375rem}.pack-journey--phone .pack-journey-workout{padding:20px;background:radial-gradient(300px 200px at 90% 120%,#2bb5a680,#2bb5a600 60%),linear-gradient(160deg,#0f5f58,#0a4a45);border-radius:22px}.pack-journey--phone .pack-journey-workout-eyebrow{font-size:.75rem}.pack-journey--phone .pack-journey-workout-eyebrow>svg{width:15px;height:15px}.pack-journey--phone .pack-journey-workout-title{font-size:1.25rem}.pack-journey--phone .pack-journey-workout-line{font-size:.875rem}.pack-journey--phone .pack-journey-workout-go{margin-top:0}.pack-journey--phone .pack-journey-others{margin-top:12px;gap:12px}.pack-journey--phone .pack-journey-section-title{font-size:1.5rem}.pack-journey--phone .pack-journey-picks{display:flex;gap:12px;padding:2px 0 10px;overflow-x:auto}.pack-journey--phone .pack-journey-picks>li{flex:0 0 236px}.pack-journey--phone .pack-journey-pick{border-width:1px;border-radius:18px}.pack-journey--phone .pack-journey-pick-cover{min-height:136px;padding:48px 14px 14px}.pack-journey--phone .pack-journey-pick-thumbs{top:-10px;right:-22px}.pack-journey--phone .pack-journey-pick-thumbs>img{width:50px;height:66px}.pack-journey--phone .pack-journey-pick-title{font-size:1.1875rem}.pack-journey--phone .pack-journey-pick-body{gap:8px;padding:12px 14px 14px}.pack-journey--phone .pack-journey-pick-blurb{font-size:.8125rem}.pack-journey--phone .pack-journey-roam{flex-direction:column;align-items:stretch;gap:10px;padding:4px 0 0;background:none;border:0}.pack-journey--phone .pack-journey-roam-chip{background:var(--color-surface);border:var(--border-ink)}.pack-journey--phone .pack-journey-roam-all{align-self:flex-start}.pack-page{display:flex;flex-direction:column;gap:3.5rem}.pack-challenges,.pack-modules,.pack-related{display:flex;flex-direction:column;gap:20px;min-width:0}.pack-section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}.pack-section-title{margin:0;font-family:var(--font-display);font-size:2.125rem;font-weight:700;line-height:1.15;letter-spacing:-.015em}.pack-challenges-hint{margin:0;color:var(--color-text-muted);font-size:.9375rem}.pack-challenges-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.pack-modules>.pack-progress{max-width:24rem}.pack-modules-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:14px;margin:0;padding:0;list-style:none}.pack-modules-list>li{display:grid}@media(max-width:767px){.pack-page{gap:2rem}.pack-challenges,.pack-modules,.pack-related{gap:14px}.pack-section-title{font-size:1.625rem}.pack-challenges-hint{display:none}.pack-challenges-row{position:relative;display:flex;gap:12px;margin:0 -.75rem;padding:2px .75rem 12px;overflow-x:auto;scroll-padding-inline:.75rem}.pack-challenges-row>.challenge-card{flex:0 0 236px}}@media(max-width:480px){.pack-modules-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.admin-page-header{margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.admin-page-header h3{margin:0}:root{--admin-card-gap: 1.25rem}.admin-card{margin-bottom:var(--admin-card-gap);padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow)}.admin-card>.admin-card__title{margin:0 0 .75rem;font-size:1rem}.admin-badge{display:inline-block;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap;background:var(--color-bg);color:var(--color-text-muted)}.admin-badge--info{background:var(--color-primary-soft);color:var(--color-primary-deep)}.admin-badge--success{background:var(--color-success-soft);color:var(--color-success-strong)}.admin-badge--warning{background:var(--color-accent-soft);color:var(--color-accent-strong)}.admin-badge--danger{background:var(--color-danger-soft);color:var(--color-danger-strong)}.admin-field--dirty{border-color:var(--color-accent-strong)!important;box-shadow:inset 0 0 0 1px var(--color-accent-strong);background:var(--color-accent-soft)}.calibration-effective tr.dirty td{background:var(--color-accent-soft);box-shadow:inset 0 0 0 1px var(--color-accent-strong);font-weight:600}.admin-save-bar{position:sticky;bottom:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:1.25rem;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md)}.admin-save-bar__summary{margin:0;font-weight:600}.admin-save-bar__error{flex-basis:100%;order:3;margin:0;color:var(--color-danger-strong);font-size:.875rem}.admin-save-bar__actions{display:flex;gap:.5rem;margin-left:auto}.admin-save-bar .admin-save-bar__primary,.admin-save-bar .admin-save-bar__primary:hover:not(:disabled){border-color:var(--color-primary-strong);background:var(--color-primary-strong);color:var(--color-on-fill)}.admin-row-error{display:block;margin-top:.25rem;color:var(--color-danger-strong);font-size:.75rem}.view-as-switch{display:flex;flex-wrap:wrap;gap:0 1.25rem;margin:0 0 .75rem;padding:.25rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius)}.view-as-switch label{display:inline-flex;align-items:center;gap:.375rem;min-height:44px;cursor:pointer}.users-section__search{width:100%;max-width:24rem;min-height:44px;margin-bottom:.75rem;padding:.375rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);font:inherit}.users-section th button{padding:0;border:0;background:none;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit}.users-section th button:hover:not(:disabled){background:none;text-decoration:underline}.users-section__row{cursor:pointer}.users-section__row:hover td{background:var(--color-bg)}.admin-actions-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem}.admin-actions-filters label{display:flex;flex:1 1 12rem;flex-direction:column;gap:.25rem;font-size:.875rem;color:var(--color-text-muted)}.admin-actions-filters select,.admin-actions-filters input{min-height:44px;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:.875rem}.admin-actions-section nav{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem}.overview-legend{margin:0 0 .75rem;font-size:.85rem;color:var(--color-text-muted)}.overview-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.75rem;margin-bottom:1.25rem}.overview-kpi__windows{margin:.25rem 0 0;font-size:.875rem}.overview-kpi__windows>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem}.overview-kpi__windows dt{color:var(--color-text-muted);white-space:nowrap}.overview-kpi__note{white-space:nowrap}.overview-kpi__windows dd{margin:0;font-weight:600;text-align:right}.overview-range{display:flex;gap:.5rem;margin-bottom:.75rem}.overview-range button{min-height:44px;padding:.25rem .75rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);cursor:pointer}.overview-range button[aria-pressed=true],.overview-range button[aria-pressed=true]:hover{background:var(--color-primary-soft);border-color:var(--color-primary-deep);color:var(--color-primary-deep);font-weight:700}.home-metrics__range{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-bottom:.75rem}.home-metrics__range label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--color-text-muted)}.home-metrics__range input{min-height:44px;padding:.25rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:.95rem}.home-metrics__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem .5rem}.home-metrics__tiles .overview-kpi__windows dt,.home-metrics__tiles .overview-kpi__windows dd{white-space:normal;overflow-wrap:anywhere}.home-metrics__hint,.home-metrics__note{margin:0;font-size:.8rem;color:var(--color-text-muted)}.home-metrics__note{font-style:italic}.home-metrics__queries-title{margin:0 0 .5rem;font-size:.9rem}.home-metrics__queries{margin:0;padding-left:1.75rem;columns:14rem;font-size:.875rem;overflow-wrap:anywhere}.home-metrics__queries li span:last-child{color:var(--color-text-muted)}.admin-chart__legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:0 0 .5rem;padding:0;list-style:none;font-size:.85rem}.admin-chart__legend li{display:inline-flex;align-items:center;gap:.375rem}.admin-chart__series--0{stroke:var(--color-accent-strong);stroke-dasharray:6 3}.admin-chart__series--1{stroke:var(--color-primary-deep);stroke-dasharray:2 2}.admin-chart__series--2{stroke:var(--color-text)}.admin-chart polyline,.admin-chart__legend line{stroke-width:2}.learner-groups{margin:0;padding-left:1.25rem}.learner-facts{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0 0 .75rem}.learner-facts dt{font-weight:600}.learner-facts dd{margin:0;overflow-wrap:anywhere}.learner-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.contact-messages-section td{vertical-align:top}.contact-messages-date{white-space:nowrap}.contact-messages-text{white-space:pre-wrap;overflow-wrap:anywhere;min-width:16rem}.languages-section__row,.first-play-guide-section__row,.live-quiz-section__row{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;padding:.5rem;border-radius:.375rem}.languages-section__row label,.first-play-guide-section__row label,.live-quiz-section__row label{display:inline-flex;align-items:center;gap:.5rem;min-height:44px}.languages-section__hint{color:var(--color-text-muted);font-size:.875rem}