@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root,[data-theme=dark]{--surface-0:#0e0f13;--surface-1:#16181e;--surface-2:#20232b;--surface-code:#101116;--border:#2a2e38;--border-strong:#3a3f4c;--text-0:#f3f2ee;--text-1:#a3a6b0;--text-2:#636773;--accent:#c6f83c;--accent-dim:#26310a;--accent-dim-2:#171f06;--accent-ink:#0e0f13;--ok-dim:#1b2a0a;--danger:#ff5470;--danger-dim:#31121b;--warn:#ffb020;--warn-dim:#2e2408;--syn-kw:#ff9e64;--syn-fn:#7dcfff;--syn-str:#9ece6a;--syn-num:#e0af68;--syn-cm:#565f73;--font-ui:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--space-px:.0625rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:.9375rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.25rem;--font-size-3xl:1.5rem;--font-size-4xl:2rem;--radius-xs:6px;--radius-sm:10px;--radius-md:12px;--radius-lg:16px;--radius-xl:18px;--radius-full:999px;--tap-target-min:44px;--nav-rail-width:220px;--sidebar-width:296px;--content-width-mobile:480px;--content-width-desktop:640px}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-ui)}*{box-sizing:border-box}body{min-height:100vh;margin:0}.puzzle-card{gap:var(--space-4);width:100%;max-width:var(--content-width-mobile);padding:var(--space-4);box-sizing:border-box;flex-direction:column;margin:0 auto;display:flex}.puzzle-card__prompt{text-align:center;font-size:var(--font-size-xl);color:var(--text-0);margin:0;font-weight:600}.puzzle-card__interaction{flex-direction:column;display:flex}.code-snippet{background:var(--surface-code);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2-5) 0;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:calc(var(--font-size-sm) * var(--code-snippet-font-scale,1));line-height:1.5;position:relative;overflow-x:auto}.code-snippet--scrollable:after{content:"";width:var(--space-6);background:linear-gradient(to right, transparent, var(--surface-code));pointer-events:none;border-radius:0 var(--radius-md) var(--radius-md) 0;position:absolute;top:0;bottom:0;right:0}.code-snippet__line{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-px) var(--space-4);white-space:pre;text-align:left;color:var(--text-0);font:inherit;background:0 0;border:none;display:flex}.code-snippet__line--interactive{cursor:pointer;min-height:var(--tap-target-min)}.code-snippet__line--interactive:hover{background:var(--surface-1)}.code-snippet__line--interactive:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.code-snippet__line-number{min-width:var(--space-6);text-align:right;color:var(--text-2);-webkit-user-select:none;user-select:none;flex-shrink:0}.code-snippet__line-code{white-space:pre}.code-snippet__line--wrong{background:var(--danger-dim)}.code-snippet__line--reveal-correct{background:var(--ok-dim)}.token.keyword{color:var(--syn-kw)}.token.string{color:var(--syn-str)}.token.function{color:var(--syn-fn)}.token.class-name,.token.builtin,.token.number,.token.boolean,.token.constant,.token.property,.token.literal-property{color:var(--syn-num)}.token.comment{color:var(--syn-cm)}.token.punctuation,.token.operator,.token.parameter,.token.annotation,.token.macro,.token.directive,.token.directive-hash,.token.generics{color:var(--text-1)}.mcq-choices{gap:var(--space-2);flex-direction:column;display:flex}.mcq-choice{align-items:flex-start;gap:var(--space-3);min-height:var(--tap-target-min);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-1);color:var(--text-0);font-size:var(--font-size-md);text-align:left;cursor:pointer;display:flex}.mcq-choice:disabled{cursor:default}.mcq-choice__badge{background:var(--surface-2);border-radius:var(--radius-xs);color:var(--text-1);font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-xs);flex:none;justify-content:center;align-items:center;padding:2px 8px;display:flex}.mcq-choice--correct,.mcq-choice--reveal-correct{border:1.5px solid var(--accent);background:var(--ok-dim);color:var(--text-0)}.mcq-choice--correct .mcq-choice__badge,.mcq-choice--reveal-correct .mcq-choice__badge{background:var(--accent);color:var(--accent-ink)}.mcq-choice--wrong{border:1.5px solid var(--danger);background:var(--danger-dim);color:var(--text-0)}.mcq-choice--wrong .mcq-choice__badge{background:var(--danger);color:var(--accent-ink)}.mcq-choice:disabled:not(.mcq-choice--correct):not(.mcq-choice--reveal-correct):not(.mcq-choice--wrong){opacity:.55}.swipe-fallback{gap:var(--space-3);flex-direction:column;display:flex}.swipe-fallback__hint{text-align:center;font-size:var(--font-size-sm);color:var(--text-1);margin:0}.swipe-fallback__card{gap:var(--space-3);touch-action:pan-y;flex-direction:column;display:flex}.swipe-fallback__buttons{gap:var(--space-3);display:flex}.swipe-fallback__button{min-height:var(--tap-target-min);padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);border:2px solid var(--border);background:var(--surface-1);color:var(--text-0);font-weight:600;font-size:var(--font-size-md);cursor:pointer;flex:1}.swipe-fallback__button:disabled{cursor:default}.swipe-fallback__button--left{border:1.5px solid var(--danger)}.swipe-fallback__button--right{border:1.5px solid var(--border-strong)}.swipe-fallback__button--correct,.swipe-fallback__button--reveal-correct{border-color:var(--accent);background:var(--ok-dim);color:var(--accent)}.swipe-fallback__button--wrong{border-color:var(--danger);background:var(--danger-dim);color:var(--danger)}.swipe-fallback__button--previewing.swipe-fallback__button--left{background:var(--danger-dim)}.swipe-fallback__button--previewing.swipe-fallback__button--right{background:var(--ok-dim)}.feedback-panel{border-radius:var(--radius-xl);flex-direction:column;gap:.75rem;padding:1rem;animation:.18s ease-out feedback-panel-slide-in;display:flex}@keyframes feedback-panel-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.feedback-panel--correct{border:1.5px solid var(--accent);background:linear-gradient(160deg, var(--ok-dim), var(--surface-1))}.feedback-panel--wrong{border:1.5px solid var(--danger);background:linear-gradient(160deg, var(--danger-dim), var(--surface-1))}.feedback-panel__header{align-items:center;gap:.5rem;display:flex}.feedback-panel--correct .feedback-panel__icon,.feedback-panel--correct .feedback-panel__verdict,.feedback-panel--correct .feedback-panel__delta{color:var(--accent)}.feedback-panel--wrong .feedback-panel__icon,.feedback-panel--wrong .feedback-panel__verdict,.feedback-panel--wrong .feedback-panel__delta{color:var(--danger)}.feedback-panel__icon{align-items:center;display:flex}.feedback-panel__verdict{flex:1;font-size:1rem;font-weight:700}.feedback-panel__delta{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700}.feedback-panel__explanation{color:var(--text-0);margin:0;font-size:.9375rem;line-height:1.45}.feedback-panel__continue{border-radius:var(--radius-md);background:var(--accent);width:100%;min-height:44px;color:var(--accent-ink);cursor:pointer;border:none;padding:.875rem 1rem;font-size:1rem;font-weight:700;transition:transform 50ms ease-out,opacity 50ms ease-out}.feedback-panel__continue:active{opacity:.9;transform:scale(.98)}.feedback-panel__continue:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.practice-page{gap:var(--space-4);width:100%;max-width:var(--content-width-mobile);padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) var(--space-4);box-sizing:border-box;flex-direction:column;margin:0 auto;display:flex}@media (width>=1024px){.practice-page{max-width:var(--content-width-desktop)}}.practice-page__status{text-align:center;color:var(--text-1);padding:2rem 0}.practice-page__filter-banner{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);color:var(--text-1);display:flex}.practice-page__nav{gap:var(--space-2);flex-direction:column;display:flex}.practice-page__link{min-height:var(--tap-target-min);padding:var(--space-2) var(--space-3);color:var(--accent);font-size:var(--font-size-md);cursor:pointer;background:0 0;border:none;font-weight:600}.practice-page__browse{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-height:var(--tap-target-min);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-0);font-family:inherit;font-size:var(--font-size-base);cursor:pointer;background:0 0;padding:13px 14px;font-weight:700;display:flex}.status-bar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.status-bar__pill{align-items:center;gap:var(--space-1-5);min-height:var(--tap-target-min);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-full);background:var(--surface-1);border:1px solid var(--border);color:var(--text-0);font-variant-numeric:tabular-nums;font-weight:700;display:flex}.status-bar__solved{align-items:center;gap:var(--space-1-5);color:var(--text-1);font-size:var(--font-size-sm);display:flex}.status-bar__combo{align-items:center;gap:var(--space-1-5);min-height:var(--tap-target-min);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-full);background:var(--ok-dim);color:var(--accent);font-weight:700;animation:.18s ease-out combo-badge-pop;display:flex}@keyframes combo-badge-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.pattern-picker{gap:var(--space-3);flex-direction:column;display:flex}.pattern-picker__header{align-items:center;gap:var(--space-2);display:flex}.pattern-picker__title{font-size:var(--font-size-xl);margin:0}.pattern-picker__all{min-height:var(--tap-target-min);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;font-weight:700;transition:transform 50ms ease-out,opacity 50ms ease-out}.pattern-picker__all:active{opacity:.9;transform:scale(.98)}.pattern-picker__all:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pattern-picker__grid{gap:var(--space-2);flex-direction:column;display:flex}@media (width>=1024px){.pattern-picker__grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}}.pattern-picker__button{min-height:var(--tap-target-min);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-1);color:var(--text-0);text-align:left;font-size:var(--font-size-md);gap:var(--space-3);cursor:pointer;flex-direction:column;display:flex}.pattern-picker__button--weak{background:var(--danger-dim);border-color:var(--danger)}.pattern-picker__row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.pattern-picker__name{font-weight:600;font-size:var(--font-size-base);color:var(--text-0)}.pattern-picker__badge{font-family:var(--font-mono);font-size:var(--font-size-xs);border-radius:var(--radius-full);flex:none;padding:3px 8px;font-weight:700}.pattern-picker__badge--new{color:var(--text-2)}.pattern-picker__badge--mastered{color:var(--accent);background:var(--accent-dim)}.pattern-picker__badge--learning{color:var(--warn);background:var(--warn-dim)}.pattern-picker__badge--weak{color:var(--danger)}.pattern-picker__caption{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-2)}.progress-track{background:var(--surface-2);border-radius:3px;height:5px;overflow:hidden}.progress-track__fill{border-radius:3px;height:100%}.progress-track__fill--mastered{background:var(--accent)}.progress-track__fill--learning{background:var(--warn)}.progress-track__fill--weak{background:var(--danger)}.progress-track__fill--new{background:var(--border-strong)}.mastery-view{gap:var(--space-3);flex-direction:column;display:flex}.mastery-view__header{align-items:center;gap:var(--space-2);display:flex}.mastery-view__title{font-size:var(--font-size-xl);margin:0}.mastery-view__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mastery-row{gap:var(--space-2);min-height:var(--tap-target-min);width:100%;padding:var(--space-2-5) var(--space-4);border-radius:var(--radius-md);background:var(--surface-0);border:1px solid #0000;flex-direction:column;display:flex}.mastery-row.mastery-row--weak{background:var(--danger-dim);border-color:var(--danger)}button.mastery-row{font:inherit;text-align:left;color:inherit;cursor:pointer;border:1px solid #0000}.mastery-row__top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.mastery-row__label{color:var(--text-0);font-size:var(--font-size-base);flex:1}.mastery-row__weak-tag{font-size:var(--font-size-xs);color:var(--danger);font-weight:700}.mastery-row__accuracy{font-family:var(--font-mono);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;flex:none;font-weight:700}.mastery-row__accuracy--new{color:var(--text-2)}.mastery-row__accuracy--mastered{color:var(--accent);background:var(--accent-dim);border-radius:var(--radius-full);padding:2px 8px}.mastery-row__accuracy--learning{color:var(--warn);background:var(--warn-dim);border-radius:var(--radius-full);padding:2px 8px}.mastery-row__accuracy--weak{color:var(--danger)}.mastery-row__count{color:var(--text-1);font-size:var(--font-size-xs)}.mastery-view__empty{text-align:center;padding:var(--space-5) var(--space-3) var(--space-6);border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-1)}.mastery-view__empty-icon{border-radius:var(--radius-md);background:var(--surface-2);justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto;display:flex}.mastery-view__empty-title{font-size:var(--font-size-base);margin:var(--space-3) 0 0;font-weight:700}.mastery-view__empty-copy{font-size:var(--font-size-xs);color:var(--text-1);margin:var(--space-1-5) 0 0;line-height:1.5}.practice-page__sidebar,.daily-page__sidebar{gap:var(--space-4);padding:var(--space-6) var(--space-4);border-left:1px solid var(--border);flex-direction:column;align-self:start;display:flex}.daily-page{gap:var(--space-4);width:100%;max-width:var(--content-width-mobile);padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) var(--space-4);box-sizing:border-box;flex-direction:column;margin:0 auto;display:flex}@media (width>=1024px){.daily-page{max-width:var(--content-width-desktop)}}.daily-page__status{text-align:center;color:var(--text-1);padding:2rem 0}.daily-page__link{min-height:var(--tap-target-min);padding:var(--space-2) var(--space-3);color:var(--accent);font-size:var(--font-size-md);cursor:pointer;background:0 0;border:none;font-weight:600}.daily-page__heading{text-align:center;font-size:var(--font-size-xl);color:var(--text-0);margin:0;font-weight:700}.daily-hero{gap:var(--space-4);padding:var(--space-4);border:1.5px solid var(--accent);border-radius:var(--radius-xl);background:linear-gradient(160deg, var(--accent-dim), var(--surface-1));flex-direction:column;display:flex}.daily-hero--wrong{border-color:var(--danger);background:linear-gradient(160deg, var(--danger-dim), var(--surface-1))}@media (width>=1024px){.daily-hero{padding:28px 30px}}.daily-hero__top{align-items:center;gap:var(--space-3);display:flex}.daily-hero__icon{border-radius:var(--radius-md);background:var(--accent);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.daily-hero__icon--wrong{background:var(--danger)}.daily-hero__copy{gap:var(--space-1);flex-direction:column;display:flex}.daily-hero__verdict{font-size:var(--font-size-lg);color:var(--text-0);margin:0;font-weight:700}.daily-hero__delta{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--accent);font-weight:600}.daily-hero__stats{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.daily-hero__stat{align-items:center;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-0);border:1px solid var(--border);flex-direction:column;display:flex}.daily-hero__stat-value{font-size:var(--font-size-lg);color:var(--text-0);font-weight:700}.daily-hero__stat-label{font-size:var(--font-size-xs);color:var(--text-2)}.share-card{gap:var(--space-2);padding:var(--space-3-5) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--border);flex-direction:column;display:flex}.share-card__text{font-family:var(--font-mono);font-size:var(--font-size-md);color:var(--text-0);white-space:pre-wrap;word-break:break-word;margin:0}.share-card__button{min-height:var(--tap-target-min);border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;font-weight:700;transition:transform 50ms ease-out,opacity 50ms ease-out}.share-card__button:active{opacity:.9;transform:scale(.98)}.share-card__button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.update-prompt,.ios-install-sheet{z-index:100;box-sizing:border-box;padding:var(--space-3-5) var(--space-4) calc(var(--space-3-5) + env(safe-area-inset-bottom));background:var(--surface-1);border-top:1px solid var(--border);position:fixed;bottom:0;left:0;right:0}.update-prompt{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.update-prompt__message{color:var(--text-0);font-size:var(--font-size-md);font-weight:600}.update-prompt__actions{align-items:center;gap:var(--space-2);display:flex}.update-prompt__refresh{min-height:var(--tap-target-min);padding:var(--space-2-5) var(--space-5);border:none;border-bottom:4px solid var(--accent-dim);border-radius:var(--radius-md);background:var(--accent);color:var(--accent-ink);font-size:var(--font-size-md);cursor:pointer;font-weight:700;transition:transform 50ms ease-out,border-bottom-width 50ms ease-out,margin-bottom 50ms ease-out}.update-prompt__refresh:active{border-bottom-width:1px;margin-bottom:3px;transform:translateY(3px)}.update-prompt__refresh:disabled{opacity:.7;cursor:default}.update-prompt__dismiss{min-height:var(--tap-target-min);padding:var(--space-2-5) var(--space-3);color:var(--text-1);font-size:var(--font-size-md);cursor:pointer;background:0 0;border:none;font-weight:600}.ios-install-sheet{gap:var(--space-3);flex-direction:column;display:flex}.ios-install-sheet__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.ios-install-sheet__title{color:var(--text-0);font-size:var(--font-size-lg);margin:0;font-weight:700}.ios-install-sheet__close{min-width:var(--tap-target-min);min-height:var(--tap-target-min);color:var(--text-1);font-size:var(--font-size-2xl);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;line-height:1;display:flex}.ios-install-sheet__steps{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ios-install-sheet__step{align-items:center;gap:var(--space-2-5);color:var(--text-0);font-size:var(--font-size-md);line-height:1.4;display:flex}.ios-install-sheet__step-icon{font-size:var(--font-size-xl);flex:none}.mode-switcher{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);gap:4px;padding:4px;display:flex}.mode-switcher__tab{min-height:var(--tap-target-min);padding:var(--space-2) var(--space-4);border-radius:var(--radius-xs);color:var(--text-1);font-size:var(--font-size-md);text-align:center;cursor:pointer;background:0 0;border:none;flex:1;font-weight:600}.mode-switcher__tab--active{background:var(--accent);color:var(--accent-ink)}.mode-switcher__tab--disabled,.mode-switcher__tab--disabled:disabled{color:var(--text-1);opacity:.55;cursor:default}.app-shell__rail{display:none}.app-shell__mobile-nav{padding:calc(var(--space-2) + env(safe-area-inset-top)) var(--space-4) 0;display:block}@media (width>=1024px){.app-shell{grid-template-columns:var(--nav-rail-width) 1fr;min-height:100vh;display:grid}.app-shell__mobile-nav{display:none}.app-shell__rail{display:block}.app-shell__content{grid-template-columns:1fr var(--sidebar-width);grid-template-areas:"main sidebar";align-items:start;display:grid}.app-shell__main{grid-area:main}.app-shell__sidebar{grid-area:sidebar}}.nav-rail{gap:var(--space-2);padding:var(--space-6) var(--space-4);box-sizing:border-box;border-right:1px solid var(--border);flex-direction:column;height:100%;display:flex}.nav-rail__brand{align-items:center;gap:var(--space-2-5);padding:0 var(--space-2) var(--space-4);display:flex}.nav-rail__logo-mark{border-radius:var(--radius-sm);background:var(--accent);width:28px;height:28px;color:var(--accent-ink);font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-md);flex:none;justify-content:center;align-items:center;display:flex}.nav-rail__wordmark{font-size:var(--font-size-xl);color:var(--text-0);font-weight:700}.nav-rail__item{min-height:var(--tap-target-min);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--text-1);font-size:var(--font-size-md);text-align:left;cursor:pointer;background:0 0;border:none;font-weight:600}.nav-rail__item--active{background:var(--accent);color:var(--accent-ink)}.nav-rail__item--disabled,.nav-rail__item--disabled:disabled{color:var(--text-1);opacity:.55;cursor:default}