.cutout-mat{color:#f1ead8;background-color:#124b35;background-image:linear-gradient(#d6e3ba1c 1px,#0000 1px),linear-gradient(90deg,#d6e3ba1c 1px,#0000 1px);background-size:30px 30px}.paper-panel{--neutral-bg:#f1ead8;--surface-50:#f7f1e3;--surface-100:#e9e2d1;--surface-200:#ddd3bd;--text-bright:#231f18;--text-dim:#635e50;--primary:#245c40;--color-green-100:#245c40;--color-green-300:#245c40;--color-green-400:#245c40;--color-green-500:#287246;--color-red-100:#9c3026;--color-red-200:#9c3026;--color-red-300:#9c3026;--color-red-400:#a33429;--color-red-500:#ac3528;background-color:var(--neutral-bg);color:var(--text-bright);border:1px solid #231f1829;box-shadow:4px 5px #071e1933}.cutout-caption{font-family:var(--font-mono), monospace;letter-spacing:.09em;text-transform:uppercase;font-size:11px;line-height:1.6}.cutout-label{letter-spacing:-.055em;padding:.08em .18em .12em;font-family:Arial,Helvetica,sans-serif;font-weight:900;line-height:1;display:inline-block;box-shadow:3px 5px #0002}.ink-label{color:#f1ead8;background:#231f18}.yellow-label{color:#231f18;background:#f6c52b}.lavender-label{color:#231f18;background:#c7c0e8}.red-label{color:#f1ead8;background:#ed472f}.paper-tape{clip-path:polygon(0 4%,98% 0,100% 94%,2% 100%);background:#ccc99bd9;width:90px;height:26px;position:absolute;top:-14px;left:calc(50% - 45px);rotate:-6deg}.handwriting{font-family:var(--font-serif), Georgia, serif;font-style:italic;font-weight:600}:where(button,a,input,textarea,select):focus-visible{outline:2px solid var(--primary);outline-offset:4px}button:not(:disabled),summary{cursor:pointer}input,textarea,select{accent-color:var(--primary)}.auth-page{background:#e6e0d0;gap:20px;padding:20px}.auth-form-side{background:#f1ead8;border:1px solid #231f1829;box-shadow:4px 5px #231f181a}.auth-form-side h1{text-transform:uppercase;letter-spacing:-.055em;font-family:Arial,Helvetica,sans-serif;font-size:clamp(28px,3vw,47px);font-weight:900}.auth-form-side input{background:#fcf8ee;border-color:#231f1838;border-radius:2px}.auth-form-side button[type=submit]{color:#f1ead8;border-radius:2px;box-shadow:3px 4px #231f1822}.auth-form-side button:has(svg){border-radius:2px}.auth-collage{isolation:isolate;border:12px solid #124b35;width:50%;padding:5%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d6e3ba50}.auth-collage h2{flex-direction:column;align-items:flex-start;margin-top:40px;font-size:clamp(55px,6vw,110px);display:flex}.auth-collage h2 span:first-child{rotate:-4deg}.auth-collage h2 span:last-child{margin:14px 0 0 15%;rotate:3deg}.collage-star{color:#f6c52b;width:90px;height:90px;position:absolute;top:36%;right:8%;rotate:12deg}.collage-note{margin:40px 10% 0 0;padding:30px;position:relative;rotate:-5deg}.collage-note .handwriting{margin:20px 0;font-size:clamp(25px,2.2vw,36px);line-height:1.1}.collage-note p:last-child{align-items:center;gap:8px;font-size:12px;display:flex}.collage-flip{gap:10px;height:fit-content;font-size:clamp(22px,2vw,32px);display:flex;position:absolute;top:55%;right:3%;rotate:7deg}.collage-footer{font-size:12px;line-height:1.6;position:absolute;bottom:5%;left:8%}.workspace-shell{border:12px solid #e6e0d0}.workspace-nav{background:#103e2e;border-bottom:1px solid #f1ead833}.workspace-sidebar{border-right:1px solid #231f1833;box-shadow:4px 0 #0001}.workspace-content{background-color:#124b35;background-image:linear-gradient(#d6e3ba10 1px,#0000 1px),linear-gradient(90deg,#d6e3ba10 1px,#0000 1px);background-size:30px 30px}.workspace-intro h1{color:#231f18;text-transform:uppercase;background:#f6c52b;padding:.15em .25em;font-family:Arial,Helvetica,sans-serif;font-weight:900;display:inline-block;rotate:-2deg;box-shadow:3px 5px #0002}.workspace-intro>p{margin-top:18px}.workspace-input{border-radius:2px;position:relative}.workspace-input:before{content:"";background:#d5cf9dc9;width:84px;height:23px;position:absolute;top:-12px;left:calc(50% - 42px);rotate:-4deg}.study-paper{flex-shrink:0;min-height:calc(100% - 48px);margin-block:24px}.study-paper h2{letter-spacing:-.04em;font-family:Arial,Helvetica,sans-serif;font-weight:900}.study-prose{--tw-prose-body:var(--text-bright);--tw-prose-headings:var(--text-bright);--tw-prose-bold:var(--text-bright);--tw-prose-links:var(--primary);--tw-prose-code:var(--text-bright);--tw-prose-bullets:var(--text-dim)}.onboarding-page{border:16px solid #e6e0d0}.onboarding-page h1{letter-spacing:-.055em;font-family:Arial,Helvetica,sans-serif;font-weight:900}.onboarding-page button{border-radius:2px;box-shadow:3px 4px #0002}.transition-shutter{background-color:#124b35;background-image:linear-gradient(#d6e3ba22 1px,#0000 1px),linear-gradient(90deg,#d6e3ba22 1px,#0000 1px);background-size:30px 30px;border:16px solid #e6e0d0}.transition-text-inner{flex-direction:column;align-items:center;gap:20px;display:flex}.transition-text-inner .cutout-label{font-size:clamp(48px,10vw,140px);rotate:-4deg}.transition-text-inner p{color:#f1ead8}.study-loader{border:16px solid #e6e0d0}.loader-scraps{gap:15px;margin-bottom:50px;display:flex}.loader-scraps span{font-size:clamp(25px,5vw,55px)}.loader-scraps span:nth-child(2){rotate:6deg}.loader-scraps span:nth-child(3){rotate:-5deg}.loader-track{background:#f1ead833;width:min(320px,80vw);height:6px;overflow:hidden}.loader-track span{background:#f6c52b;width:40%;height:100%;display:block}@media (prefers-reduced-motion:no-preference){.loader-track span{animation:1.8s ease-in-out infinite alternate paper-progress}@keyframes paper-progress{to{transform:translate(150%)}}}@media (max-width:767px){.auth-page{padding:10px}.auth-collage{display:none}.auth-form-side{min-height:calc(100svh - 20px)}.workspace-shell{border-width:5px}.workspace-nav{gap:8px;padding:12px}.study-paper{flex-shrink:0;min-height:100%;margin-block:0}.onboarding-page{border-width:8px}}@media (min-width:768px){.auth-form-side{height:calc(100dvh - 40px)}}@media (max-height:760px) and (min-width:768px){.auth-collage{padding-top:4%}.auth-collage h2{margin-top:30px;font-size:6vw}.collage-note{margin-top:35px;padding:22px}.collage-flip{top:53%}}.bg-primary.text-text-bright{color:var(--neutral-bg)}.paper-panel .bg-primary.text-text-bright{color:#f1ead8}[data-sonner-toast]{color:#231f18!important;background:#f1ead8!important;border-color:#c9c0aa!important;border-radius:2px!important;box-shadow:4px 5px #0002!important}@media (min-width:1024px){.workspace-sidebar{height:100%;top:0}}@media (max-width:1023px){.workspace-sidebar{height:calc(100dvh - 113px);top:101px}}@media (max-width:767px){.workspace-sidebar{max-width:calc(100vw - 40px);height:calc(100dvh - 99px);top:94px}}@media (max-width:600px){.workspace-nav>div:first-child{gap:4px}.workspace-nav>div:first-child>button[aria-label=Zero-in\ home]{display:none}.focus-timer>div{gap:4px;padding:5px}.focus-timer .font-mono{min-width:64px;padding-inline:4px;font-size:17px}.focus-timer button{width:28px;height:30px}.focus-timer .border-l{gap:3px;padding-left:4px}}.boss-theme{--text-bright:#f1ead8;--text-dim:#bfcdbb;--neutral-bg:#103e2e;--primary:#f6c52b}@media (max-width:639px){.focus-timer>div{overflow:visible}.focus-timer .timer-settings-form{z-index:60;background:#153f31;border:1px solid #f1ead844;padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:3px 4px #0003}.focus-timer .timer-settings-form button{width:auto;padding-inline:10px}}
:root{--game-card:#000;--game-slot:#00000059;--on-feedback:#eee7dd;--desk:#e6e0d0;--mat:#124b35;--paper:#f1ead8;--paper-ink:#231f18;--accent:#f6c52b;--label-ink:#231f18;--game-deep:#103025;--game-surface:#153f31;--game-border:#37684d;--game-floor:#245c40}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--desk:#0b0b0b;--mat:#69290f;--paper:#181818;--paper-ink:#eee7dd;--accent:#ff5c00;--primary:#ff6b24;--neutral-bg:#15110f;--surface-50:#221a16;--surface-100:#30231b;--surface-200:#453023;--text-bright:#eee7dd;--text-dim:#c5b6aa;--game-deep:#17100d;--game-surface:#26180f;--game-border:#9e542f;--game-floor:#7e3517}.theme-toggle{bottom:max(18px, env(safe-area-inset-bottom));z-index:80;cursor:pointer;background:var(--paper);width:36px;height:36px;color:var(--paper-ink);border:1px solid color-mix(in srgb, var(--paper-ink) 25%, transparent);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .18s ease-out,box-shadow .18s ease-out;display:flex;position:fixed;left:18px;box-shadow:2px 3px #0002}.theme-toggle:after{content:"";background:color-mix(in srgb, var(--paper-ink) 18%, var(--paper));clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none;width:6px;height:6px;position:absolute;bottom:2px;right:2px}.theme-toggle-dial{transition:transform .42s cubic-bezier(.22,1,.36,1);display:block;overflow:visible;transform:rotate(0)}.theme-toggle-rays,.theme-toggle-disc{transform-origin:12px 12px;transition:transform .42s cubic-bezier(.22,1,.36,1)}.theme-toggle-cutout{transition:transform .42s cubic-bezier(.22,1,.36,1);transform:translate(11px,-11px)}.theme-toggle[aria-checked=true]{color:var(--accent)}.theme-toggle[aria-checked=true] .theme-toggle-dial{transform:rotate(-12deg)}.theme-toggle[aria-checked=true] .theme-toggle-rays{transform:rotate(45deg)scale(0)}.theme-toggle[aria-checked=true] .theme-toggle-disc{transform:scale(1.45)}.theme-toggle[aria-checked=true] .theme-toggle-cutout{transform:translate(3.5px,-3.5px)}.theme-toggle-inline{z-index:auto;position:relative;inset:auto}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (hover:hover){.theme-toggle:hover{transform:translateY(-2px)rotate(-3deg);box-shadow:3px 5px #0002}}.theme-toggle:active{transform:translateY(1px)scale(.96);box-shadow:0 1px #0002}@media (max-width:600px){.theme-toggle:not(.theme-toggle-inline){left:10px;bottom:max(10px, env(safe-area-inset-bottom))}}@media (pointer:coarse){.theme-toggle{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle-dial,.theme-toggle-rays,.theme-toggle-disc,.theme-toggle-cutout{transition:none}.theme-toggle:hover,.theme-toggle:active{transform:none}}html.theme-transition::view-transition-old(root){animation-duration:.24s;animation-timing-function:ease-out}html.theme-transition::view-transition-new(root){animation-duration:.24s;animation-timing-function:ease-out}html.theme-transition::view-transition-group(root){animation-duration:.24s}@media (prefers-reduced-motion:reduce){html.theme-transition::view-transition-old(root){animation:none}html.theme-transition::view-transition-new(root){animation:none}}html[data-theme=dark] .paper-panel{--on-feedback:#231f18;--neutral-bg:#181818;--surface-50:#202020;--surface-100:#292929;--surface-200:#393531;--text-bright:#eee7dd;--text-dim:#bfb5aa;--primary:#ff6b24;--color-green-100:#b9d5aa;--color-green-300:#b9d5aa;--color-green-400:#a3c98f;--color-green-500:#92bd7b;--color-red-100:#ffb2a6;--color-red-200:#ffb2a6;--color-red-300:#ff9b8b;--color-red-400:#ff8b78;--color-red-500:#f77e6a;border-color:#eee7dd29;box-shadow:4px 5px #0006}html[data-theme=dark] :is(.cutout-mat,.workspace-content,.transition-shutter){background-color:var(--mat);color:#eee7dd;background-image:linear-gradient(#ffd7b91a 1px,#0000 1px),linear-gradient(90deg,#ffd7b91a 1px,#0000 1px)}html[data-theme=dark] :is(.auth-page,.workspace-shell,.onboarding-page,.transition-shutter,.study-loader){border-color:var(--desk)}html[data-theme=dark] .auth-page{background:var(--desk)}html[data-theme=dark] .auth-form-side{background:var(--paper);border-color:#eee7dd29}html[data-theme=dark] .auth-form-side input{background:#222;border-color:#eee7dd38}html[data-theme=dark] .auth-form-side button[type=submit]{color:#15110f}html[data-theme=dark] .auth-collage{border-color:var(--mat);box-shadow:inset 0 0 0 1px #ffd7b940}html[data-theme=dark] .workspace-nav{background:#24170f;border-color:#eee7dd33}html[data-theme=dark] .workspace-sidebar{border-color:#eee7dd29}html[data-theme=dark] :is(.yellow-label,.workspace-intro h1,.loader-track span){background:var(--accent);color:var(--label-ink)}html[data-theme=dark] .ink-label{color:#eee7dd;background:#111}html[data-theme=dark] .lavender-label{color:#17120e;background:#b6a4d5}html[data-theme=dark] .collage-star{color:var(--accent)}html[data-theme=dark] .paper-tape{background:#ac7657c9}html[data-theme=dark] .paper-panel .bg-primary.text-text-bright{color:#15110f}html[data-theme=dark] [data-sonner-toast]{color:#eee7dd!important;background:#202020!important;border-color:#685448!important}html[data-theme=dark] .boss-theme{--text-bright:#eee7dd;--text-dim:#c5b6aa;--neutral-bg:#15110f;--primary:#ff6b24}html[data-theme=dark] .timer-settings-form{background:#221a16;border-color:#eee7dd44}html:not([data-theme=dark]) .paper-panel{--game-card:#f7f1e3;--game-slot:#e9e2d1;--color-cyan-200:#146074;--color-cyan-300:#146074;--color-fuchsia-200:#803c64;--color-fuchsia-300:#803c64;--color-emerald-200:#245c40;--color-emerald-300:#245c40;--color-red-950:#d78c7f;--color-green-900:#94b99b;--color-green-950:#94b99b}html:not([data-theme=dark]) .paper-panel :is(.bg-red-500,.bg-green-500).text-text-bright{color:var(--on-feedback)}html:not([data-theme=dark]) .paper-panel .hover\:bg-primary:hover,html:not([data-theme=dark]) .paper-panel .group:hover .group-hover\:bg-primary{color:#f1ead8}.study-feedback[data-result=correct]{color:var(--color-green-400)}.study-feedback[data-result=incorrect]{color:var(--color-red-400)}.study-feedback[data-result=hint]{color:var(--text-dim)}.study-feedback code{color:inherit}html:not([data-theme=dark]) .paper-panel .study-chat-user{--text-bright:#f1ead8;--text-dim:#f1ead8}