:root{--color-bg:#f4f2ec;--color-surface:#fff;--color-ink:#17160f;--color-ink-soft:#55534a;--color-ink-faint:#8b8879;--color-border:#e2dfd2;--color-border-strong:#cfccbc;--color-accent:#33553f;--color-accent-soft:#e4ebe4;--color-warn:#9c5a3c;--color-warn-soft:#f2e4dc;--color-good:#33553f;--color-good-soft:#e4ebe4;--sunset-indigo:#201e3a;--sunset-indigo-deep:#131226;--sunset-plum:#6a4f6b;--sunset-rose:#a85570;--sunset-amber:#c77a22;--sunset-gold:#e7a33d;--sunset-sand:#4a392e;--sunset-cream:#fbead2;--chart-series-1:#c77a22;--chart-series-2:#a85570;--chart-axis:#d8d4c4;--chart-grid:#ece8db;--font-display:"Space Grotesk", "Inter", -apple-system, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-card:0 1px 2px #17160f0a, 0 2px 12px #17160f0d;--shadow-float:0 8px 30px #17160f24;--transition-base:.28s cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5}#root{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.02em;margin:0;font-weight:600}p{margin:0}ul{margin:0;padding:0;list-style:none}button,textarea{font-family:inherit}button{cursor:pointer}textarea{font-size:inherit}a{color:inherit}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;border-radius:3px}::selection{background:var(--color-accent);color:#fff}::placeholder{color:var(--color-ink-faint)}.nav{justify-content:space-between;align-items:center;gap:var(--space-2);padding:14px var(--space-3);background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:20;display:flex;position:sticky;top:0}.nav__brand{background:0 0;border:none;flex-shrink:0;align-items:center;gap:10px;padding:4px;display:flex}.nav__mark{background:var(--color-ink);width:20px;height:20px;color:var(--color-bg);font-family:var(--font-mono);border-radius:5px;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.nav__name{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.01em;white-space:nowrap;font-size:1.05rem;font-weight:600}.nav__tabs{scrollbar-width:none;flex:auto;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.nav__tabs::-webkit-scrollbar{display:none}.nav__tab{font-family:var(--font-mono);color:var(--color-ink-faint);white-space:nowrap;transition:color var(--transition-base), border-color var(--transition-base);background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:8px;font-size:.76rem;font-weight:500}.nav__tab:hover{color:var(--color-ink)}.nav__tab--active{color:var(--color-ink);border-bottom-color:var(--sunset-amber)}.nav__hamburger{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:0 0;flex-direction:column;flex-shrink:0;gap:4px;padding:9px 11px;display:flex}.nav__hamburger span{background:var(--color-ink);width:16px;height:1.5px;display:block}@media (width>=1024px){.nav__hamburger{display:none}.nav__tabs{gap:var(--space-1)}.nav__tab{padding:8px 14px;font-size:.82rem}}.landing{overflow-x:clip}.landing__hero{text-align:center;width:100vw;min-height:72vh;padding:0 var(--space-3) var(--space-6);margin-left:-50vw;margin-bottom:var(--space-5);background:var(--sunset-indigo-deep);position:relative;left:50%;overflow:hidden}.landing__hero-photo{opacity:.5;mix-blend-mode:luminosity;background-image:url(/images/dune-hero-mobile.jpg);background-position:59% 28%;background-size:cover;position:absolute;inset:0}@media (width>=640px){.landing__hero-photo{background-image:url(/images/dune-hero.jpg)}.landing__cta{margin-top:20vh}}.landing__hero-fade{background:linear-gradient(to bottom, transparent 0%, transparent 55%, var(--color-bg) 92%, var(--color-bg) 100%);position:absolute;inset:0}.landing__hero-content{flex-direction:column;align-items:center;width:100%;max-width:640px;margin:0 auto;padding-top:7vh;display:flex;position:relative}.landing__headline{letter-spacing:-.025em;color:var(--sunset-cream);text-wrap:balance;margin:0;font-family:Manrope,sans-serif;font-size:clamp(2.1rem,6vw,3.2rem);font-weight:800;line-height:1.08}.landing__graphic{width:100%;height:100%;position:absolute;inset:0}.landing__ridge{stroke:var(--sunset-cream);stroke-opacity:.65;stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.landing__dot{background:var(--sunset-cream);border-radius:50%;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%)}.landing__dot--dim{opacity:.4}.landing__dot--peak{background:var(--sunset-amber);width:13px;height:13px}.landing__dot-glow{background:var(--sunset-amber);opacity:.3;filter:blur(8px);border-radius:50%;width:44px;height:44px;animation:3.2s ease-in-out infinite landing-pulse;position:absolute;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.landing__dot-glow{animation:none}}@keyframes landing-pulse{0%,to{opacity:.25;transform:translate(-50%,-50%)scale(1)}50%{opacity:.45;transform:translate(-50%,-50%)scale(1.35)}}.landing__cta{background:var(--sunset-amber);color:var(--sunset-indigo-deep);border-radius:var(--radius-sm);font-size:.98rem;font-weight:700;font-family:var(--font-display);transition:transform var(--transition-base), background var(--transition-base);border:none;align-items:center;gap:8px;margin-top:34vh;padding:15px 30px;display:inline-flex}.landing__cta:hover{background:var(--sunset-cream);transform:translateY(-1px)}.landing__meta{margin-top:var(--space-2);font-family:var(--font-mono);color:var(--sunset-cream);opacity:.55;font-size:.76rem}.landing__steps{gap:var(--space-4);width:calc(100% - var(--space-3) * 2);max-width:1040px;margin:0 auto var(--space-5);grid-template-columns:1fr;display:grid}.landing__step{border-top:2px solid var(--sunset-amber);padding-top:var(--space-2)}.landing__step-num{font-family:var(--font-mono);color:var(--color-ink-faint);margin-bottom:var(--space-1);font-size:.78rem;display:block}.landing__step-title{margin-bottom:6px;font-size:1.15rem}.landing__step-body{color:var(--color-ink-soft);font-size:.9rem;line-height:1.6}.landing__topics{width:calc(100% - var(--space-3) * 2);max-width:1040px;margin:0 auto var(--space-5);text-align:center}.landing__topics-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink-faint);margin-bottom:var(--space-2);font-size:.75rem}.landing__topics-pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.landing__topic-pill{border:1px solid var(--color-border-strong);background:var(--color-surface);font-family:var(--font-mono);color:var(--color-ink);transition:border-color var(--transition-base), background var(--transition-base);border-radius:999px;padding:9px 16px;font-size:.82rem}.landing__topic-pill:hover{border-color:var(--sunset-amber);background:var(--sunset-cream)}.landing__footer-cta{text-align:center;padding:0 var(--space-3) var(--space-6);align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.landing__footer-link{font-family:var(--font-display);color:var(--color-ink);border:none;border-bottom:2px solid var(--sunset-amber);background:0 0;padding-bottom:2px;font-size:.95rem;font-weight:600}.landing__footer-link:hover{color:var(--sunset-amber)}@media (width>=768px){.landing__steps{grid-template-columns:repeat(3,1fr)}.landing__hero{border-radius:0 0 var(--radius-lg) var(--radius-lg)}}.library{max-width:880px;padding:var(--space-4) var(--space-3) var(--space-6);margin:0 auto}.library__header{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4);margin-bottom:var(--space-4)}.library__eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-soft);margin-bottom:var(--space-2);align-items:center;gap:8px;font-size:.72rem;font-weight:500;display:flex}.library__eyebrow:before{content:"";background:var(--sunset-amber);border-radius:1px;width:6px;height:6px}.library__title{letter-spacing:-.02em;margin-bottom:var(--space-2);font-size:clamp(1.8rem,4.5vw,2.4rem)}.library__sub{color:var(--color-ink-soft);max-width:480px;font-size:.98rem;line-height:1.6}.library__controls{margin-bottom:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.library__search{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;color:var(--color-ink);padding:13px 16px;font-size:.95rem}.library__search:focus{border-color:var(--color-ink)}.library__pills{flex-wrap:wrap;gap:8px;display:flex}.library__pill{border:1px solid var(--color-border-strong);background:var(--color-surface);font-family:var(--font-mono);color:var(--color-ink-soft);transition:background var(--transition-base), color var(--transition-base), border-color var(--transition-base);border-radius:999px;padding:8px 14px;font-size:.76rem}.library__pill:hover{border-color:var(--color-ink)}.library__pill--active{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-bg)}.library__empty{color:var(--color-ink-soft);padding:var(--space-4) 0;font-style:italic}.library__grid{background:var(--color-border);border:1px solid var(--color-border);grid-template-columns:1fr;gap:1px;display:grid}.library__card{text-align:left;background:var(--color-surface);width:100%;height:100%;padding:var(--space-3);transition:background var(--transition-base);border:none;flex-direction:column;gap:8px;display:flex}.library__card:hover{background:var(--color-bg)}.library__card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.library__card-category{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-faint);font-size:.68rem;font-weight:500}.library__card-done{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-good);background:var(--color-good-soft);border-radius:var(--radius-sm);padding:3px 8px;font-size:.66rem;font-weight:600}.library__card-title{font-size:1.08rem;line-height:1.3}.library__card-excerpt{color:var(--color-ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.55;display:-webkit-box;overflow:hidden}@media (width>=768px){.library__pills{flex-wrap:nowrap}.library__grid{grid-template-columns:repeat(2,1fr)}}.notepad{max-width:640px;margin:var(--space-3) auto 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4) var(--space-4)}.notepad__header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.notepad__title{font-size:1rem}.notepad__status{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-good);opacity:0;font-size:.7rem;transition:opacity .4s}.notepad__status--visible{opacity:1}.notepad__textarea{resize:vertical;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;min-height:88px;padding:var(--space-2);color:var(--color-ink);font-size:.9rem;line-height:1.6}.notepad__textarea:focus{border-color:var(--color-ink)}.notespage{max-width:720px;padding:var(--space-4) var(--space-3) var(--space-6);margin:0 auto}.notespage__header{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4);margin-bottom:var(--space-4)}.notespage__eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-soft);margin-bottom:var(--space-2);align-items:center;gap:8px;font-size:.72rem;font-weight:500;display:flex}.notespage__eyebrow:before{content:"";background:var(--sunset-rose);border-radius:1px;width:6px;height:6px}.notespage__title{letter-spacing:-.02em;margin-bottom:var(--space-2);font-size:clamp(1.8rem,4.5vw,2.4rem)}.notespage__sub{color:var(--color-ink-soft);font-size:.98rem}.notespage__empty{color:var(--color-ink-soft);padding:var(--space-3) 0;max-width:480px;font-style:italic;line-height:1.6}.notespage__list{gap:var(--space-4);flex-direction:column;display:flex}.notespage__item-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:4px;display:flex}.notespage__item-category{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-faint);margin-bottom:2px;font-size:.68rem;font-weight:500;display:block}.notespage__item-title{font-size:1.1rem}.notespage__open-btn{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-ink-soft);white-space:nowrap;background:0 0;flex-shrink:0;padding:8px 12px;font-size:.76rem}.notespage__open-btn:hover{border-color:var(--color-ink);color:var(--color-ink)}.notespage__item .notepad{margin-top:0}.deepdive{max-width:640px;margin:var(--space-3) auto 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.deepdive__header{margin-bottom:var(--space-3)}.deepdive__title{margin-bottom:4px;font-size:1.15rem}.deepdive__hint{color:var(--color-ink-soft);font-size:.86rem;line-height:1.5}.deepdive__search{margin-bottom:var(--space-3)}.deepdive__search-input{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-bg);width:100%;color:var(--color-ink);padding:12px 14px;font-size:.9rem}.deepdive__search-input:focus{border-color:var(--color-ink)}.deepdive__empty{color:var(--color-ink-soft);margin-bottom:var(--space-2);font-size:.86rem;font-style:italic}.deepdive__list{flex-direction:column;display:flex}.deepdive__item{border-top:1px solid var(--color-border)}.deepdive__item:first-child{border-top:none}.deepdive__question{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) 2px;text-align:left;font-family:var(--font-display);color:var(--color-ink);background:0 0;border:none;font-size:.96rem;font-weight:500;display:flex}.deepdive__chevron{font-family:var(--font-mono);color:var(--color-ink-faint);text-align:center;flex-shrink:0;width:20px;font-size:1.1rem}.deepdive__answer{padding:0 2px var(--space-3);gap:var(--space-2);animation:deepdive-open var(--transition-base);flex-direction:column;display:flex}@keyframes deepdive-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.deepdive__answer p{color:var(--color-ink-soft);font-size:.92rem;line-height:1.65}.deepdive__formula{font-family:var(--font-mono);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);color:var(--color-ink)!important;font-size:.85rem!important;line-height:1.7!important}.lchart{max-width:640px;margin:var(--space-3) auto 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-3) var(--space-2)}.lchart__header{margin-bottom:var(--space-2)}.lchart__title{margin-bottom:2px;font-size:1rem}.lchart__subtitle{color:var(--color-ink-soft);font-size:.82rem;line-height:1.4}.lchart__legend{gap:var(--space-3);margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.lchart__legend-item{font-family:var(--font-mono);color:var(--color-ink-soft);align-items:center;gap:6px;font-size:.72rem;display:flex}.lchart__legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.lchart__svg{width:100%;height:auto;overflow:visible}.lchart__grid{stroke:var(--chart-grid);stroke-width:1px}.lchart__tick{font-family:var(--font-mono);fill:var(--color-ink-faint);font-size:9px}.lchart__line{stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:d .2s}.lchart__end-ring{fill:var(--color-surface)}.lchart__end-label{font-family:var(--font-mono);fill:var(--color-ink);font-size:11px;font-weight:500}.lchart__hit{cursor:default}.lchart__bar{transition:d .2s ease, opacity var(--transition-base)}.lchart__bar-value{font-family:var(--font-mono);fill:var(--color-ink);font-size:11px;font-weight:500}.lchart__bar-value--inside{fill:var(--color-surface)}.lchart__axis-label{text-align:center;font-family:var(--font-mono);color:var(--color-ink-faint);margin-top:4px;font-size:.7rem}.lchart__note{color:var(--color-ink-faint);margin-top:var(--space-1);text-align:center;font-size:.78rem;font-style:italic}.lchart__controls{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.lchart__control{flex-direction:column;gap:6px;display:flex}.lchart__control-label{font-family:var(--font-mono);color:var(--color-ink-soft);justify-content:space-between;align-items:baseline;font-size:.74rem;font-weight:500;display:flex}.lchart__control-value{color:var(--sunset-amber);font-weight:600}.lchart__slider{appearance:none;background:var(--color-border);border-radius:2px;outline:none;width:100%;height:4px}.lchart__slider::-webkit-slider-thumb{appearance:none;background:var(--sunset-amber);border:2px solid var(--color-surface);width:16px;height:16px;box-shadow:0 0 0 1px var(--color-border-strong);cursor:pointer;border-radius:50%}.lchart__slider::-moz-range-thumb{background:var(--sunset-amber);border:2px solid var(--color-surface);width:16px;height:16px;box-shadow:0 0 0 1px var(--color-border-strong);cursor:pointer;border-radius:50%}.lesson{max-width:640px;padding:var(--space-3) var(--space-3) var(--space-6);margin:0 auto}.lesson__back{margin-bottom:var(--space-2);font-family:var(--font-mono);color:var(--color-ink-faint);background:0 0;border:none;align-items:center;gap:4px;padding:6px 2px;font-size:.8rem;display:inline-flex}.lesson__back:hover{color:var(--color-ink)}.lesson__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);animation:lesson-in var(--transition-base);position:relative}@keyframes lesson-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lesson__category{font-family:var(--font-mono);color:var(--color-ink-soft);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);align-items:center;gap:6px;font-size:.72rem;font-weight:500;display:inline-flex}.lesson__category:before{content:"";background:var(--color-accent);border-radius:1px;width:6px;height:6px}.lesson__badge{top:var(--space-4);right:var(--space-4);font-family:var(--font-mono);color:var(--color-good);background:var(--color-good-soft);border-radius:var(--radius-sm);padding:4px 10px;font-size:.7rem;font-weight:500;position:absolute}.lesson__title{margin-bottom:var(--space-3);letter-spacing:-.02em;font-size:clamp(1.5rem,4vw,1.85rem);line-height:1.15}.lesson__concept{color:var(--color-ink);margin-bottom:var(--space-4);font-size:1rem;line-height:1.7}.lesson__section{margin-bottom:var(--space-4)}.lesson__section-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink-faint);margin-bottom:var(--space-2);font-size:.72rem;font-weight:500}.lesson__explanation{gap:var(--space-2);flex-direction:column;display:flex}.lesson__explanation p{color:var(--color-ink);font-size:.96rem;line-height:1.7}.lesson__takeaways{gap:var(--space-2);flex-direction:column;display:flex}.lesson__takeaway{color:var(--color-ink);padding-left:20px;font-size:.94rem;line-height:1.6;position:relative}.lesson__takeaway:before{content:"";background:var(--color-ink);border-radius:1px;width:6px;height:6px;position:absolute;top:8px;left:0}.lesson__application{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.lesson__application p{color:var(--color-ink-soft);font-size:.9rem;line-height:1.6}.lesson__nav{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-3);display:flex}.lesson__nav-btn{border-radius:var(--radius-sm);font-weight:600;font-family:var(--font-display);transition:transform var(--transition-base), opacity var(--transition-base), background var(--transition-base);border:none;flex:1;padding:13px 20px;font-size:.92rem}.lesson__nav-btn:active{transform:scale(.98)}.lesson__nav-btn--ghost{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-ink)}.lesson__nav-btn--ghost:disabled{opacity:.4;cursor:not-allowed}.lesson__nav-btn--primary{background:var(--color-ink);color:var(--color-bg)}.lesson__nav-btn--primary:hover{background:var(--color-accent)}.calc{flex-direction:column;gap:6px;display:flex}.calc__display{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);text-align:right;color:var(--color-ink);white-space:nowrap;margin-bottom:4px;padding:14px 12px;font-size:1.6rem;overflow-x:auto}.calc__row{gap:6px;display:flex}.calc__btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-mono);color:var(--color-ink);transition:background var(--transition-base);flex:1;padding:12px 0;font-size:.95rem}.calc__btn:hover{background:var(--color-bg)}.calc__btn--wide{flex:2.2}.calc__btn--fn{color:var(--color-ink-soft)}.calc__btn--op{background:var(--color-ink);color:var(--color-bg);border-color:var(--color-ink)}.calc__btn--op:hover{background:var(--sunset-amber);border-color:var(--sunset-amber)}.calc__btn--equals{background:var(--sunset-amber);color:var(--color-ink);border-color:var(--sunset-amber);font-weight:600}.calc__btn--equals:hover{background:var(--sunset-gold)}.scratch-backdrop{z-index:60;background:#17160f59;position:fixed;inset:0}.scratch{background:var(--color-surface);border-left:1px solid var(--color-border);width:min(320px,100vw);height:100vh;transition:transform var(--transition-base);z-index:61;box-shadow:var(--shadow-float);flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.scratch--open{transform:translate(0)}.scratch__header{padding:var(--space-2);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.scratch__title{font-size:1.05rem}.scratch__close{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--color-ink-soft);flex-shrink:0;font-size:1.2rem;line-height:1}.scratch__body{padding:var(--space-3);flex:1;overflow-y:auto}.scratch__textarea{resize:vertical;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;min-height:140px;padding:var(--space-2);color:var(--color-ink);font-size:.92rem;line-height:1.6}.scratch__textarea:focus{border-color:var(--color-ink)}.scratch__hint{font-family:var(--font-mono);color:var(--color-ink-faint);margin-top:8px;font-size:.7rem}.scratch__divider{background:var(--color-border);height:1px;margin:var(--space-3) 0}.scratch__subtitle{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-faint);margin-bottom:var(--space-2);font-size:.72rem;font-weight:500}.quiz-overlay{z-index:50;background:#17160f80;justify-content:center;align-items:flex-end;animation:.2s quiz-fade-in;display:flex;position:fixed;inset:0}@keyframes quiz-fade-in{0%{opacity:0}to{opacity:1}}.quiz-modal{background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--color-border);width:100%;max-width:560px;padding:var(--space-4) var(--space-3) var(--space-4);box-shadow:var(--shadow-float);animation:quiz-slide-up var(--transition-base);border-bottom:none;max-height:90vh;position:relative;overflow-y:auto}@keyframes quiz-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quiz-modal__toolbar{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.quiz-modal__scratch-btn{background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-ink-soft);padding:8px 14px;font-size:.78rem}.quiz-modal__scratch-btn:hover{border-color:var(--color-ink);color:var(--color-ink)}.quiz-modal__close{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--color-ink-soft);flex-shrink:0;font-size:1.2rem;line-height:1}.quiz-modal__meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink-faint);margin-bottom:var(--space-1);font-size:.72rem;font-weight:500}.quiz-modal__question{margin-bottom:var(--space-3);font-size:1.25rem;line-height:1.35}.quiz-modal__options{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.quiz-modal__option{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-ink);transition:border-color var(--transition-base), background var(--transition-base);padding:13px 16px;font-size:.92rem}.quiz-modal__option:not(:disabled):hover{border-color:var(--color-ink)}.quiz-modal__option--correct{border-color:var(--color-good);background:var(--color-good-soft);font-weight:600}.quiz-modal__option--incorrect{border-color:var(--color-warn);background:var(--color-warn-soft)}.quiz-modal__option--muted{opacity:.5}.quiz-modal__feedback{border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.quiz-modal__feedback--correct{background:var(--color-good-soft);border-color:var(--color-good)}.quiz-modal__feedback--incorrect{background:var(--color-warn-soft);border-color:var(--color-warn)}.quiz-modal__feedback-title{font-family:var(--font-display);margin-bottom:4px;font-weight:600}.quiz-modal__feedback--correct .quiz-modal__feedback-title{color:var(--color-good)}.quiz-modal__feedback--incorrect .quiz-modal__feedback-title{color:var(--color-warn)}.quiz-modal__feedback-text{color:var(--color-ink-soft);font-size:.88rem;line-height:1.5}.quiz-modal__continue{border-radius:var(--radius-sm);background:var(--color-ink);width:100%;color:var(--color-bg);font-family:var(--font-display);border:none;padding:14px;font-size:.95rem;font-weight:600}.quiz-modal__continue:hover{background:var(--color-accent)}@media (width>=768px){.quiz-overlay{align-items:center}.quiz-modal{border-radius:var(--radius-lg);border-bottom:1px solid var(--color-border)}}.sidebar-backdrop{z-index:30;background:#17160f59;position:fixed;inset:0}.sidebar{background:var(--color-surface);border-left:1px solid var(--color-border);width:min(320px,100vw);height:100vh;padding:var(--space-3);gap:var(--space-3);transition:transform var(--transition-base);z-index:40;flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.sidebar--open{transform:translate(0)}.sidebar__notes{flex-direction:column;flex:1;min-height:160px;display:flex}.sidebar__notes-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.sidebar__notes-title{font-size:1rem}.sidebar__notes-status{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-good);opacity:0;font-size:.68rem;transition:opacity .4s}.sidebar__notes-status--visible{opacity:1}.sidebar__notes-textarea{resize:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;min-height:160px;padding:var(--space-2);color:var(--color-ink);flex:1;font-size:.9rem;line-height:1.6}.sidebar__notes-textarea:focus{border-color:var(--color-ink)}.sidebar__stats{padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-shrink:0}.sidebar__stat-row{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:6px;display:flex}.sidebar__stat-num{font-family:var(--font-display);color:var(--color-ink);white-space:nowrap;font-size:1.05rem;font-weight:600}.sidebar__stat-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-faint);text-align:right;font-size:.7rem}.sidebar__bar-track{background:var(--color-border);height:4px;margin-top:var(--space-1);border-radius:2px;overflow:hidden}.sidebar__bar-fill{background:var(--color-ink);height:100%;transition:width var(--transition-base)}.sidebar__actions{gap:var(--space-1);flex-direction:column;flex-shrink:0;display:flex}.sidebar__btn{border-radius:var(--radius-sm);font-family:var(--font-display);border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-ink);padding:11px;font-size:.88rem;font-weight:600}.sidebar__btn--ghost:hover{border-color:var(--color-ink)}.sidebar__btn--danger{color:var(--color-warn);border-color:var(--color-warn-soft);background:0 0}.sidebar__btn--danger:hover{background:var(--color-warn-soft)}@media (width>=1024px){.sidebar-backdrop{display:none}.sidebar{border-left:1px solid var(--color-border);height:calc(100vh - 57px);position:sticky;top:57px;transform:none}}.app{flex-direction:column;min-height:100vh;display:flex}.app__body{flex:1;display:flex}.app__main{flex:1;min-width:0}.app__complete{max-width:480px;margin:var(--space-6) auto;text-align:center;padding:var(--space-4) var(--space-3)}.app__complete-title{margin-bottom:var(--space-2);font-size:1.8rem}.app__complete-sub{color:var(--color-ink-soft);margin-bottom:var(--space-4)}.app__complete-actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.app__complete-btn{background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-family:var(--font-display);padding:13px 24px;font-weight:600}.app__complete-btn:hover{border-color:var(--color-ink)}.app__complete-btn--primary{background:var(--color-ink);color:var(--color-bg);border-color:var(--color-ink)}.app__complete-btn--primary:hover{background:var(--color-accent);border-color:var(--color-accent)}@media (width>=1024px){.app__main{padding:var(--space-2) 0}}