@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--ink:#e8e6df;--muted:#898b87;--line:#303432;--panel:#151817;--bg:#0c0e0d;--lime:#d9f66f;--coral:#f07865;--orange:#ff8a1f;--blue:#35d9ff;--sans:"Space Grotesk", sans-serif;--mono:"DM Mono", monospace;font-family:var(--sans);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit;cursor:pointer;transition:filter .18s,border-color .18s,background-color .18s,color .18s}button:hover:not(:disabled){filter:brightness(1.06)}button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app{min-height:100svh}.fade-enter-active,.fade-leave-active{transition:opacity .18s}.fade-enter-from,.fade-leave-to{opacity:0}.app-shell{isolation:isolate;border-inline:1px solid var(--line);background:radial-gradient(circle at 15% 15%, #18201a 0, transparent 38%), radial-gradient(circle at 85% 78%, #d9f66f0f 0, transparent 34%), var(--bg);width:min(1240px,100%);min-height:100svh;margin:auto;position:relative}.app-shell:before{z-index:20;pointer-events:none;content:"";opacity:.2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.55'/%3E%3C/svg%3E");position:fixed;inset:0}.topbar{border-bottom:1px solid var(--line);letter-spacing:.09em;justify-content:space-between;align-items:center;height:76px;padding:0 38px;font-size:12px;display:flex}.topbar-actions{align-items:center;gap:18px;display:flex}.brand{color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.brand-mark{color:var(--lime);flex:none}.brand b{color:var(--muted);font-weight:400}.session-count{color:var(--muted);align-items:baseline;gap:14px;display:flex}.session-count strong{color:var(--ink);font:500 19px var(--mono)}.welcome{flex-direction:column;justify-content:center;min-height:calc(100svh - 77px);padding:15vh 12%;display:flex}.eyebrow,.date-label,.timer-label,.section-label,.key-hint,.range-note{font:11px var(--mono);letter-spacing:.13em;color:var(--muted)}.welcome .ticker-title{letter-spacing:-.07em;margin:30px 0;font-size:clamp(52px,8vw,104px);font-weight:600;line-height:.95}.ticker-title{letter-spacing:0;flex-direction:column;gap:10px;line-height:.98;display:flex}.ticker-title>span{color:var(--muted);font:11px var(--mono);letter-spacing:.15em}.ticker-title strong,.ticker-title em{display:block}.ticker-title strong{font:inherit}.ticker-title em{color:var(--lime);font-style:normal}.ticker-weekday-line{align-items:baseline;gap:12px;display:flex}.ticker-weekday-prefix{color:var(--ink);opacity:.5;font:11px var(--mono);letter-spacing:.1em;white-space:nowrap}.ticker-date-enter-active,.ticker-date-leave-active,.ticker-weekday-enter-active,.ticker-weekday-leave-active{transition:opacity .26s,transform .26s}.ticker-weekday-enter-active{transition-delay:.14s}.ticker-date-enter-from,.ticker-weekday-enter-from{opacity:0;transform:translateY(10px)}.ticker-date-leave-to,.ticker-weekday-leave-to{opacity:0;transform:translateY(-10px)}h1 em{color:var(--lime);font-style:normal}.intro{max-width:490px;color:var(--muted);margin-bottom:10px;font-size:17px;line-height:1.5}.intro-secondary{color:var(--ink)}.explainer-button{width:fit-content;color:var(--muted);font:11px var(--mono);letter-spacing:.08em;text-align:left;text-decoration:underline;-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime);text-underline-offset:5px;background:0 0;border:0;margin-top:38px;padding:0;text-decoration-thickness:2px;display:block}.explainer-button span{color:var(--lime);margin-left:12px;font-size:16px}.explainer-button:hover{color:var(--ink)}.start-button,.next-button{border:1px solid var(--lime);background:var(--lime);color:#0d100d;width:max-content;font:500 13px var(--mono);letter-spacing:.08em;margin-top:24px;padding:16px 23px;box-shadow:0 0 18px #d9f66f1f}.start-button span,.next-button span{margin-left:42px;font-size:18px}.range-note{margin-top:54px}.welcome-creator-credit{display:none}.creator-credit{color:var(--muted);font:10px var(--mono);letter-spacing:.12em;white-space:nowrap;align-items:center;gap:6px;margin:0;display:flex}.creator-credit svg{color:var(--coral);flex:none}.creator-credit a{color:var(--ink);text-decoration:none}.creator-credit a:hover{color:var(--lime)}.topbar-change-mode{display:none}.achievements-launch{border:1px solid var(--orange);color:var(--orange);font:10px var(--mono);letter-spacing:.1em;background:0 0;align-items:center;gap:7px;padding:8px 10px;display:inline-flex}.share-launch{border:1px solid var(--blue);color:var(--blue);font:10px var(--mono);letter-spacing:.1em;background:0 0;align-items:center;gap:7px;padding:8px 10px;display:inline-flex}.share-launch svg,.achievements-launch svg{flex:none}.trainer-layout{grid-template-columns:minmax(0,1.45fr) minmax(340px,.8fr);min-height:calc(100svh - 77px);display:grid}.training-panel{border-right:1px solid var(--line);flex-direction:column;align-items:center;padding:28px 7%;display:flex}.training-panel.flash-correct{animation:.5s ease-out training-panel-flash-correct}.training-panel.flash-incorrect{animation:.5s ease-out training-panel-flash-incorrect}@keyframes training-panel-flash-correct{0%,to{background-color:#0000}35%{background-color:#78dc6e29}}@keyframes training-panel-flash-incorrect{0%,to{background-color:#0000}35%{background-color:#f0786529}}.training-body{flex-direction:column;flex:1;justify-content:center;width:100%;display:flex}.stats{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);align-self:stretch;margin-bottom:auto;padding-bottom:24px;display:grid}.stats div{border-left:1px solid var(--line);flex-direction:column;gap:5px;padding-left:16px;display:flex}.stats div:first-child{border:0;padding-left:0}.stats strong{font:500 18px var(--mono)}.stats span{font:10px var(--mono);color:var(--muted);text-transform:uppercase}.challenge{text-align:center;width:100%;margin:0 0 46px}.date-heading{position:relative}.countdown{color:var(--muted);font:11px var(--mono);letter-spacing:.14em;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.countdown-ring{aspect-ratio:1;width:clamp(112px,14vw,152px);position:relative;overflow:visible}.countdown-ring svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.countdown-ring-track,.countdown-ring-progress{fill:none;stroke-width:3.5px}.countdown-ring-track{stroke:var(--line)}.countdown-ring-progress{stroke:var(--lime);stroke-dasharray:308;stroke-dashoffset:0;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #d9f66f94)drop-shadow(0 0 9px #d9f66f47);animation:1s linear forwards countdown-ring}.countdown-ring strong{color:var(--lime);font:400 clamp(40px, 5.4vw, 66px) var(--mono);text-shadow:0 0 12px #d9f66f5c;place-items:center;line-height:1;display:grid;position:absolute;inset:0}@keyframes countdown-ring{0%{stroke-dashoffset:0}to{stroke-dashoffset:308px}}.ready-state{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.ready-state .start-button{margin-top:24px}.mode-picker{width:min(640px,100%);margin-top:32px}.mode-picker>.section-label{color:var(--ink);letter-spacing:.16em;text-align:center;margin-bottom:28px;font-size:14px;display:block}.mode-options,.mode-options>button{width:100%}.secondary-modes{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.mode-group-label{color:var(--muted);font:10px var(--mono);letter-spacing:.14em;text-align:left;margin-bottom:10px;display:block}.secondary-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mode-options button{border:1px solid var(--line);min-height:78px;color:var(--muted);text-align:left;background:0 0;flex-direction:column;align-items:flex-start;padding:12px;transition:border-color .18s,background-color .18s,color .18s;display:flex}.mode-options button:hover:not(:disabled){border-color:var(--lime);color:var(--ink);background:#d9f66f14}.mode-options button svg{color:var(--lime);margin-bottom:13px}.mode-options button strong,.mode-options button small{display:block}.mode-options button strong{color:var(--ink);font:12px var(--mono);text-transform:uppercase}.mode-options button small{margin-top:3px;font-size:11px;line-height:1.45}.mode-options button.selected{border-color:var(--lime);background:#d9f66f1a}.numeric-answer{justify-content:center;gap:8px;display:flex}.numeric-answer input{border:1px solid var(--line);background:var(--panel);width:110px;color:var(--lime);font:22px var(--mono);text-align:center;appearance:textfield;padding:15px}.numeric-answer input::-webkit-inner-spin-button{appearance:none;margin:0}.numeric-answer input::-webkit-outer-spin-button{appearance:none;margin:0}.numeric-answer button{border:1px solid var(--lime);background:var(--lime);color:#0d100d;font:11px var(--mono);letter-spacing:.08em;padding:0 18px}.numeric-answer button span{margin-left:18px;font-size:16px}.timer-label{justify-content:center;align-items:baseline;gap:10px;margin-bottom:14px;font-size:14px;display:flex}.training-mode-label{color:var(--muted);font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px}.timer-icon{color:var(--lime);flex:none;width:18px;height:18px}.timer-label strong{color:var(--lime);text-shadow:0 0 10px #d9f66f4d;font-size:clamp(24px,2.8vw,38px);font-weight:400;line-height:1}.date-label{margin:34px 0 12px}.challenge h2{letter-spacing:-.06em;margin:0;font-size:clamp(36px,5vw,70px);font-weight:500}.prompt{color:var(--muted);margin:20px 0 0}.formula{color:var(--lime);font:11px var(--mono);letter-spacing:.04em;margin-top:9px;display:block}.result{font-family:var(--mono);flex-direction:column;gap:5px;margin-top:20px;font-size:12px;display:flex}.result strong{letter-spacing:.12em;font-size:17px}.is-correct strong{color:var(--lime)}.is-incorrect strong{color:var(--coral)}.result span{color:var(--muted)}.weekday-grid{grid-template-columns:repeat(7,1fr);gap:8px;width:100%;display:grid}.weekday-grid.compact{grid-template-columns:repeat(4,1fr);width:min(100%,400px);margin-inline:auto}.weekday-button{border:1px solid var(--line);min-height:72px;color:var(--muted);background:0 0;flex-direction:column;justify-content:center;gap:5px;font-size:13px;transition:border-color .2s,background .2s,color .2s;display:flex}.weekday-button:hover:not(:disabled){border-color:var(--lime);color:var(--ink);filter:none;background:#d9f66f1a;transform:none}.weekday-number{font:10px var(--mono);color:#555a54}.weekday-grid.compact .weekday-number{order:2}.weekday-button.selected{color:var(--ink);border-color:var(--coral);background:#3a211e}.weekday-button.correct{color:#0d100d;background:var(--lime);border-color:var(--lime)}.weekday-button.incorrect{color:var(--coral);border-color:var(--coral);background:#3a211e}.key-hint{text-align:center;margin:25px 0 0}.training-controls{justify-content:center;gap:8px;margin-top:34px;display:flex}.pause-training,.resume-training{border:1px solid var(--coral);color:var(--coral);font:10px var(--mono);letter-spacing:.12em;background:0 0;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.pause-training:hover{color:var(--ink);background:#f078651f}.resume-training{border-color:var(--lime);color:var(--lime)}.resume-training:hover{color:var(--ink);background:#d9f66f1a}.pause-training svg,.resume-training svg{flex:none}.paused-label{color:var(--coral);font:11px var(--mono);letter-spacing:.14em;margin:20px 0 0}.mobile-key-hint{display:none}.next-button{align-self:center;margin-top:28px}.learning-panel{background:var(--panel);flex-direction:column;gap:32px;padding:29px 34px;display:flex}.mobile-learning-toggle,.mobile-learning-close,.drawer-scrim{display:none}.section-label{justify-content:space-between;margin-bottom:15px;display:flex}.scratch-header-row{justify-content:space-between;align-items:center;display:flex}.scratch-label{align-items:center;gap:6px;display:inline-flex}.info-tooltip{color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:inline-grid;position:relative}.info-tooltip:hover,.info-tooltip:focus-visible{color:var(--blue)}.info-tooltip:after{z-index:5;content:attr(data-tooltip);width:210px;color:var(--ink);background:var(--panel);border:1px solid var(--line);font:10px/1.45 var(--mono);letter-spacing:0;text-align:left;opacity:0;pointer-events:none;padding:8px 10px;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);box-shadow:0 8px 18px #00000047}.info-tooltip:hover:after,.info-tooltip:focus-visible:after{opacity:1;transform:translate(-50%)}.leap-year-toggle-row{border-top:1px solid var(--line);width:100%;color:var(--muted);font:11px var(--mono);letter-spacing:.13em;margin:14px 0 0;padding-top:12px;line-height:16px}.scratch-header-toggle{color:var(--muted);margin-top:0;display:inline-flex}.mono{font-family:var(--mono)}.achievements-overlay{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0e0dd1;justify-content:flex-end;display:flex;position:fixed;inset:0}.achievements-view{border-left:1px solid var(--line);background:var(--panel);text-align:center;width:min(520px,100%);height:100%;padding:34px;position:relative;overflow-y:auto}.achievements-view::-webkit-scrollbar{width:2px;height:2px}.achievements-view::-webkit-scrollbar-track{background:var(--line)}.achievements-view::-webkit-scrollbar-thumb{background:var(--orange);border-radius:999px}.achievement-drawer-enter-active,.achievement-drawer-leave-active{transition:opacity .22s}.achievement-drawer-enter-active .achievements-view,.achievement-drawer-leave-active .achievements-view{transition:transform .24s}.achievement-drawer-enter-from,.achievement-drawer-leave-to{opacity:0}.achievement-drawer-enter-from .achievements-view,.achievement-drawer-leave-to .achievements-view{transform:translate(100%)}.achievements-header{border-bottom:1px solid var(--line);justify-content:center;align-items:flex-start;padding-bottom:24px;display:flex}.achievements-header h2{color:var(--orange);font:500 28px var(--mono);letter-spacing:.04em;margin:8px 0 5px}.achievements-count{color:var(--muted);font:11px var(--mono);letter-spacing:.12em;margin:0}.achievements-close{color:var(--muted);background:0 0;border:0;padding:0 0 0 16px;font-size:28px;line-height:1;position:absolute;top:34px;right:34px}.achievements-category{margin-top:30px}.achievement-category h3{color:var(--ink);font:11px var(--mono);letter-spacing:.14em;text-transform:uppercase;text-align:center;margin:40px 0 22px;padding-bottom:11px;position:relative}.achievement-category h3:after{content:"";background:var(--orange);width:44px;height:2px;position:absolute;bottom:-2px;right:50%;transform:translate(50%)}.achievement-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.achievement-card{min-height:132px;color:var(--muted);text-align:center;border:0;justify-items:center;gap:9px;padding:10px 5px;display:grid}.achievement-card.unlocked{background:0 0}.achievement-icon{color:#555a54;width:64px;height:64px;font:24px var(--mono);text-align:center;background:#303432b3;border:2px solid #555a54;border-radius:50%;align-self:start;place-items:center;display:grid}.achievement-icon svg{opacity:.55}.achievement-card.unlocked .achievement-icon{border-color:var(--orange);color:var(--orange);background:#ff930d2e}.achievement-copy strong{color:var(--ink);font:500 10px var(--mono);letter-spacing:.04em;text-transform:uppercase;display:block}.achievement-copy p{margin:4px 0 0;font-size:10px;line-height:1.45}.achievement-copy small{color:var(--muted);font:9px var(--mono);margin-top:5px;display:block}.reset-achievements{margin-top:34px;border:1px solid var(--orange);color:var(--orange);font:10px var(--mono);letter-spacing:.12em;background:0 0;margin-inline:auto;padding:10px 12px;display:block}.achievement-toast-stack{z-index:40;pointer-events:none;flex-direction:column-reverse;gap:10px;width:min(340px,100% - 32px);display:flex;position:fixed;bottom:24px;right:24px}.achievement-toast{border:1px solid var(--orange);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#151817f0;grid-template-columns:34px 1fr 18px;gap:12px;width:100%;padding:16px;display:grid;box-shadow:0 12px 35px #00000059}.achievement-toast-enter-active,.achievement-toast-leave-active{transition:opacity .22s,transform .22s}.achievement-toast-enter-from,.achievement-toast-leave-to{opacity:0;transform:translateY(24px)}.achievement-toast-icon{color:var(--orange);font:22px var(--mono);place-items:center;display:grid}.achievement-toast-label{color:var(--orange);font:9px var(--mono);letter-spacing:.14em;display:block}.achievement-toast strong{color:var(--ink);font:500 14px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-top:6px;display:block}.achievement-toast p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.4}.achievement-toast-close{color:var(--muted);background:0 0;border:0;align-self:start;padding:0;font-size:20px;line-height:1}.achievement-toast-close:hover{color:var(--ink)}.graph-wrap{border:1px solid var(--line);background:#111412;position:relative}.graph-wrap svg{width:100%;height:auto;display:block}.axis{stroke:#454a45;stroke-width:1px}.graph-grid line{stroke:#252b27;stroke-width:1px;stroke-dasharray:2 5}svg text{fill:#686d67;font:10px var(--mono)}.axis-label{fill:var(--muted)}.graph-line{fill:none;stroke:var(--lime);stroke-width:2px}.graph-point{fill:var(--lime);stroke:#111412;stroke-width:2px}.graph-point-incorrect{fill:var(--coral)}.graph-hover-target{fill:#0000;stroke:#0000;cursor:crosshair}.graph-hover-line{stroke:var(--muted);stroke-dasharray:3 4;stroke-width:1px;pointer-events:none}.graph-tooltip-bg{fill:#202521;stroke:var(--line)}.graph-tooltip text{font:9px var(--mono)}.graph-tooltip-text{fill:var(--ink)}.graph-tooltip-status{fill:var(--lime)}.graph-tooltip-status.incorrect{fill:var(--coral)}.graph-empty{text-align:center;color:var(--muted);font:11px var(--mono);position:absolute;inset:45% 0 auto}.speed-history{margin-top:26px}.speed-history-list{border-top:1px solid var(--line);max-height:190px;padding-bottom:14px;padding-right:16px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 0% calc(100% - 24px),#0000 100%);mask-image:linear-gradient(#000 0% calc(100% - 24px),#0000 100%)}.speed-history-list::-webkit-scrollbar{width:2px}.speed-history-list::-webkit-scrollbar-track{background:var(--line)}.speed-history-list::-webkit-scrollbar-thumb{background:var(--lime);border-radius:999px}.speed-history-item{border-bottom:1px solid var(--line);color:var(--muted);font:10px var(--mono);grid-template-columns:1fr 1fr 1fr;align-items:center;gap:10px;padding:10px 0;transition:background-color .18s,padding-left .18s;display:grid}.speed-history-item:hover{background:#d9f66f0f;padding-left:8px}.speed-history-item strong{color:var(--lime);text-align:center;font-weight:400}.history-question{color:var(--muted)}.history-result{color:var(--lime);text-align:right;font-size:9px}.speed-history-item.incorrect strong,.speed-history-item.incorrect .history-result{color:var(--coral)}.scratch-panel{margin-top:28px}.scratch-visibility-toggle{color:var(--muted);font:10px var(--mono);letter-spacing:.13em;background:0 0;border:0;align-items:center;gap:7px;padding:3px 0;display:inline-flex}.scratch-visibility-toggle:hover{color:var(--lime)}.scratch-visibility-toggle:focus-visible{outline:1px solid var(--lime);outline-offset:4px}.scratch-switch-track{border:1px solid var(--muted);border-radius:999px;width:30px;height:16px;transition:border-color .18s,background-color .18s;display:block;position:relative}.scratch-switch-thumb{background:var(--muted);border-radius:50%;width:8px;height:8px;transition:transform .18s,background-color .18s;position:absolute;top:3px;left:3px}.scratch-visibility-toggle[aria-checked=true] .scratch-switch-track{border-color:var(--lime);background:#d9f66f29}.scratch-visibility-toggle[aria-checked=true] .scratch-switch-thumb{background:var(--lime);transform:translate(14px)}.scratch-canvas{border:1px solid var(--line);cursor:crosshair;touch-action:none;background-color:#111412;background-image:repeating-linear-gradient(#0000 0 27px,#d9f66f1a 28px);width:100%;height:220px;display:block}.scratch-toggle{color:var(--muted);font:10px var(--mono);letter-spacing:.08em;cursor:pointer;align-items:center;gap:8px;margin-top:12px;display:inline-flex}.scratch-toggle input{opacity:0;width:1px;height:1px;position:absolute}.scratch-toggle input:checked+.scratch-switch-track{border-color:var(--lime);background:#d9f66f29}.scratch-toggle input:checked+.scratch-switch-track .scratch-switch-thumb{background:var(--lime);transform:translate(14px)}.scratch-toggle input:focus-visible+.scratch-switch-track{outline:1px solid var(--lime);outline-offset:4px}.leap-year-pill{border:1px solid var(--blue);background:var(--blue);color:#0c0e0d;width:fit-content;font:10px var(--mono);letter-spacing:.13em;border-radius:999px;margin:0;padding:5px 9px;position:absolute;top:-26px;right:30px}.calculation-toggle{width:100%;color:var(--ink);border:0;border-block:1px solid var(--line);font:11px var(--mono);letter-spacing:.1em;text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.calculation-toggle span{color:var(--lime);font-size:18px}.calculation-content{padding:17px 0 0}.calculation-step{border-left:2px solid var(--line);margin-bottom:13px;padding:0 0 16px 15px}.calculation-step h3{color:var(--lime);font:11px var(--mono);text-transform:uppercase;margin:0 0 8px}.calculation-step p{font:12px/1.65 var(--mono);color:var(--muted);margin:0}.fact-check-link{color:var(--muted);font:10px var(--mono);letter-spacing:.1em;justify-content:space-between;margin-top:18px;text-decoration:none;display:flex}.fact-check-link span{color:var(--lime);font-size:16px;line-height:10px}.fact-check-link:hover{color:var(--ink)}.new-session{color:var(--coral);border:1px solid var(--coral);font:10px var(--mono);letter-spacing:.12em;background:0 0;align-self:flex-start;align-items:center;gap:8px;margin-top:auto;padding:12px;display:inline-flex}.change-mode{border:1px solid var(--lime);color:var(--lime);font:10px var(--mono);letter-spacing:.12em;background:0 0;align-self:flex-start;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;display:inline-flex}.change-mode:hover{color:var(--ink);background:#d9f66f1a}.change-mode svg{flex:none}.desktop-clear-session{align-self:flex-end}.mobile-clear-session{display:none}.new-session:hover{color:var(--ink);border-color:var(--coral);background:#f078651f}@media (width<=760px){.topbar{padding:0 20px}.topbar-actions{gap:12px}.achievements-launch{padding:8px 10px}.share-launch{padding:8px}.share-launch span{display:none}.welcome{padding:7vh 24px}.welcome .ticker-title{margin:16px 0;font-size:clamp(36px,10vw,56px)}.welcome .intro{font-size:14px}.trainer-layout{min-height:calc(100svh - 76px);display:block}.training-panel{border-right:0;min-height:calc(100svh - 76px);padding:24px 20px 110px}.training-panel:after{z-index:7;content:"";-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0e0dd1;border-top:1px solid #303432e6;height:72px;position:fixed;inset:auto 0 0}.training-panel>.mobile-clear-session{z-index:8;align-items:center;gap:8px;margin:0;display:inline-flex;position:fixed;bottom:16px;left:16px}.mobile-clear-session svg{flex:none}.training-body{order:2;min-height:0}.stats{border-top:0;border-bottom:1px solid var(--line);order:1;width:100%;margin:0 0 40px;padding:0 0 24px}.challenge{margin-bottom:28px}.training-mode-label{margin-bottom:12px}.timer-label{margin-bottom:8px}.challenge h2{line-height:.95}.weekday-grid{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.weekday-button{flex:0 0 calc(25% - 3.75px);min-height:62px;font-size:12px}.next-button{align-self:center}.mode-options{grid-template-columns:repeat(2,1fr)}.mode-picker{margin-top:0}.mode-options button{min-height:auto}.desktop-key-hint{display:none}.mobile-key-hint{display:inline}.mobile-learning-toggle{z-index:8;border:1px solid var(--lime);background:var(--lime);color:#0d100d;height:36px;font:10px var(--mono);letter-spacing:.1em;align-items:center;gap:8px;padding:11px 13px;display:inline-flex;position:fixed;bottom:16px;right:16px}.creator-credit.is-training,.topbar .creator-credit:not(.is-training),.range-note{display:none}.welcome-creator-credit{color:var(--muted);font:10px var(--mono);letter-spacing:.12em;white-space:nowrap;justify-content:flex-start;align-items:center;gap:6px;margin:54px 0 0;display:flex}.welcome-creator-credit svg{color:var(--coral);flex:none}.welcome-creator-credit a{color:var(--ink);text-decoration:none}.topbar-change-mode{border:1px solid var(--lime);min-height:33px;color:var(--lime);font:10px var(--mono);letter-spacing:.1em;background:0 0;align-items:center;gap:7px;padding:8px 10px;display:inline-flex}.drawer-scrim{z-index:9;opacity:0;pointer-events:none;background:#0c0e0dad;border:0;padding:0;transition:opacity .18s;display:block;position:fixed;inset:0}.drawer-scrim.visible{opacity:1;pointer-events:auto}.learning-panel{z-index:10;border-top:1px solid var(--line);width:100%;height:100svh;max-height:none;padding:28px 20px 35px;transition:transform .22s;position:fixed;inset:0;overflow-y:auto;transform:translateY(100%)}.learning-panel.is-open{transform:translateY(0)}.desktop-clear-session{align-self:flex-start;margin-top:28px;display:inline-flex}.mobile-learning-close{color:var(--muted);background:0 0;border:0;align-self:flex-end;margin:-12px -8px 0 0;padding:5px;display:inline-flex}.mobile-learning-close:hover{color:var(--ink)}.new-session{margin-top:0}.training-panel>.change-mode{z-index:8;height:36px;margin:0;display:inline-flex;position:fixed;bottom:16px;left:16px}.achievements-overlay{display:flex}.achievements-view{border-left:0;width:100%;padding:28px 20px 35px}.achievement-toast-stack{bottom:88px;right:16px}}@media (width<=430px){.brand{gap:7px;font-size:10px}.session-count span{display:none}.stats div{padding-left:8px}.stats strong{font-size:14px}.stats span{font-size:8px}.weekday-button{min-height:57px}}
