:root{--color-canvas:#131211;--color-surface:#1c1a18;--color-surface-muted:#24211e;--color-surface-raised:#221f1c;--color-surface-inverse:#f2efe9;--color-border:#322e29;--color-border-strong:#46403a;--color-text:#f2efe9;--color-text-muted:#a49d92;--color-text-subtle:#7d766c;--color-text-inverse:#1c1a18;--color-accent:#e0904f;--color-accent-hover:#eaa66c;--color-accent-active:#f2bb8b;--color-accent-soft:#331f0f;--color-accent-contrast:#2a1405;--color-focus:#eaa66c;--color-success:#5cbb9b;--color-success-soft:#14302a;--color-warning:#d9a441;--color-warning-soft:#33270f;--color-danger:#e5796d;--color-danger-soft:#351b19;--color-danger-contrast:#2b0f0b;--color-info:#6aabd8;--color-info-soft:#142633;--color-overlay:#080706a6;--font-sans:"Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", roboto, sans-serif;--font-display:"Fredoka", "Instrument Sans", ui-rounded, ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, sfmono-regular, "SF Mono", menlo, consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.375rem;--text-5xl:3rem;--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.6;--tracking-tight:-.015em;--tracking-wide:.04em;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1.125rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000073, 0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000073, 0 1px 3px #0000004d;--shadow-lg:0 12px 32px #0000008c, 0 2px 6px #00000059;--shadow-none:0 0 0 0 #0000;--surface-shadow:var(--shadow-none);--glass-panel-bg:#ffffff0a;--glass-panel-bg-strong:#ffffff12;--glass-inset-bg:#0000004d;--glass-stage-bg:#ffffff14;--glass-chrome-bg:color-mix(in oklab, var(--color-canvas) 78%, transparent);--glass-chrome-bg-opaque:color-mix(in oklab, var(--color-canvas) 97%, transparent);--glass-hairline:#ffffff17;--glass-hairline-strong:#ffffff29;--glass-edges:inset 0 0 0 1px var(--glass-hairline), inset 0 1px 0 #fff3, inset 1px 0 0 #ffffff17, inset 0 -1px 0 #0000004d;--glass-edge-top:inset 0 1px 0 #ffffff1f;--glass-well:inset 0 0 0 1px var(--glass-hairline), inset 0 2px 4px #00000073, inset 0 -1px 0 #ffffff12;--glass-sheen:linear-gradient(180deg, #ffffff0f 0%, #ffffff05 34%, #fff0 68%);--glass-sheen-lit:radial-gradient(140% 70% at 50% -24%, #ffffff1a, #fff0 58%);--glass-tint:linear-gradient(color-mix(in oklab, var(--color-accent) 6%, transparent), color-mix(in oklab, var(--color-accent) 6%, transparent));--glass-blur:18px;--glass-blur-sm:12px;--glass-saturate:130%;--glass-shadow:0 1px 2px #00000080, 0 14px 34px -12px #0009;--glass-shadow-raised:0 2px 4px #00000085, 0 26px 56px -18px #000000ad;--glass-shadow-stage:0 2px 6px #00000085, 0 28px 66px -16px #000000a3;--halo-color:var(--color-focus);--halo-ring:26%;--halo-glow:38%;--halo-blur:22px;--accent-glow:0 0 0 1px color-mix(in oklab, var(--color-accent) 45%, transparent), 0 0 26px -6px color-mix(in oklab, var(--color-accent) 40%, transparent);--stage-glow:0 0 44px -14px color-mix(in oklab, var(--color-accent) 42%, transparent);--stage-glow-lit:0 0 58px -12px color-mix(in oklab, var(--color-accent) 58%, transparent);--canvas-glow-a:color-mix(in oklab, var(--color-accent) 9%, transparent);--canvas-glow-b:color-mix(in oklab, color-mix(in oklab, var(--color-accent) 55%, var(--color-info)) 7%, transparent);--canvas-ember:color-mix(in oklab, var(--color-warning) 5%, transparent);--canvas-veil:#0706058c;--canvas-gradient:radial-gradient(70rem 47.5rem at 18% -11.25rem, var(--canvas-glow-a), transparent 66%), radial-gradient(56.25rem 38.75rem at 96% -5rem, var(--canvas-glow-b), transparent 62%), radial-gradient(53.75rem 26.25rem at 50% 100%, var(--canvas-ember), transparent 70%), linear-gradient(180deg, transparent 44%, var(--canvas-veil) 100%);--header-height:4rem;--tap-target:2.75rem;--deck-actions-h:calc(.75rem * 2 + 3.25rem * 2 + .5rem);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-accent=green]{--color-accent:#56b7a3;--color-accent-hover:#6cc7b4;--color-accent-active:#8ad6c6;--color-accent-soft:#17302b;--color-accent-contrast:#08201c;--color-focus:#6cc7b4}:root[data-accent=orange]{--color-accent:#e0904f;--color-accent-hover:#eaa66c;--color-accent-active:#f2bb8b;--color-accent-soft:#331f0f;--color-accent-contrast:#2a1405;--color-focus:#eaa66c}:root[data-accent=blue]{--color-accent:#6ba8e8;--color-accent-hover:#86b9ee;--color-accent-active:#a3cbf4;--color-accent-soft:#14212f;--color-accent-contrast:#06182c;--color-focus:#86b9ee}:root[data-accent=purple]{--color-accent:#a68ae6;--color-accent-hover:#b9a1ed;--color-accent-active:#ccb8f3;--color-accent-soft:#221a33;--color-accent-contrast:#180d2e;--color-focus:#b9a1ed}:root[data-theme=light]{--color-canvas:#faf8f4;--color-surface:#fff;--color-surface-muted:#f2eee7;--color-surface-raised:#fff;--color-surface-inverse:#1c1a17;--color-border:#e4ded3;--color-border-strong:#cfc7b8;--color-text:#1c1a17;--color-text-muted:#6b655c;--color-text-subtle:#938c81;--color-text-inverse:#faf8f4;--color-success:#14735b;--color-success-soft:#e2f1eb;--color-warning:#8a5a0b;--color-warning-soft:#fbeed6;--color-danger:#a52e26;--color-danger-soft:#fbe6e3;--color-danger-contrast:#fff;--color-info:#1f5f8b;--color-info-soft:#e2eef7;--color-overlay:#1c1a1773;--shadow-xs:0 1px 2px #1c1a170f;--shadow-sm:0 1px 3px #1c1a1714, 0 1px 2px #1c1a170a;--shadow-md:0 4px 12px #1c1a1714, 0 1px 3px #1c1a170d;--shadow-lg:0 12px 32px #1c1a171f, 0 2px 6px #1c1a170f;--glass-panel-bg:#1c1a170d;--glass-panel-bg-strong:#ffffffd1;--glass-inset-bg:#1c1a1712;--glass-stage-bg:#ffffffe0;--glass-chrome-bg:color-mix(in oklab, var(--color-canvas) 84%, transparent);--glass-chrome-bg-opaque:color-mix(in oklab, var(--color-canvas) 98%, transparent);--glass-hairline:#1c1a1721;--glass-hairline-strong:#1c1a1738;--glass-edges:inset 0 0 0 1px var(--glass-hairline), inset 0 1px 0 #fff, inset 0 -1px 0 #1c1a1717;--glass-edge-top:inset 0 1px 0 #ffffffe6;--glass-well:inset 0 0 0 1px var(--glass-hairline), inset 0 2px 4px #1c1a171a, inset 0 -1px 0 #ffffffd9;--glass-sheen:linear-gradient(180deg, #ffffff8c 0%, #ffffff2e 40%, #fff0 82%);--glass-sheen-lit:radial-gradient(140% 70% at 50% -24%, #ffffffb3, #fff0 58%);--glass-tint:linear-gradient(color-mix(in oklab, var(--color-accent) 4%, transparent), color-mix(in oklab, var(--color-accent) 4%, transparent));--glass-blur:12px;--glass-blur-sm:9px;--glass-saturate:112%;--glass-shadow:0 1px 2px #1c1a1712, 0 12px 28px -10px #1c1a1724;--glass-shadow-raised:0 2px 4px #1c1a1717, 0 22px 44px -14px #1c1a1733;--glass-shadow-stage:0 2px 6px #1c1a1717, 0 24px 48px -14px #1c1a172e;--halo-ring:20%;--halo-glow:28%;--halo-blur:18px;--accent-glow:0 0 0 1px color-mix(in oklab, var(--color-accent) 38%, transparent), 0 0 22px -8px color-mix(in oklab, var(--color-accent) 26%, transparent);--stage-glow:0 0 34px -14px color-mix(in oklab, var(--color-accent) 26%, transparent);--stage-glow-lit:0 0 46px -12px color-mix(in oklab, var(--color-accent) 38%, transparent);--canvas-glow-a:color-mix(in oklab, var(--color-accent-soft) 45%, transparent);--canvas-glow-b:transparent;--canvas-ember:color-mix(in oklab, var(--color-warning-soft) 45%, transparent);--canvas-veil:#fff0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-accent:#a14310;--color-accent-hover:#8a390c;--color-accent-active:#732f09;--color-accent-soft:#fbeade;--color-accent-contrast:#fff;--color-focus:#a14310}:root[data-theme=light][data-accent=green]{--color-accent:#0f5f52;--color-accent-hover:#0c4d43;--color-accent-active:#093a33;--color-accent-soft:#e3f0ed;--color-accent-contrast:#fff;--color-focus:#0f5f52}:root[data-theme=light][data-accent=orange]{--color-accent:#a14310;--color-accent-hover:#8a390c;--color-accent-active:#732f09;--color-accent-soft:#fbeade;--color-accent-contrast:#fff;--color-focus:#a14310}:root[data-theme=light][data-accent=blue]{--color-accent:#1a4d9c;--color-accent-hover:#16407f;--color-accent-active:#113163;--color-accent-soft:#e4ecf8;--color-accent-contrast:#fff;--color-focus:#1a4d9c}:root[data-theme=light][data-accent=purple]{--color-accent:#5b3a9e;--color-accent-hover:#4b2f85;--color-accent-active:#3c256b;--color-accent-soft:#ece5f8;--color-accent-contrast:#fff;--color-focus:#5b3a9e}@keyframes rise-in{0%{opacity:0;translate:0 .5rem}}@keyframes panel-in{0%{opacity:0;translate:0 .375rem}}@keyframes pop-in{0%{opacity:0;scale:.94}}@keyframes stat-tick{0%{scale:1}28%{scale:1.14}to{scale:1}}@keyframes stat-pulse{0%{opacity:.9;scale:.94}to{opacity:0;scale:1.06}}@keyframes nudge-x{0%,to{translate:0}22%{translate:-.3125rem}48%{translate:.25rem}74%{translate:-.125rem}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;tab-size:4}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{min-height:100svh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}img,picture,video,canvas,svg{max-width:100%;display:block}svg{fill:none}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul[class],ol[class]{padding:0;list-style:none}table{border-collapse:collapse;border-spacing:0}:target{scroll-margin-block-start:calc(var(--header-height) + 1rem)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{color:var(--color-accent-contrast);background-color:var(--color-accent)}[hidden]{display:none!important}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5,h6{font-size:var(--text-base)}p{text-wrap:pretty}a{color:var(--color-accent);-webkit-text-decoration-color:color-mix(in oklab, var(--color-accent) 40%, transparent);text-decoration-color:color-mix(in oklab, var(--color-accent) 40%, transparent);text-underline-offset:.2em;transition:color .12s cubic-bezier(.22,1,.36,1)}a:hover{color:var(--color-accent-hover);text-decoration-color:currentColor}strong,b{font-weight:600}small{font-size:var(--text-sm)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}:not(pre)>code{color:var(--color-text);background-color:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.15em .4em}pre{color:var(--color-text);background-color:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;overflow-x:auto}pre code{background:0 0;border:0;padding:0}hr{background-color:var(--color-border);border:0;height:1px}blockquote{color:var(--color-text-muted);border-inline-start:2px solid var(--color-accent);padding-inline-start:1rem}.prose{max-width:68ch}.prose>*+*{margin-block-start:1rem}.prose>h2{margin-block-start:2.5rem}.prose>h3{margin-block-start:2rem}.prose ul,.prose ol{padding-inline-start:1.5rem}.prose li+li{margin-block-start:.5rem}.eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-muted);text-transform:uppercase;font-weight:600}.lead{font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--color-text-muted)}.visually-hidden,.skip-link{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus-visible{z-index:600;clip-path:none;width:auto;height:auto;color:var(--color-text);background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.5rem 1rem;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.flow>*+*{margin-block-start:var(--flow,1rem)}.cluster{gap:var(--cluster-gap,.75rem);flex-wrap:wrap;align-items:center;display:flex}.stack{gap:var(--stack-gap,1rem);flex-direction:column;display:flex}.push-end{margin-inline-start:auto}.mt-0{margin-block-start:0}.mb-0{margin-block-end:0}.mt-2{margin-block-start:.5rem}.mb-2{margin-block-end:.5rem}.mt-4{margin-block-start:1rem}.mb-4{margin-block-end:1rem}.mt-6{margin-block-start:1.5rem}.mb-6{margin-block-end:1.5rem}.mt-8{margin-block-start:2rem}.mb-8{margin-block-end:2rem}.mt-12{margin-block-start:3rem}.mb-12{margin-block-end:3rem}.container{width:100%;max-width:75rem;margin-inline:auto;padding-inline:1.25rem}@media (width>=64rem){.container{padding-inline:2rem}}.container--narrow{width:100%;max-width:48rem;margin-inline:auto;padding-inline:1.25rem}@media (width>=64rem){.container--narrow{padding-inline:2rem}}.container--wide{width:100%;max-width:100%;margin-inline:auto;padding-inline:1.25rem}@media (width>=64rem){.container--wide{padding-inline:2rem}}.page{padding-block:2.5rem 4rem}@media (width>=48rem){.page{padding-block:4rem 6rem}}.page__header{margin-block-end:2rem}.page__title{font-size:var(--text-3xl)}@media (width>=48rem){.page__title{font-size:var(--text-4xl)}}.app-body{background-image:var(--canvas-gradient);background-repeat:no-repeat;flex-direction:column;min-height:100svh;display:flex}.app-main{flex:1}.app-body--centered{justify-content:center;padding:1.5rem 1rem}.centered-panel{width:100%;max-width:25rem;margin-inline:auto}.centered-panel__brand{font-size:var(--text-lg);color:var(--color-text);align-items:center;gap:.5rem;margin-block-end:1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.centered-panel__brand svg{color:var(--color-accent)}.grid{gap:var(--grid-gap,1.5rem);grid-template-columns:repeat(auto-fit, minmax(min(var(--grid-min,16.25rem), 100%), 1fr));display:grid}.split{gap:var(--split-gap,2rem);display:grid}@media (width>=64rem){.split{grid-template-columns:var(--split-columns,1fr 1fr);align-items:var(--split-align,start)}}.shell{gap:2rem;display:grid}@media (width>=64rem){.shell{grid-template-columns:15rem minmax(0,1fr);align-items:start}}.site-header{z-index:200;background-color:color-mix(in oklab, var(--color-canvas) 88%, transparent);border-block-end:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;inset-block-start:0}.site-header__inner{width:100%;max-width:75rem;margin-inline:auto;padding-inline:1.25rem}@media (width>=64rem){.site-header__inner{padding-inline:2rem}}.site-header__inner{min-height:var(--header-height);align-items:center;gap:1.5rem;display:flex}.site-header__brand{font-size:var(--text-base);letter-spacing:var(--tracking-tight);color:var(--color-text);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.site-header__brand:hover{color:var(--color-text)}.site-header__brand svg{color:var(--color-accent)}.site-header__nav{display:none}@media (width>=48rem){.site-header__nav{align-items:center;gap:.25rem;display:flex}}.site-header__actions{align-items:center;gap:.5rem;margin-inline-start:auto;display:flex}.site-header__toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.site-header__toggle{color:var(--color-text-muted);border-radius:var(--radius-md);padding:.5rem;display:inline-flex}.site-header__toggle:hover{color:var(--color-text);background-color:var(--color-surface-muted)}@media (width>=48rem){.site-header__toggle{display:none}}.site-header__drawer{border-block-start:1px solid var(--color-border);gap:.25rem;padding-block:.75rem 1.25rem;display:grid}@media (width>=48rem){.site-header__drawer{display:none}}.nav-link{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:no-preference){.nav-link{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),scale .2s cubic-bezier(.22,1,.36,1),translate .2s cubic-bezier(.22,1,.36,1)}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.nav-link:hover{translate:0;scale:1}}@media (prefers-reduced-motion:no-preference){.nav-link:active{transition-duration:.12s;translate:0;scale:.99}}.nav-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in oklab, var(--halo-color) var(--halo-ring), transparent), 0 0 var(--halo-blur) -2px color-mix(in oklab, var(--halo-color) var(--halo-glow), transparent), var(--surface-shadow)}.nav-link{font-size:var(--text-sm);color:var(--color-text-muted);border-radius:var(--radius-md);padding:.5rem .75rem;font-weight:500;text-decoration:none;display:block}@media (hover:none),(pointer:coarse){.nav-link{min-block-size:var(--tap-target)}}.nav-link--active{color:var(--color-accent);background-color:var(--color-accent-soft)}.nav-link--active:hover{color:var(--color-accent-hover);background-color:var(--color-accent-soft)}.site-footer{font-size:var(--text-sm);color:var(--color-text-muted);border-block-start:1px solid var(--color-border);margin-block-start:auto;padding-block:2rem}.site-footer__inner{width:100%;max-width:75rem;margin-inline:auto;padding-inline:1.25rem}@media (width>=64rem){.site-footer__inner{padding-inline:2rem}}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-footer__links{flex-wrap:wrap;gap:1.25rem;display:flex}@media (width>=64rem){.sidebar{position:sticky;inset-block-start:calc(var(--header-height) + 2rem)}}.sidebar__group+.sidebar__group{margin-block-start:1.5rem}.sidebar__title{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-subtle);text-transform:uppercase;margin-block-end:.5rem;padding-inline:.75rem;font-weight:600}.sidebar__list{gap:.25rem;display:grid}.accent-picker{gap:.25rem;min-width:10rem;display:grid}.accent-picker__option{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:no-preference){.accent-picker__option{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),scale .2s cubic-bezier(.22,1,.36,1),translate .2s cubic-bezier(.22,1,.36,1)}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.accent-picker__option:hover{translate:0;scale:1}}@media (prefers-reduced-motion:no-preference){.accent-picker__option:active{transition-duration:.12s;translate:0;scale:.98}}.accent-picker__option:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}@media (hover:none),(pointer:coarse){.accent-picker__option{min-block-size:var(--tap-target)}}.accent-picker__option{width:100%;font-size:var(--text-sm);color:var(--color-text);text-align:start;border-radius:var(--radius-md);background:0 0;border:0;align-items:center;gap:.75rem;padding:.5rem .75rem;font-weight:500;display:flex}.accent-picker__option:hover,.accent-picker__option[aria-checked=true]{background-color:var(--color-surface-muted)}.accent-picker__swatch{color:#fff;background-color:var(--swatch);border:1px solid var(--glass-hairline);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:inline-flex}.accent-picker__swatch svg{opacity:0;transition:opacity .12s cubic-bezier(.22,1,.36,1)}[aria-checked=true] .accent-picker__swatch svg{opacity:1}.alert{--alert-bg:var(--color-surface-muted);--alert-fg:var(--color-text);--alert-accent:var(--color-border-strong);--surface-shadow:var(--glass-edges), var(--shadow-none);background-color:var(--alert-bg);border-radius:var(--radius-md);box-shadow:var(--surface-shadow);background-repeat:no-repeat;border:0}@media (prefers-reduced-motion:no-preference){.alert{animation:.2s cubic-bezier(.22,1,.36,1) both rise-in}}.alert{font-size:var(--text-sm);color:var(--alert-fg);border-inline-start:3px solid var(--alert-accent);gap:.75rem;padding:1rem;display:flex}.alert__icon{width:1.25rem;height:1.25rem;color:var(--alert-accent);flex-shrink:0;margin-block-start:.1em}.alert__content{flex:1;min-width:0}.alert__title{font-size:var(--text-sm);font-weight:600}.alert__title+.alert__message{margin-block-start:.25rem}.alert__message{color:color-mix(in oklab, var(--alert-fg) 80%, transparent)}.alert__dismiss{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:no-preference){.alert__dismiss{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),scale .2s cubic-bezier(.22,1,.36,1),translate .2s cubic-bezier(.22,1,.36,1)}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.alert__dismiss:hover{translate:0;scale:1.06}}@media (prefers-reduced-motion:no-preference){.alert__dismiss:active{transition-duration:.12s;translate:0;scale:.92}}.alert__dismiss:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.alert__dismiss{min-block-size:var(--tap-target);min-inline-size:var(--tap-target);color:color-mix(in oklab, var(--alert-fg) 60%, transparent);border-radius:var(--radius-sm);flex-shrink:0;align-self:flex-start;place-items:center;padding:.25rem;display:inline-grid}.alert__dismiss:hover{color:var(--alert-fg)}.alert__dismiss svg{width:1rem;height:1rem}.alert--success{--alert-bg:var(--color-success-soft);--alert-accent:var(--color-success)}.alert--warning{--alert-bg:var(--color-warning-soft);--alert-accent:var(--color-warning)}.alert--danger{--alert-bg:var(--color-danger-soft);--alert-accent:var(--color-danger)}.alert--info{--alert-bg:var(--color-info-soft);--alert-accent:var(--color-info)}.avatar{--avatar-size:2.25rem;width:var(--avatar-size);height:var(--avatar-size);font-size:calc(var(--avatar-size) * .4);color:var(--color-accent);text-transform:uppercase;background-color:var(--color-accent-soft);border-radius:var(--radius-full);-webkit-user-select:none;user-select:none;flex-shrink:0;place-items:center;font-weight:600;line-height:1;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar--xs{--avatar-size:1.5rem}.avatar--sm{--avatar-size:1.875rem}.avatar--lg{--avatar-size:3rem}.avatar--xl{--avatar-size:4.5rem}.avatar--square{border-radius:var(--radius-md)}.avatar-stack{align-items:center;display:flex}.avatar-stack .avatar{box-shadow:0 0 0 2px var(--color-surface)}.avatar-stack .avatar+.avatar{margin-inline-start:calc(var(--avatar-size) * -.3)}.badge{--badge-bg:var(--color-surface-muted);--badge-fg:var(--color-text-muted);font-size:var(--text-xs);color:var(--badge-fg);white-space:nowrap;background-color:var(--badge-bg);border-radius:var(--radius-full);align-items:center;gap:.25rem;padding:.15em .5rem;font-weight:500;line-height:1.5;display:inline-flex}.badge svg{width:1em;height:1em}.badge--accent{--badge-bg:var(--color-accent-soft);--badge-fg:var(--color-accent)}.badge--success{--badge-bg:var(--color-success-soft);--badge-fg:var(--color-success)}.badge--warning{--badge-bg:var(--color-warning-soft);--badge-fg:var(--color-warning)}.badge--danger{--badge-bg:var(--color-danger-soft);--badge-fg:var(--color-danger)}.badge--info{--badge-bg:var(--color-info-soft);--badge-fg:var(--color-info)}.badge--outline{--badge-bg:transparent;border:1px solid var(--color-border-strong)}.badge__dot{border-radius:var(--radius-full);background-color:currentColor;width:.5em;height:.5em}.breadcrumbs__list{font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.breadcrumbs__item{align-items:center;gap:.5rem;display:inline-flex}.breadcrumbs__item+.breadcrumbs__item:before{color:var(--color-text-subtle);content:"/"}.breadcrumbs__link{color:inherit;margin-block:-.25rem;padding-block:.25rem;text-decoration:none}.breadcrumbs__link:hover{color:var(--color-text);text-decoration:underline}.breadcrumbs__current{color:var(--color-text);font-weight:500}h1.breadcrumbs__current{font-size:inherit;margin:0}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in oklab, var(--halo-color) var(--halo-ring), transparent), 0 0 var(--halo-blur) -2px color-mix(in oklab, var(--halo-color) var(--halo-glow), transparent), var(--surface-shadow)}.btn{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:no-preference){.btn{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),scale .2s cubic-bezier(.22,1,.36,1),translate .2s cubic-bezier(.22,1,.36,1)}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.btn:hover{translate:0;scale:1.02}}@media (prefers-reduced-motion:no-preference){.btn:active{transition-duration:.12s;translate:0;scale:.96}}@media (hover:none),(pointer:coarse){.btn{min-block-size:var(--tap-target)}}.btn{--btn-bg:var(--color-surface);--btn-fg:var(--color-text);--btn-border:color-mix(in oklab, var(--color-accent) 38%, var(--color-border-strong));--btn-bg-hover:var(--color-accent-soft);--btn-fg-hover:var(--color-accent);--btn-border-hover:var(--color-accent);--btn-shadow:var(--shadow-xs);--surface-shadow:var(--btn-shadow);font-size:var(--text-sm);color:var(--btn-fg);text-align:center;white-space:nowrap;background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-md);box-shadow:var(--btn-shadow);justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;line-height:1.35;text-decoration:none;display:inline-flex}.btn:hover{color:var(--btn-fg-hover);background-color:var(--btn-bg-hover);border-color:var(--btn-border-hover)}.btn:disabled,.btn[aria-disabled=true]{pointer-events:none;opacity:.55;translate:0;scale:1}.btn svg{flex-shrink:0;width:1.15em;height:1.15em}.btn--primary{--btn-bg:var(--color-accent);--btn-fg:var(--color-accent-contrast);--btn-border:var(--color-accent);--btn-bg-hover:var(--color-accent-hover);--btn-fg-hover:var(--color-accent-contrast);--btn-border-hover:var(--color-accent-hover);--btn-shadow:var(--shadow-sm)}.btn--danger{--btn-bg:var(--color-danger);--btn-fg:var(--color-danger-contrast);--btn-border:var(--color-danger);--btn-bg-hover:color-mix(in oklab, var(--color-danger) 85%, black);--btn-fg-hover:var(--color-danger-contrast);--btn-border-hover:color-mix(in oklab, var(--color-danger) 85%, black)}.btn--ghost{--btn-bg:transparent;--btn-border:transparent;--btn-fg:var(--color-text-muted);--btn-bg-hover:var(--color-surface-muted);--btn-fg-hover:var(--color-text);--btn-border-hover:transparent;--btn-shadow:var(--shadow-none)}.btn--link{--btn-bg:transparent;--btn-border:transparent;--btn-bg-hover:transparent;--btn-fg:var(--color-accent);--btn-fg-hover:var(--color-accent-hover);--btn-border-hover:transparent;--btn-shadow:var(--shadow-none);text-underline-offset:.2em;padding-inline:0;text-decoration:underline}.btn--link:active{translate:0;scale:1}.btn--sm{font-size:var(--text-xs);padding:.25rem .75rem}.btn--lg{font-size:var(--text-base);padding:.75rem 1.5rem}.btn--block{width:100%}@media (hover:none),(pointer:coarse){.btn--icon{min-block-size:var(--tap-target);min-inline-size:var(--tap-target);flex:none}}.btn--icon{aspect-ratio:1;padding:.5rem}.btn--pill{border-radius:var(--radius-full)}.btn--loading{pointer-events:none}.btn--loading .btn__label{opacity:.7}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md)}.btn-group .btn:last-child{border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md)}.btn-group .btn+.btn{margin-inline-start:-1px}.btn-group .btn:hover,.btn-group .btn:active{translate:0;scale:1}.btn-group .btn:hover,.btn-group .btn:focus-visible{z-index:10}.card{--surface-shadow:var(--glass-edges), var(--glass-shadow);background-color:var(--glass-panel-bg);border-radius:var(--radius-lg);box-shadow:var(--surface-shadow);background-repeat:no-repeat;background-image:var(--glass-sheen);border:0;flex-direction:column;display:flex}.card__header,.card__footer{padding:1rem 1.25rem}.card__header{border-block-end:1px solid var(--color-border);align-items:flex-start;gap:.75rem;display:flex}.card__title{font-size:var(--text-base);font-weight:600}.card__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-block-start:.25rem}.card__body{flex:1;padding:1.25rem}.card__footer{background-color:var(--glass-inset-bg);border-block-start:1px solid var(--color-border);border-end-end-radius:var(--radius-lg);border-end-start-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.card--flush .card__body{padding:0}.card--muted{--surface-shadow:var(--shadow-none);background-color:var(--color-surface-muted)}.card--interactive{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:no-preference){.card--interactive{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),scale .2s cubic-bezier(.22,1,.36,1),translate .2s cubic-bezier(.22,1,.36,1)}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.card--interactive:hover{translate:0 -.125rem;scale:1.01}}@media (prefers-reduced-motion:no-preference){.card--interactive:active{transition-duration:.12s;translate:0;scale:.995}}.card--interactive{position:relative}.card--interactive:hover{--surface-shadow:var(--glass-edges), var(--glass-shadow-raised)}.card--interactive:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.card--interactive:has(.card__link:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in oklab, var(--halo-color) var(--halo-ring), transparent), 0 0 var(--halo-blur) -2px color-mix(in oklab, var(--halo-color) var(--halo-glow), transparent), var(--surface-shadow)}.card--interactive .card__link{text-decoration:none}.card--interactive .card__link:after{content:"";border-radius:inherit;position:absolute;inset:0}.card--interactive .card__link:focus-visible{outline:none}.dropdown{display:inline-flex;position:relative}.dropdown__menu{--surface-shadow:var(--glass-edges), var(--glass-shadow);background-color:var(--glass-panel-bg-strong);border-radius:var(--radius-lg);box-shadow:var(--surface-shadow);background-repeat:no-repeat;background-image:var(--glass-sheen);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));border:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.dropdown__menu{background-color:var(--color-surface-raised)}}.dropdown__menu{z-index:300;min-width:11.875rem;padding:.25rem;position:absolute;inset-block-start:calc(100% + .5rem)}@media (prefers-reduced-motion:no-preference){.dropdown__menu{animation:.12s cubic-bezier(.22,1,.36,1) dropdown-in}}.dropdown__menu--start{transform-origin:0 0;inset-inline-start:0}.dropdown__menu--end{transform-origin:100% 0;inset-inline-end:0}.dropdown__item:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.dropdown__item{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:no-preference){.dropdown__item{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),scale .2s cubic-bezier(.22,1,.36,1),translate .2s cubic-bezier(.22,1,.36,1)}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.dropdown__item:hover{translate:0;scale:1}}@media (prefers-reduced-motion:no-preference){.dropdown__item:active{transition-duration:.12s;translate:0;scale:.98}}@media (hover:none),(pointer:coarse){.dropdown__item{min-block-size:var(--tap-target)}}.dropdown__item{width:100%;font-size:var(--text-sm);color:var(--color-text);text-align:start;border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.5rem .75rem;text-decoration:none;display:flex}.dropdown__item:hover{color:var(--color-text);background-color:var(--color-surface-muted)}.dropdown__item svg{width:1rem;height:1rem;color:var(--color-text-muted)}.dropdown__item--danger{color:var(--color-danger)}.dropdown__item--danger:hover{color:var(--color-danger);background-color:var(--color-danger-soft)}.dropdown__item--danger svg{color:currentColor}.dropdown__divider{background-color:var(--color-border);height:1px;margin:.25rem 0}.dropdown__label{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-muted);text-transform:uppercase;padding:.5rem .75rem .25rem;font-weight:600}@keyframes dropdown-in{0%{opacity:0;translate:0 -.25rem;scale:.96}}.empty-state{--surface-shadow:var(--glass-edges), var(--glass-shadow);background-color:var(--glass-panel-bg);border-radius:var(--radius-xl);box-shadow:var(--surface-shadow);background-repeat:no-repeat;background-image:var(--glass-sheen);text-align:center;border:0;justify-items:center;padding:3rem 1.5rem;display:grid}.empty-state__icon{width:3rem;height:3rem;color:var(--color-text-muted);background-color:var(--color-surface-muted);border-radius:var(--radius-full);place-items:center;margin-block-end:1rem;display:grid}.empty-state__icon svg{width:1.375rem;height:1.375rem}.empty-state__title{font-size:var(--text-base);font-weight:600}.empty-state__message{max-width:44ch;font-size:var(--text-sm);color:var(--color-text-muted);margin-block-start:.5rem}.empty-state__actions{margin-block-start:1.5rem}.field{gap:.5rem;display:grid}fieldset.field{border:0;min-inline-size:0;padding:0}.field__label{font-size:var(--text-sm);color:var(--color-text);align-items:baseline;gap:.25rem;font-weight:500;display:inline-flex}.field__required{color:var(--color-danger)}.field__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.field__error{font-size:var(--text-xs);color:var(--color-danger);align-items:center;gap:.25rem;font-weight:500;display:flex}.field__error svg{width:1em;height:1em}.input,.textarea,.select{--surface-shadow:var(--shadow-xs);width:100%;font-size:var(--text-sm);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--surface-shadow);padding:.5rem .75rem;transition:border-color .12s cubic-bezier(.22,1,.36,1),box-shadow .12s cubic-bezier(.22,1,.36,1)}.input::placeholder,.textarea::placeholder,.select::placeholder{color:var(--color-text-subtle)}.input:hover:not(:disabled,[readonly]),.textarea:hover:not(:disabled,[readonly]),.select:hover:not(:disabled,[readonly]){border-color:color-mix(in oklab, var(--color-accent) 45%, var(--color-border-strong))}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{outline:2px solid var(--color-focus);outline-offset:0;box-shadow:0 0 0 4px color-mix(in oklab, var(--halo-color) var(--halo-ring), transparent), 0 0 var(--halo-blur) -2px color-mix(in oklab, var(--halo-color) var(--halo-glow), transparent), var(--surface-shadow);border-color:var(--color-accent)}.input:disabled,.input[readonly],.textarea:disabled,.textarea[readonly],.select:disabled,.select[readonly]{color:var(--color-text-muted);background-color:var(--color-surface-muted);cursor:not-allowed}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true]{--halo-color:var(--color-danger);border-color:var(--color-danger)}.textarea{resize:vertical;field-sizing:content;min-height:6rem}.select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"%236b655c\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 8l4 4 4-4\"/></svg>");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.125rem;padding-inline-end:2rem}:root:not([data-theme=light]) .select{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"%23a49d92\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 8l4 4 4-4\"/></svg>")}@media (hover:none),(pointer:coarse){.input,.select,.input-group__addon{min-block-size:var(--tap-target)}}.input-group{align-items:stretch;display:flex}.input-group .input{flex:1;min-width:0}.input-group>:first-child:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.input-group>:last-child:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}.input-group__addon{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;background-color:var(--color-surface-muted);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);align-items:center;padding-inline:.75rem;display:inline-flex}@media (hover:none),(pointer:coarse){.choice{min-block-size:var(--tap-target)}}.choice{cursor:pointer;align-items:flex-start;gap:.75rem;display:flex}.choice:has(input:disabled){cursor:not-allowed;opacity:.6}.choice__control{width:1.125rem;height:1.125rem;accent-color:var(--color-accent);flex-shrink:0;margin-block-start:.15em}.choice__control:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.choice__text{font-size:var(--text-sm)}.choice__label{font-weight:500;display:block}.choice__hint{font-size:var(--text-xs);color:var(--color-text-muted);display:block}.choice-group{gap:.75rem;display:grid}@media (hover:none),(pointer:coarse){.switch{min-block-size:var(--tap-target)}}.switch{cursor:pointer;align-items:center;gap:.75rem;display:flex}.switch__control:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.switch__control{appearance:none;background-color:var(--color-border-strong);border-radius:var(--radius-full);flex-shrink:0;width:2.375rem;height:1.375rem;transition:background-color .2s cubic-bezier(.22,1,.36,1);position:relative}.switch__control:after{content:"";border-radius:var(--radius-full);width:1rem;height:1rem;box-shadow:var(--shadow-xs);background-color:#fff;transition:translate .2s cubic-bezier(.22,1,.36,1);position:absolute;inset-block-start:.1875rem;inset-inline-start:.1875rem}.switch__control:checked{background-color:var(--color-accent)}.switch__control:checked:after{translate:1rem}.switch__control:disabled{cursor:not-allowed;opacity:.6}.fieldset{border:0;gap:1.25rem;padding:0;display:grid}.fieldset__legend{font-size:var(--text-base);padding:0;font-weight:600}.form-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-block-start:1.5rem;display:flex}.icon{inline-size:var(--icon-size,1.25em);block-size:var(--icon-size,1.25em);flex-shrink:0}.icon--muted{color:var(--color-text-muted)}.modal{--surface-shadow:var(--glass-edges), var(--glass-shadow);background-color:var(--glass-panel-bg-strong);border-radius:var(--radius-xl);box-shadow:var(--surface-shadow);background-repeat:no-repeat;background-image:var(--glass-sheen);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.modal{background-color:var(--color-surface-raised)}}.modal{width:min(100% - 2rem, var(--modal-width,32.5rem));max-height:calc(100dvh - 4rem);color:var(--color-text);padding:0}.modal::backdrop{background-color:var(--color-overlay);-webkit-backdrop-filter:blur(var(--glass-blur-sm));backdrop-filter:blur(var(--glass-blur-sm))}.modal[open]{flex-direction:column;display:flex}@media (prefers-reduced-motion:no-preference){.modal[open]{animation:.2s cubic-bezier(.22,1,.36,1) modal-in}.modal[open]::backdrop{animation:.2s cubic-bezier(.22,1,.36,1) backdrop-in}}.modal--wide{--modal-width:47.5rem}.modal__header{border-block-end:1px solid var(--color-border);align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.modal__title{font-size:var(--text-lg)}.modal__description{font-size:var(--text-sm);color:var(--color-text-muted);margin-block-start:.25rem}.modal__close{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:no-preference){.modal__close{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),scale .2s cubic-bezier(.22,1,.36,1),translate .2s cubic-bezier(.22,1,.36,1)}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.modal__close:hover{translate:0;scale:1.06}}@media (prefers-reduced-motion:no-preference){.modal__close:active{transition-duration:.12s;translate:0;scale:.92}}.modal__close:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in oklab, var(--halo-color) var(--halo-ring), transparent), 0 0 var(--halo-blur) -2px color-mix(in oklab, var(--halo-color) var(--halo-glow), transparent), var(--surface-shadow)}.modal__close{--surface-shadow:var(--shadow-none);min-block-size:var(--tap-target);min-inline-size:var(--tap-target);color:var(--color-text-muted);border-radius:var(--radius-md);flex-shrink:0;align-self:flex-start;place-items:center;margin-inline-start:auto;padding:.25rem;display:inline-grid}.modal__close:hover{color:var(--color-text);background-color:var(--color-surface-muted)}.modal__close svg{width:1.125rem;height:1.125rem}.modal__body{flex:1;padding:1.5rem;overflow-y:auto}.modal__footer{background-color:var(--glass-inset-bg);border-block-start:1px solid var(--color-border);border-end-end-radius:var(--radius-xl);border-end-start-radius:var(--radius-xl);flex-wrap:wrap;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}@keyframes modal-in{0%{opacity:0;translate:0 .5rem;scale:.97}}@keyframes backdrop-in{0%{opacity:0}}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.pagination__summary{font-size:var(--text-sm);color:var(--color-text-muted)}.pagination__list{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.pagination__link{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:no-preference){.pagination__link{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),scale .2s cubic-bezier(.22,1,.36,1),translate .2s cubic-bezier(.22,1,.36,1)}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.pagination__link:hover{translate:0;scale:1.04}}@media (prefers-reduced-motion:no-preference){.pagination__link:active{transition-duration:.12s;translate:0;scale:.94}}.pagination__link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in oklab, var(--halo-color) var(--halo-ring), transparent), 0 0 var(--halo-blur) -2px color-mix(in oklab, var(--halo-color) var(--halo-glow), transparent), var(--surface-shadow)}.pagination__link{--surface-shadow:var(--shadow-none);min-width:2.125rem;height:2.125rem;font-size:var(--text-sm);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);place-items:center;padding-inline:.5rem;font-weight:500;text-decoration:none;display:inline-grid}@media (hover:none),(pointer:coarse){.pagination__link{min-block-size:var(--tap-target);min-inline-size:var(--tap-target);flex:none}}.pagination__link:hover{color:var(--color-text);background-color:var(--color-surface-muted)}.pagination__link svg{width:.9375rem;height:.9375rem}.pagination__link--current{color:var(--color-accent-contrast);background-color:var(--color-accent);border-color:var(--color-accent)}.pagination__link--current:hover{color:var(--color-accent-contrast);background-color:var(--color-accent-hover)}.pagination__link--disabled{pointer-events:none;color:var(--color-text-subtle);opacity:.6}.spinner{--spinner-size:1.125rem;width:var(--spinner-size);height:var(--spinner-size);border:2px solid color-mix(in oklab, currentcolor 25%, transparent);border-radius:var(--radius-full);border-block-start-color:currentColor;flex-shrink:0;animation:.7s linear infinite spin;display:inline-block}.spinner--sm{--spinner-size:.875rem}.spinner--lg{--spinner-size:1.75rem;border-width:3px}.skeleton{background-image:linear-gradient(90deg, var(--color-surface-muted) 0%, color-mix(in oklab, var(--color-surface-muted) 60%, var(--color-border)) 50%, var(--color-surface-muted) 100%);border-radius:var(--radius-sm);background-size:200% 100%}@media (prefers-reduced-motion:no-preference){.skeleton{animation:1.4s cubic-bezier(.65,0,.35,1) infinite skeleton}}.skeleton--text{height:1em}.skeleton--text:last-child{width:70%}@keyframes spin{to{rotate:360deg}}@keyframes skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.table-wrap{--surface-shadow:var(--glass-edges), var(--glass-shadow);background-color:var(--glass-panel-bg);border-radius:var(--radius-lg);box-shadow:var(--surface-shadow);background-repeat:no-repeat;background-image:var(--glass-sheen);border:0;overflow-x:auto}.table{width:100%;font-size:var(--text-sm);text-align:start}.table th,.table td{text-align:start;vertical-align:middle;padding:.75rem 1rem}.table thead th{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-muted);text-transform:uppercase;white-space:nowrap;background-color:var(--glass-inset-bg);border-block-end:1px solid var(--color-border);font-weight:600}.table tbody tr+tr,.table tfoot{border-block-start:1px solid var(--color-border)}.table tfoot td{background-color:var(--glass-inset-bg);font-weight:500}.table--hover tbody tr{transition:background-color .12s cubic-bezier(.22,1,.36,1)}.table--hover tbody tr:hover{background-color:var(--glass-panel-bg-strong)}.table--hover tbody tr:hover>:first-child{box-shadow:inset 3px 0 0 var(--color-accent)}.table--compact th,.table--compact td{padding:.5rem .75rem}.table__numeric{font-variant-numeric:tabular-nums;text-align:end!important}.table__empty{color:var(--color-text-muted);text-align:center;padding:2.5rem 1rem}.tabs__list{border-block-end:1px solid var(--color-border);gap:.25rem;display:flex;overflow-x:auto}.tabs__tab:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.tabs__tab{min-inline-size:2.75rem;font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:.75rem 1rem;font-weight:500;transition:color .12s cubic-bezier(.22,1,.36,1),background-color .12s cubic-bezier(.22,1,.36,1);position:relative}.tabs__tab:after{content:"";border-radius:var(--radius-full);background-color:#0000;height:2px;transition:background-color .12s cubic-bezier(.22,1,.36,1);position:absolute;inset-block-end:-1px;inset-inline:.5rem}@media (prefers-reduced-motion:no-preference){.tabs__tab:after{transform-origin:50%;transition:scale .2s cubic-bezier(.22,1,.36,1),background-color .12s cubic-bezier(.22,1,.36,1);scale:0 1}}.tabs__tab:hover{color:var(--color-text);background-color:var(--glass-panel-bg)}.tabs__tab[aria-selected=true]{color:var(--color-accent)}.tabs__tab[aria-selected=true]:after{background-color:var(--color-accent);scale:1}.tabs__panel{padding-block-start:1.5rem}@media (prefers-reduced-motion:no-preference){.tabs__panel:not([hidden]){animation:.2s cubic-bezier(.22,1,.36,1) both panel-in}}.tabs__panel:focus-visible{outline:none}.toast-region{z-index:600;pointer-events:none;justify-items:stretch;gap:.75rem;display:grid;position:fixed;inset-block-end:1rem;inset-inline:1rem}@media (width>=40rem){.toast-region{justify-items:end;inset-block-end:1.5rem;inset-inline:auto 1.5rem}}.toast{--toast-accent:var(--color-accent);--surface-shadow:var(--glass-edges), var(--glass-shadow);background-color:var(--glass-panel-bg-strong);border-radius:var(--radius-md);box-shadow:var(--surface-shadow);background-repeat:no-repeat;background-image:var(--glass-sheen);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate));border:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.toast{background-color:var(--color-surface-raised)}}.toast{width:100%;max-width:23.75rem;font-size:var(--text-sm);pointer-events:auto;border-inline-start:3px solid var(--toast-accent);align-items:flex-start;gap:.75rem;padding:.75rem 1rem;display:flex}@media (prefers-reduced-motion:no-preference){.toast{animation:.2s cubic-bezier(.22,1,.36,1) toast-in}}.toast--success{--toast-accent:var(--color-success)}.toast--warning{--toast-accent:var(--color-warning)}.toast--danger{--toast-accent:var(--color-danger)}.toast__icon{width:1.125rem;height:1.125rem;color:var(--toast-accent);flex-shrink:0;margin-block-start:.15em}.toast__content{flex:1;min-width:0}.toast__title{font-size:var(--text-sm);font-weight:600}.toast__message{color:var(--color-text-muted)}.toast__dismiss:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.toast__dismiss{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:no-preference){.toast__dismiss{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),scale .2s cubic-bezier(.22,1,.36,1),translate .2s cubic-bezier(.22,1,.36,1)}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.toast__dismiss:hover{translate:0;scale:1.06}}@media (prefers-reduced-motion:no-preference){.toast__dismiss:active{transition-duration:.12s;translate:0;scale:.92}}.toast__dismiss{min-block-size:var(--tap-target);min-inline-size:var(--tap-target);color:var(--color-text-muted);border-radius:var(--radius-sm);flex-shrink:0;align-self:flex-start;place-items:center;padding:.25rem;display:inline-grid}.toast__dismiss:hover{color:var(--color-text)}.toast__dismiss svg{width:.875rem;height:.875rem}@media (prefers-reduced-motion:no-preference){.toast--leaving{animation:.2s cubic-bezier(.65,0,.35,1) forwards toast-out}}@keyframes toast-in{0%{opacity:0;translate:0 .75rem}}@keyframes toast-out{to{opacity:0;translate:0 .375rem;scale:.97}}.picker{flex-direction:column;flex:1;gap:1rem;width:100%;max-width:47.5rem;margin-inline:auto;padding-block:2rem 4rem;padding-inline:1rem;display:flex}@media (width>=48rem){.picker{padding-inline:1.5rem}}.picker__head{gap:.5rem;margin-block-end:.5rem;display:grid}.picker__title{font-family:var(--font-display);font-size:var(--text-4xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance;margin:0}.picker__title em{color:var(--color-accent);font-style:normal}.picker__lead{color:var(--color-text-muted);text-wrap:pretty;margin:0}.picker__grid{grid-template-columns:1fr;gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=40rem){.picker__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.picker__item{display:flex}.lang-card{width:100%;color:inherit;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);align-content:start;gap:.75rem;padding:1rem;text-decoration:none;transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1);display:grid}@media (prefers-reduced-motion:no-preference){.lang-card{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),scale .2s cubic-bezier(.22,1,.36,1),translate .2s cubic-bezier(.22,1,.36,1)}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.lang-card:hover{translate:0 2px;scale:1}}@media (prefers-reduced-motion:no-preference){.lang-card:active{transition-duration:.12s;translate:0;scale:.99}}.lang-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.lang-card:hover{border-color:var(--color-border-strong)}.lang-card.is-current{border-color:var(--color-accent)}.lang-card__head{align-items:center;gap:.75rem;display:flex}.lang-card__code{width:2.75rem;height:2.75rem;font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-accent-contrast);background-color:var(--color-accent);border-radius:var(--radius-lg);place-items:center;font-weight:600;display:grid}.lang-card__names{gap:.125rem;min-width:0;display:grid}.lang-card__name{font-size:var(--text-lg);font-weight:600;line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lang-card__label{font-size:var(--text-sm);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lang-card__figures{gap:1.25rem;display:flex}.lang-card__figure{gap:.0625rem;display:grid}.lang-card__number{font-size:var(--text-xl);font-variant-numeric:tabular-nums;line-height:var(--leading-tight)}.lang-card__unit{font-size:var(--text-xs);color:var(--color-text-subtle);letter-spacing:var(--tracking-wide);text-transform:uppercase}.lang-card__progress{background-color:var(--color-surface-muted);border-radius:var(--radius-full);height:.25rem;display:block;overflow:hidden}.lang-card__progress-fill{background-color:var(--color-success);border-radius:inherit;height:100%;display:block}.program{flex-direction:column;flex:1;gap:1.25rem;width:100%;max-width:47.5rem;margin-inline:auto;padding-block:1.5rem 4rem;padding-inline:1rem;display:flex}@media (width>=48rem){.program{padding-inline:1.5rem}}.program__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.program__section{flex-direction:column;gap:.75rem;display:flex}.program__section-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.program__section-title{font-size:var(--text-lg);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0}.program__empty{font-size:var(--text-sm);color:var(--color-text-subtle);margin:0}.carousel{--per-view:1;--carousel-gap:.5rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:.5rem;display:grid}@media (width>=40rem){.carousel{--per-view:2}}.carousel__viewport{overflow:hidden}.carousel__arrow:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.carousel__arrow{width:2.5rem;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-lg);background-color:#0000;border:0;place-items:center;display:grid}@media (prefers-reduced-motion:no-preference){.carousel__arrow{transition:color .2s cubic-bezier(.22,1,.36,1)}}.carousel__arrow:hover:not(:disabled){color:var(--color-accent)}.carousel__arrow:disabled{cursor:default;opacity:.35}.carousel__arrow--prev{background-image:linear-gradient(to right, var(--color-surface-muted), transparent)}.carousel__arrow--next{background-image:linear-gradient(to left, var(--color-surface-muted), transparent)}.carousel__position{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-subtle);text-align:center;grid-column:1/-1;margin:0}.timeline{gap:var(--carousel-gap);transform:translateX(calc(var(--index,0) * (100% + var(--carousel-gap)) / var(--per-view) * -1));margin:0;padding:0;list-style:none;display:flex}@media (prefers-reduced-motion:no-preference){.carousel[data-ready] .timeline{transition:transform .2s cubic-bezier(.22,1,.36,1)}}.timeline__item{flex:0 0 calc((100% - (var(--per-view) - 1) * var(--carousel-gap)) / var(--per-view));background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:3.25rem minmax(0,1fr);gap:.75rem;padding:.75rem;display:grid;position:relative}.timeline__item.is-past{opacity:.55}.timeline__item.is-today{border-color:var(--color-warning)}.timeline__date{background-color:var(--color-surface-muted);border-radius:var(--radius-md);place-content:center;place-items:center;padding-block:.25rem;display:grid}.timeline__day{font-family:var(--font-display);font-size:var(--text-xl);line-height:1}.timeline__month{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase}.timeline__body{flex-direction:column;gap:.5rem;min-width:0;display:flex}.timeline__title{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-weight:600;display:flex}.timeline__away{font-size:var(--text-xs);color:var(--color-text-subtle);font-weight:400}.timeline__note{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.timeline__units{flex-wrap:wrap;gap:.5rem;min-width:0;display:flex}.timeline__units .chip{max-width:100%}.chip{font-size:var(--text-xs);color:var(--color-text);background-color:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);align-items:center;gap:.5rem;padding:.1875rem .5rem;text-decoration:none;display:inline-flex}.chip:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.chip:before{content:"";border-radius:var(--radius-full);width:.375rem;height:.375rem;display:block}.chip:hover{border-color:var(--color-accent)}.chip--vocabulary:before{background-color:var(--color-info)}.chip--verbs:before{background-color:var(--color-accent)}.unit-list{grid-template-columns:repeat(auto-fill,minmax(9.375rem,1fr));gap:1rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}.unit-list__item{min-width:0;display:flex}.unit-card{width:100%;color:inherit;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.5rem .75rem;text-decoration:none;display:grid}.unit-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.unit-card:hover .unit-card__name{color:var(--color-accent)}.unit-card__name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.unit-card__count{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-subtle)}.unit-card__progress{background-color:var(--color-border);border-radius:var(--radius-full);grid-column:1/-1;height:.1875rem;overflow:hidden}.unit-card__progress-fill{background-color:var(--color-success);border-radius:inherit;height:100%;display:block}.page-form__danger{border-top:1px solid var(--color-border);justify-content:flex-end;padding-top:.5rem;display:flex}.timeline__actions{align-items:center;gap:.25rem;display:flex;position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}.timeline__action{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:no-preference){.timeline__action{transition:background-color .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),scale .2s cubic-bezier(.22,1,.36,1),translate .2s cubic-bezier(.22,1,.36,1)}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.timeline__action:hover{translate:0;scale:1.05}}@media (prefers-reduced-motion:no-preference){.timeline__action:active{transition-duration:.12s;translate:0;scale:.92}}.timeline__action:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in oklab, var(--halo-color) var(--halo-ring), transparent), 0 0 var(--halo-blur) -2px color-mix(in oklab, var(--halo-color) var(--halo-glow), transparent), var(--surface-shadow)}@media (hover:none),(pointer:coarse){.timeline__action{min-block-size:var(--tap-target);min-inline-size:var(--tap-target);flex:none}}.timeline__action{width:1.75rem;height:1.75rem;color:var(--color-text-subtle);cursor:pointer;border-radius:var(--radius-md);visibility:hidden;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.timeline__action:hover{color:var(--color-accent);background-color:var(--color-surface-muted)}.timeline__action--danger:hover{color:var(--color-danger);background-color:var(--color-danger-soft)}.timeline__item:hover .timeline__action,.timeline__item:focus-within .timeline__action{visibility:visible}@media (hover:none){.timeline__action{visibility:visible}}.timeline__item:has(.timeline__actions) .timeline__title{padding-inline-end:3rem}.entry-units{grid-template-columns:1fr;gap:.25rem .75rem;display:grid}@media (width>=40rem){.entry-units{grid-template-columns:repeat(2,minmax(0,1fr))}}.entry-units__heading{font-size:var(--text-xs);color:var(--color-text-subtle);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:.5rem 0 .25rem}.entry-units__heading:first-of-type{margin-block-start:0}.deck-body{padding-block-end:10rem}@media (width>=64rem){.deck-body{padding-block-end:1rem}}.deck-bar{z-index:200;background-color:color-mix(in oklab, var(--color-canvas) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-end:1px solid var(--color-border);flex-wrap:nowrap;align-items:center;gap:.5rem;padding-block:.5rem;padding-inline:1rem;display:flex;position:sticky;inset-block-start:0}.deck-bar__menu{width:2.5rem;height:2.5rem;color:var(--color-text);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.deck-bar__menu:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.deck-bar__menu:hover{background-color:var(--color-surface-muted)}@media (width>=64rem){.deck-bar__menu{display:none}}.deck-bar__title,.page-form__title,.import__title,.modal__title,.centered-panel__brand{font-family:var(--font-display);letter-spacing:.01em;font-weight:600}.deck-bar__title{font-size:var(--text-xl);color:var(--color-accent);text-decoration:none}.deck-bar__title:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (width>=64rem){.deck-bar__title{font-size:var(--text-2xl)}}.deck-bar__user{align-items:center;gap:.5rem;max-width:10rem;display:inline-flex}.deck-bar .cluster{flex-wrap:nowrap;min-width:0}.deck-bar__name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:500;overflow:hidden}.deck-shell{flex-direction:column;flex:1;width:100%;display:flex}@media (width>=64rem){.deck-shell{grid-template-columns:15.625rem minmax(0,1fr);width:100%;max-width:68.75rem;margin-inline:auto;display:grid}}.subnav{z-index:500;background-color:var(--color-surface);border-inline-end:1px solid var(--color-border);width:min(84vw,20rem);padding-block:.75rem 1.5rem;padding-inline:1rem;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto;transform:translate(-100%)}@media (prefers-reduced-motion:no-preference){.subnav{transition:transform .2s cubic-bezier(.22,1,.36,1)}}@media (width>=64rem){.subnav{z-index:auto;background:0 0;border-inline-end:0;align-self:start;width:auto;padding-block:1.5rem;padding-inline:1.5rem 1rem;position:sticky;inset-block:3.75rem auto;overflow:visible;transform:none}}body.is-nav-open .subnav{transform:none}.subnav__bar{align-items:center;gap:.5rem;margin-block-end:.75rem;display:flex}@media (width>=64rem){.subnav__bar{margin-block-end:.5rem}}.subnav__close{width:2rem;height:2rem;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:0;justify-content:center;align-items:center;margin-inline-start:auto;display:inline-flex}.subnav__close:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.subnav__close:hover{color:var(--color-text);background-color:var(--color-surface-muted)}@media (width>=64rem){.subnav__close{display:none}}.nav-backdrop{z-index:400;opacity:0;pointer-events:none;background-color:var(--color-overlay);position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){.nav-backdrop{transition:opacity .2s cubic-bezier(.22,1,.36,1)}}@media (width>=64rem){.nav-backdrop{display:none}}body.is-nav-open .nav-backdrop{opacity:1;pointer-events:auto}body.is-nav-open{overflow:hidden}@media (width>=64rem){body.is-nav-open{overflow:visible}.subnav{padding-inline:1.5rem 1rem}}.nav-title{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0 0 .5rem;font-weight:600}.nav-empty{font-size:var(--text-sm);color:var(--color-text-subtle);margin:0;font-style:italic}.nav-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-item{align-items:center;gap:.25rem;min-width:0;display:flex}.nav-item>.nav-link{flex:1;min-width:0}.nav-item__edit{width:1.75rem;height:1.75rem;color:var(--color-text-subtle);cursor:pointer;border-radius:var(--radius-md);visibility:hidden;background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.nav-item__edit:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.nav-item__edit:hover{color:var(--color-accent);background-color:var(--color-surface-muted)}.nav-item__edit--danger:hover{color:var(--color-danger);background-color:var(--color-danger-soft)}.nav-item__delete{flex:none;display:flex}.nav-item:hover .nav-item__edit,.nav-item:focus-within .nav-item__edit{visibility:visible}@media (hover:none){.nav-item__edit{visibility:visible}}.nav-item.is-editing>.nav-link,.nav-item.is-editing .nav-item__edit,.nav-item.is-editing .nav-item__delete{display:none}.nav-item__input{min-width:0;height:2.5rem;font-size:var(--text-sm);flex:1}.nav-item.has-error .nav-item__input,.nav-item.has-error>.nav-link{border-color:var(--color-danger);box-shadow:0 0 0 3px color-mix(in oklab, var(--color-danger) 30%, transparent)}.nav-link{min-height:2.5rem;font-size:var(--text-sm);color:var(--color-text-muted);border-radius:var(--radius-md);background:0 0;border:1px solid #0000;align-items:center;gap:.75rem;padding-block:.5rem;padding-inline:.75rem;font-weight:500;text-decoration:none;display:flex}.nav-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.nav-link:hover{color:var(--color-text);background-color:var(--color-surface-muted)}.nav-link.is-current{color:var(--color-accent-contrast);background-color:var(--color-accent);border-color:var(--color-accent);font-weight:600}.nav-link__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-link__count{font-size:var(--text-xs);font-variant-numeric:tabular-nums;opacity:.75;margin-inline-start:auto}.subnav__add,.subnav__back{min-height:2rem;font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:.5rem;margin-block-end:.5rem;text-decoration:none;display:inline-flex}.subnav__add:focus-visible,.subnav__back:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.subnav__add:hover,.subnav__back:hover{color:var(--color-accent)}.subnav__new{min-height:2.25rem;font-size:var(--text-sm);color:var(--color-accent);align-items:center;margin-block-start:.75rem;font-weight:500;text-decoration:none;display:inline-flex}.subnav__new:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.subnav__add>summary{min-height:2.25rem;font-size:var(--text-sm);color:var(--color-accent);cursor:pointer;align-items:center;font-weight:500;display:inline-flex}.subnav__add>summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.subnav__add>summary::-webkit-details-marker{display:none}.subnav__add[open]>summary{margin-block-end:.75rem}.content{--deck-width:30rem;flex-direction:column;flex:1;display:flex}@media (width>=48rem){.content{--deck-width:clamp(30rem, calc(30rem + (100vw - 48rem) * .36), 47.5rem)}}@media (width>=64rem){.content{border-inline-start:1px solid var(--color-border)}}.content__crumbs{padding-block:1rem 0;padding-inline:1rem}@media (width>=64rem){.content__crumbs{padding-inline:1.5rem}}.deck-head{width:100%;max-width:var(--deck-width);justify-content:space-between;align-items:center;gap:.75rem;margin-inline:auto;padding-block:1rem 0;padding-inline:1rem;display:flex}@media (width>=64rem){.deck-head{padding-inline:1.5rem}}.deck-head__title{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.01em;margin:0;font-weight:600;overflow:hidden}.dir-pill{background-color:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);flex:none;padding:.1875rem;display:flex}.dir-pill__option{font:inherit;font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;cursor:pointer;border-radius:var(--radius-full);background:0 0;border:0;padding-block:.3125rem;padding-inline:.75rem;font-weight:600}.dir-pill__option:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.dir-pill__option{transition:background-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1)}}.dir-pill__option:hover{color:var(--color-text)}.dir-pill__option[aria-pressed=true]{color:var(--color-accent-contrast);background-color:var(--color-accent)}.import{flex-direction:column;gap:1rem;width:100%;max-width:30rem;padding-block:1.5rem;padding-inline:1rem;display:flex}@media (width>=64rem){.import{max-width:33rem;padding-inline:1.5rem}}.import__title{font-size:var(--text-2xl);text-wrap:balance;margin:0}.json-template{font-size:var(--text-sm);color:var(--color-text-muted)}.json-template>summary{cursor:pointer;min-height:2rem}.json-template>summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.json-template p{text-wrap:pretty;margin-block:.75rem .5rem}.json-template__body{padding-block-start:.5rem}.json-template__lead{margin-block-start:0}.json-template__code{max-height:20rem;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-text);white-space:pre-wrap;background-color:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem;overflow:auto}.json-template .btn{margin-block-start:.75rem}.page-form{flex-direction:column;flex:1;gap:1rem;width:100%;max-width:42.5rem;margin-inline:auto;padding-block:1.5rem 4rem;padding-inline:1rem;display:flex}@media (width>=48rem){.page-form{padding-inline:1.5rem}}.page-form__back{font-size:var(--text-sm);color:var(--color-text-muted);align-self:start;align-items:center;gap:.5rem;font-weight:500;text-decoration:none;display:inline-flex}.page-form__back:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.page-form__back:hover{color:var(--color-accent)}.page-form__title{font-size:var(--text-3xl);text-wrap:balance;margin:0}.page-form__lead{color:var(--color-text-muted);text-wrap:pretty;margin:0}.import__format{font-size:var(--text-sm);color:var(--color-text-muted)}.import__format>summary{cursor:pointer}.import__format>summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.import__format p{margin-block:.75rem .5rem}.import__format pre{font-size:var(--text-xs);background-color:var(--color-surface-muted);border-radius:var(--radius-md);padding:.75rem;overflow-x:auto}.import__lead{font-size:var(--text-sm);color:var(--color-text-muted);text-wrap:pretty;margin:0}.deck{width:100%;max-width:var(--deck-width);flex-direction:column;flex:1;gap:.75rem;margin-inline:auto;padding-block:.75rem;padding-inline:1rem;display:flex}@media (width>=64rem){.deck{padding-inline:1.5rem}}.deck__filters{grid-template-columns:repeat(3,1fr);display:grid}.deck__filters .btn{min-width:0;min-height:2.5rem}.deck__filter-count{font-variant-numeric:tabular-nums;font-weight:600}.btn[aria-pressed=true]{--btn-bg:var(--color-accent);--btn-fg:var(--color-accent-contrast);--btn-border:var(--color-accent);--btn-bg-hover:var(--color-accent-hover);--btn-fg-hover:var(--color-accent-contrast);--btn-border-hover:var(--color-accent-hover);font-weight:600}.btn--review{--btn-fg:var(--color-warning);--btn-border:var(--color-warning);--btn-bg-hover:var(--color-warning);--btn-fg-hover:#fff;--btn-border-hover:var(--color-warning)}.deck__stage{perspective:1400px;display:grid;position:relative}.deck__stage>*{grid-area:1/1}.shuffle-fx{pointer-events:none;place-items:center;display:grid}.shuffle-fx__icon{width:3.75rem;height:3.75rem;color:var(--color-accent);opacity:0;translate:0 -2.875rem}.shuffle-fx__bit{border-radius:var(--radius-sm);opacity:0;width:.5625rem;height:.5625rem;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.shuffle-fx__bit--0{background-color:var(--color-accent)}.shuffle-fx__bit--1{background-color:var(--lit-known,#34d399);border-radius:var(--radius-full)}.shuffle-fx__bit--2{background-color:var(--lit-review,#fb923c)}@media (prefers-reduced-motion:reduce){.shuffle-fx__bit{display:none}}.flashcard{width:100%;min-height:14.375rem;font:inherit;color:inherit;text-align:inherit;cursor:pointer;transform-style:preserve-3d;background:0 0;border:0;padding:0;display:block;position:relative}.flashcard:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}@media (prefers-reduced-motion:no-preference){.flashcard{transition:transform .5s cubic-bezier(.4,.2,.2,1)}}@media (width>=40rem){.flashcard{min-height:16.25rem}}@media (width>=48rem){.flashcard{min-height:clamp(16.25rem,38vh,26.25rem)}}.flashcard.is-flipped{transform:rotateY(180deg)}.flashcard.is-flip-instant{transition:none}.flashcard__face{text-align:center;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem 1.25rem;display:flex;position:absolute;inset:0}.flashcard__face--back{transform:rotateY(180deg)}.flashcard__lang{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:600;position:absolute;inset-block-start:1rem;inset-inline-start:1rem}.flashcard__mark{position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem}.flashcard__word{font-size:var(--text-2xl);font-weight:600;line-height:var(--leading-snug);text-wrap:balance}@media (width>=40rem){.flashcard__word{font-size:var(--text-3xl)}}.flashcard__empty{color:var(--color-text-subtle)}.flashcard__example{max-width:34ch;font-size:var(--text-sm);color:var(--color-text-muted);text-wrap:pretty}.deck--verbs .flashcard__word{font-size:var(--text-2xl)}@media (width>=40rem){.deck--verbs .flashcard__word{font-size:var(--text-3xl)}}@media (width>=64rem){.deck--verbs .flashcard__word{font-size:var(--text-4xl)}}.deck--verbs .flashcard__example{font-size:var(--text-lg);line-height:var(--leading-snug)}@media (width>=64rem){.deck--verbs .flashcard__example{font-size:var(--text-xl)}}.flashcard__flip{color:var(--color-text-subtle);position:absolute;inset-block-end:1rem}.deck__meta{align-items:center;gap:.75rem;display:flex}.deck__position{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text);white-space:nowrap;font-weight:600}.deck__progress{background-color:var(--color-border-strong);border-radius:var(--radius-full);flex:1;height:4px;overflow:hidden}.deck__progress-fill{background-color:var(--color-accent);width:0;height:100%}@media (prefers-reduced-motion:no-preference){.deck__progress-fill{transition:width .25s}}.deck__actions{z-index:100;padding-block:.75rem;padding-inline:1rem;background-color:color-mix(in oklab, var(--color-canvas) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-start:1px solid var(--color-border);grid-template-columns:1fr 1fr;align-items:center;gap:.5rem;padding-block-end:calc(.75rem + env(safe-area-inset-bottom));display:grid;position:fixed;inset-block-end:0;inset-inline:0}@media (width>=64rem){.deck__actions{z-index:auto;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;justify-content:flex-start;gap:.5rem;padding:0;display:flex;position:static}}.deck__actions>.btn:first-child{grid-area:2/1;justify-self:end}.deck__actions>.btn:last-child{grid-area:2/2;justify-self:start}.deck__decide{grid-area:1/1/2/-1;gap:.5rem;display:flex}@media (width>=64rem){.deck__decide{flex:1;grid-area:auto}}.deck__actions{--lit-known:#34d399;--lit-review:#fb923c;--solid-known:#0b8457;--solid-review:#b8510c}:root:not([data-theme=light]) .deck__actions{--lit-known:#6ee7b7;--lit-review:#fdba74;--solid-known:#0d9463;--solid-review:#c95c0d}.deck__actions .btn--decision{transform-origin:50% 55%;position:relative;overflow:visible}.btn--known{--btn-lit:var(--lit-known);--btn-solid:var(--solid-known)}.btn--review{--btn-lit:var(--lit-review);--btn-solid:var(--solid-review)}.deck__actions .btn--decision{--btn-bg:var(--btn-lit);--btn-fg:color-mix(in oklab, var(--btn-solid) 34%, #000);--btn-border:var(--btn-lit);--btn-bg-hover:color-mix(in oklab, var(--btn-lit) 88%, #fff);--btn-fg-hover:color-mix(in oklab, var(--btn-solid) 34%, #000);--btn-border-hover:color-mix(in oklab, var(--btn-lit) 88%, #fff);--btn-shadow:0 2px 0 var(--btn-solid);min-width:0;min-height:3.25rem;font-size:var(--text-base);letter-spacing:var(--tracking-tight);border-radius:var(--radius-lg);flex:1;font-weight:600}.deck__actions .btn--icon{--btn-bg:var(--color-surface);--btn-fg:var(--color-text);--btn-border:var(--color-border-strong);--btn-bg-hover:var(--color-accent-soft);--btn-fg-hover:var(--color-accent);--btn-border-hover:var(--color-accent);--btn-shadow:var(--shadow-xs);aspect-ratio:1;border-radius:var(--radius-full);flex:none;width:3.25rem;height:3.25rem;min-height:3.25rem;padding:0}.deck__actions .btn--icon svg{stroke-width:2px;width:1.5em;height:1.5em}.btn--decision.is-lit{--btn-bg:var(--btn-solid);--btn-fg:#fff;--btn-border:var(--btn-solid);--btn-bg-hover:var(--btn-solid);--btn-fg-hover:#fff;--btn-border-hover:var(--btn-solid);--btn-shadow:0 0 0 4px color-mix(in oklab, var(--btn-lit) 65%, transparent)}.btn__flash{pointer-events:none;border-radius:inherit;opacity:0;background-color:#fff;position:absolute;inset:0}.burst{pointer-events:none;width:0;height:0;position:absolute;inset-block-start:50%;inset-inline-start:50%}.burst__bit{background-color:var(--btn-lit);border-radius:var(--radius-full);opacity:0;width:.625rem;height:.625rem;position:absolute;inset-block-start:0;inset-inline-start:0;translate:-50% -50%}.burst__bit--bar{border-radius:var(--radius-sm);width:.25rem;height:1rem}.burst__bit--spark{background-color:color-mix(in oklab, var(--btn-lit) 42%, #fff)}@media (prefers-reduced-motion:reduce){.burst,.btn__flash{display:none}}.deck__tools{align-items:stretch;gap:.5rem;display:flex}.vocab-open{min-width:0;min-height:2.75rem;font:inherit;font-size:var(--text-sm);color:var(--color-text);cursor:pointer;background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);flex:1;align-items:center;gap:.5rem;padding-inline:1rem;font-weight:500;display:flex}.vocab-open:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.vocab-open:hover{border-color:var(--color-accent)}.vocab-open svg{color:var(--color-text-subtle);flex:none}.vocab-open__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vocab-open__count{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-muted);margin-inline-start:auto}.modal--full{--vocab-gutter:1.5rem;border:0;border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;inset:0}@media (width<40rem){.modal--full{--vocab-gutter:.75rem}}.modal--full .modal__header{padding:1rem var(--vocab-gutter)}.modal--full .modal__body{padding:var(--vocab-gutter)}@media (width<40rem){.modal--full .table th,.modal--full .table td{padding-inline:.5rem}}.vocab__search{z-index:10;margin-block:calc(var(--vocab-gutter) * -1) .75rem;padding-block:var(--vocab-gutter) .75rem;background-color:var(--color-surface-raised);align-items:center;gap:.75rem;display:flex;position:sticky;inset-block-start:calc(var(--vocab-gutter) * -1)}.vocab__search .input{flex:1;min-width:0}.vocab__count{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-muted);white-space:nowrap;margin:0}.vocab__empty{color:var(--color-text-muted);text-align:center;padding-block:1.5rem}.deck__sync{font-size:var(--text-xs);color:var(--color-danger);text-align:center}.deck__sync:empty{display:none}