:root{--terra: #C1603A;--terra-dark: #8C3D1E;--terra-pale: #FAECE7;--ink: #111110;--ink-soft: #2A2A28;--cream: #F7F3EE;--cream-mid: #EDE8E0;--sand: #C8BFB0;--sand-light: #E0D9CE;--teal: #1D9E75;--teal-pale: #E4F5EF;--font-display: "Playfair Display", Georgia, serif;--font-serif: "Source Serif 4", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--sidebar-w: 300px;--topbar-h: 52px;--ease: cubic-bezier(.16, 1, .3, 1);--color-background-primary: #ffffff;--color-background-secondary: #f9f9f8;--color-background-tertiary: #f2f1ef;--color-background-info: #e8f2fd;--color-text-primary: #1a1a1a;--color-text-secondary: #555550;--color-text-tertiary: #888880;--color-text-info: #1558a8;--color-border-tertiary: rgba(0,0,0,.1);--color-border-secondary: rgba(0,0,0,.18);--color-border-primary: rgba(0,0,0,.28);--color-border-info: #6aa5e8;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono-ch: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--accent: #1D9E75;--accent-light: #E1F5EE;--accent-dark: #085041;--amber: #BA7517;--amber-light: #FAEEDA;--coral: #D85A30;--coral-light: #FAECE7;--blue: #185FA5;--blue-light: #E6F1FB;--purple: #534AB7;--purple-light: #EEEDFE}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-serif);background:var(--cream);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--sand);border-radius:3px}*{scrollbar-width:thin;scrollbar-color:var(--sand) transparent}.chapter-content-frame{font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-background-primary);min-height:100%}.chapter-content-frame *{max-width:none}.page-enter{animation:pageIn .25s var(--ease) both}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.landing{min-height:100vh;background:var(--ink);color:#fff;display:flex;flex-direction:column}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 3rem;border-bottom:1px solid rgba(255,255,255,.07)}.brand{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--terra);text-decoration:none}.brand span{color:#ffffffe6}.landing-nav-actions{display:flex;gap:.75rem;align-items:center}.btn-ghost{background:none;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;padding:.5rem 1.25rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;cursor:pointer;text-decoration:none;transition:all .15s;display:inline-flex;align-items:center}.btn-ghost:hover{border-color:var(--terra);color:var(--terra)}.btn-primary{background:var(--terra);border:none;color:#fff;padding:.55rem 1.35rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;cursor:pointer;text-decoration:none;transition:all .15s;display:inline-flex;align-items:center;gap:.4rem}.btn-primary:hover{background:var(--terra-dark);transform:translateY(-1px)}.landing-hero{flex:1;display:grid;grid-template-columns:1fr 1fr;max-width:1200px;margin:0 auto;padding:5rem 3rem 4rem;gap:4rem;align-items:center;width:100%}.hero-left{display:flex;flex-direction:column}.hero-kicker{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.2em;color:var(--terra);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.hero-kicker:before{content:"";display:block;width:1.5rem;height:1px;background:var(--terra)}.hero-title{font-family:var(--font-display);font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:900;line-height:1.06;letter-spacing:-.02em;margin-bottom:1.5rem}.hero-title em{font-style:italic;color:var(--terra)}.hero-sub{font-family:var(--font-serif);font-size:1.05rem;line-height:1.8;color:#ffffff8c;margin-bottom:2.5rem;max-width:480px}.hero-stats{display:flex;gap:2rem;margin-bottom:2.5rem}.stat-num{display:block;font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--terra);line-height:1}.stat-label{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d;margin-top:.2rem}.hero-cta{display:flex;gap:.75rem;flex-wrap:wrap}.cta-main{padding:.85rem 2rem;font-size:.82rem;letter-spacing:.06em}.chapter-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.preview-card{background:#ffffff08;padding:.9rem .75rem;cursor:pointer;transition:background .12s;border:none;text-align:left}.preview-card:hover{background:#c1603a26}.preview-num{font-family:var(--font-mono);font-size:.6rem;color:var(--terra);letter-spacing:.08em;margin-bottom:.3rem;opacity:.7}.preview-title{font-family:var(--font-serif);font-size:.75rem;color:#ffffffb3;line-height:1.3;font-weight:600}.auth-page{min-height:100vh;background:var(--ink);display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{background:var(--ink-soft);border:1px solid rgba(255,255,255,.1);width:100%;max-width:400px;padding:2.5rem}.auth-brand{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--terra);margin-bottom:.25rem;display:block;text-decoration:none}.auth-brand span{color:#ffffffd9}.auth-tagline{font-family:var(--font-mono);font-size:.62rem;color:#ffffff40;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2rem}.auth-title{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:.5rem}.auth-sub{font-size:.82rem;color:#fff6;margin-bottom:2rem}.field{margin-bottom:1rem}.field label{display:block;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#fff6;margin-bottom:.4rem}.field input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#fff;padding:.7rem .9rem;font-family:var(--font-serif);font-size:.9rem;outline:none;transition:border-color .15s}.field input:focus{border-color:var(--terra)}.field input::placeholder{color:#fff3}.btn-auth{width:100%;background:var(--terra);border:none;color:#fff;padding:.85rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .15s;margin-top:.5rem}.btn-auth:hover{background:var(--terra-dark)}.btn-auth:disabled{opacity:.5;cursor:default}.auth-switch{margin-top:1.25rem;text-align:center;font-size:.8rem;color:#ffffff4d}.auth-switch button{background:none;border:none;color:var(--terra);cursor:pointer;font-size:.8rem;font-family:var(--font-serif);padding:0}.auth-switch button:hover{text-decoration:underline}.auth-error{background:#e24b4a26;border:1px solid rgba(226,75,74,.3);color:#ff8a89;padding:.65rem .9rem;font-size:.8rem;margin-bottom:1rem}.auth-success{background:#1d9e7526;border:1px solid rgba(29,158,117,.3);color:#4ecba0;padding:.65rem .9rem;font-size:.8rem;margin-bottom:1rem}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:#ffffff26;font-size:.7rem;font-family:var(--font-mono)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.btn-auth-outline{width:100%;background:none;border:1px solid rgba(255,255,255,.15);color:#fff9;padding:.75rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;cursor:pointer;transition:all .15s}.btn-auth-outline:hover{border-color:var(--terra);color:var(--terra)}.dashboard{min-height:100vh;background:var(--cream)}.dashboard-header{background:var(--ink);padding:1.5rem 3rem 2rem;display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;flex-wrap:wrap}.dashboard-brand{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--terra);text-decoration:none;display:block;margin-bottom:.4rem}.dashboard-brand span{color:#ffffffd9}.dashboard-welcome{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:#fff;line-height:1.2}.dashboard-welcome em{font-style:italic;color:var(--terra)}.dashboard-progress-wrap{min-width:260px}.progress-label-row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.62rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.progress-track{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--terra);border-radius:2px;transition:width .5s var(--ease)}.dashboard-sign-out{background:none;border:1px solid rgba(255,255,255,.15);color:#fff6;padding:.4rem .9rem;font-family:var(--font-mono);font-size:.65rem;cursor:pointer;transition:all .15s;letter-spacing:.05em;align-self:flex-start}.dashboard-sign-out:hover{border-color:var(--terra);color:var(--terra)}.dashboard-body{padding:2.5rem 3rem;max-width:1200px;margin:0 auto}.section-heading{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.18em;color:var(--sand);margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}.section-heading:after{content:"";flex:1;height:1px;background:var(--sand-light)}.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1px;background:var(--sand-light);border:1px solid var(--sand-light)}.chapter-card{background:#fff;padding:1.35rem 1.25rem 1.1rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.45rem;transition:background .12s;position:relative;border-left:3px solid transparent;cursor:pointer;border:none;text-align:left;font-family:inherit}.chapter-card:hover{background:var(--cream);border-left-color:var(--terra)}.chapter-card.done{border-left-color:var(--teal)}.card-num{font-family:var(--font-mono);font-size:.62rem;color:var(--terra);letter-spacing:.1em;opacity:.8;display:flex;align-items:center;justify-content:space-between}.card-check{color:var(--teal);font-size:.9rem}.card-title{font-family:var(--font-serif);font-size:.95rem;font-weight:600;color:var(--ink);line-height:1.3}.card-sub{font-size:.78rem;color:var(--sand);line-height:1.5}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);height:100vh;background:var(--ink);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;z-index:100;transition:transform .3s var(--ease)}.sidebar-top{padding:1.25rem 1.25rem .75rem;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.sidebar-brand{font-family:var(--font-display);font-size:.88rem;font-weight:700;color:var(--terra);text-decoration:none;display:block}.sidebar-brand span{color:#ffffffd9}.sidebar-tagline{font-family:var(--font-mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:#fff3;margin-top:.25rem}.sidebar-progress{padding:.65rem 1.25rem .5rem;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.sidebar-progress-label{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.58rem;color:#ffffff40;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.4rem}.sidebar-nav{flex:1;overflow-y:auto;padding:.4rem 0}.nav-chapter{display:flex;align-items:flex-start;gap:.7rem;width:100%;padding:.6rem 1.25rem;background:none;border:none;border-left:3px solid transparent;cursor:pointer;text-align:left;transition:background .12s;text-decoration:none;color:inherit}.nav-chapter:hover{background:#ffffff0a}.nav-chapter.active{background:#c1603a1f;border-left-color:var(--terra)}.nav-badge{flex-shrink:0;width:1.9rem;height:1.9rem;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.6rem;font-weight:700;color:#ffffff40;border:1px solid rgba(255,255,255,.1);border-radius:3px;line-height:1;transition:all .12s;margin-top:1px}.nav-chapter.active .nav-badge{color:var(--terra);border-color:var(--terra);background:#c1603a1a}.nav-chapter.completed .nav-badge{color:var(--teal);border-color:var(--teal);background:#1d9e751a}.nav-chapter-text{flex:1;min-width:0}.nav-chapter-title{font-family:var(--font-serif);font-size:.76rem;font-weight:600;color:#fff9;line-height:1.3;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .12s}.nav-chapter.active .nav-chapter-title{color:#ffffffeb}.nav-chapter-sub{font-family:var(--font-mono);font-size:.56rem;color:#ffffff2e;line-height:1.4;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.1rem}.nav-sections{overflow:hidden;transition:max-height .3s var(--ease)}.nav-section-item{display:flex;align-items:flex-start;gap:.5rem;padding:.35rem 1.25rem .35rem 3.4rem;font-family:var(--font-serif);font-size:.7rem;color:#ffffff47;text-decoration:none;cursor:pointer;background:none;border:none;width:100%;text-align:left;transition:color .12s;line-height:1.4}.nav-section-item:hover{color:#ffffffa6}.nav-section-item.active{color:var(--terra)}.nav-section-dot{flex-shrink:0;width:4px;height:4px;border-radius:50%;background:#ffffff26;margin-top:5px;transition:background .12s}.nav-section-item.active .nav-section-dot{background:var(--terra)}.nav-section-item:hover .nav-section-dot{background:#fff6}.sidebar-footer{padding:.9rem 1.25rem;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.sidebar-signout{background:none;border:none;color:#fff3;font-family:var(--font-mono);font-size:.62rem;cursor:pointer;padding:0;transition:color .12s;text-transform:uppercase;letter-spacing:.08em;width:100%;text-align:left;display:flex;align-items:center;gap:.5rem}.sidebar-signout:hover{color:var(--terra)}.topbar{height:var(--topbar-h);background:#fff;border-bottom:1px solid rgba(0,0,0,.07);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-shrink:0;gap:1rem}.topbar-left{display:flex;align-items:center;gap:.6rem;min-width:0;flex:1}.sidebar-toggle{background:none;border:none;color:var(--sand);cursor:pointer;padding:.35rem;border-radius:4px;display:none;flex-shrink:0;transition:color .12s}.sidebar-toggle:hover{color:var(--ink)}.topbar-chapter-num{font-family:var(--font-mono);font-size:.68rem;font-weight:700;color:var(--terra);white-space:nowrap;flex-shrink:0}.topbar-sep{color:var(--sand);font-size:.75rem}.topbar-title{font-family:var(--font-serif);font-size:.82rem;color:#00000080;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.btn-done{display:flex;align-items:center;gap:.4rem;padding:.4rem .9rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;background:none;border:1px solid var(--sand);color:#0006;cursor:pointer;transition:all .15s;border-radius:3px}.btn-done:hover{border-color:var(--teal);color:var(--teal)}.btn-done.completed{border-color:var(--teal);color:var(--teal);background:var(--teal-pale)}.nav-arr{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--sand-light);color:#0006;cursor:pointer;text-decoration:none;font-size:.9rem;transition:all .15s;border-radius:3px;flex-shrink:0}.nav-arr:hover{border-color:var(--terra);color:var(--terra)}.nav-arr:disabled,.nav-arr.disabled{opacity:.3;cursor:default;pointer-events:none}.main-area{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.chapter-viewport{flex:1;overflow-y:auto;background:#fff}.chapter-content-frame{min-height:100%;animation:pageIn .2s var(--ease) both}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);z-index:200;box-shadow:4px 0 24px #00000080}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:150}.sidebar-overlay.visible{display:block}.sidebar-toggle{display:flex}.topbar{padding:0 1rem}.landing-nav{padding:1rem 1.25rem}.landing-hero{grid-template-columns:1fr;padding:3rem 1.25rem;gap:2.5rem}.hero-right{display:none}.hero-title{font-size:2.2rem}.hero-stats{gap:1.5rem}.dashboard-header{padding:1.25rem 1.25rem 1.5rem}.dashboard-body{padding:1.5rem 1.25rem}.chapter-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.chapter-grid{grid-template-columns:1fr}.hero-stats{gap:1rem}.stat-num{font-size:1.6rem}}