:root{--ink: #1C1917;--cream: #FAF8F5;--acid: #C8860A;--mint: #D4932A;--line: #E5DED6;--muted: #8C7E72;--green: #A0522D;--green-dark: #7A3D1A;--text-body: #5C4F43;--text-dim: #4A3F35;--surface: #F3EDE7;--lesson-bg: #EDE6DD;--lesson-bg-hover: #E5DCD1;--code-bg: #1C1917;--code-color: #D4C8BA;--takeaway-bg: #F5EDE2;--takeaway-text: #5A3D20;--card-hover-shadow: rgba(28,25,23,.08);--overlay-bg: rgba(28,25,23,.55);--footer-color: #9C8E80;--dialog-progress-track: #E5DED6;--dialog-progress-fill: #C27A1A;--question-bg: #1C1917;--question-text: #E8E0D8;--question-muted: #9C8E80;--qa-accent: rgba(200,134,10,.1);--quiz-hover: #F5EDE2;--quiz-selected: #F0E6D8;--quiz-correct: #E8D8B8;--quiz-correct-text: #6B4226;--quiz-wrong: #F8E0E0;--quiz-wrong-text: #A03030;--accent-bar: #B8651A;--radius: 8px;--radius-lg: 14px;--shadow-sm: 0 1px 4px rgba(28,25,23,.06);--shadow-md: 0 6px 20px rgba(28,25,23,.09);--shadow-lg: 0 16px 48px rgba(28,25,23,.12);--transition: .3s cubic-bezier(.16,1,.3,1);--ease-out: cubic-bezier(.16,1,.3,1);--spring: cubic-bezier(.34,1.56,.64,1);--panel-dark-bg: #1C1917;--panel-dark-text: #E8E0D8;--panel-dark-muted: #9C8E80;--panel-dark-accent: #D4932A}[data-theme=dark]{--ink: #EDE5DB;--cream: #1A1714;--line: #3D352D;--muted: #9C8E80;--text-body: #C4B8AA;--text-dim: #A09080;--surface: #231F1B;--lesson-bg: #2A2520;--lesson-bg-hover: #342E28;--code-bg: #121010;--code-color: #C8BAA8;--takeaway-bg: #2A241C;--takeaway-text: #D0BFA8;--card-hover-shadow: rgba(0,0,0,.35);--overlay-bg: rgba(10,8,6,.6);--footer-color: #7A6E62;--dialog-progress-track: #3D352D;--dialog-progress-fill: #E8A835;--question-bg: #121010;--question-text: #C4B8AA;--question-muted: #7A6E62;--qa-accent: rgba(232,168,53,.12);--quiz-hover: #2A2520;--quiz-selected: #2E2820;--quiz-correct: #342E1C;--quiz-correct-text: #E8C060;--quiz-wrong: #301818;--quiz-wrong-text: #E07060;--accent-bar: #E8A835;--shadow-sm: 0 1px 4px rgba(0,0,0,.25);--shadow-md: 0 6px 20px rgba(0,0,0,.3);--shadow-lg: 0 16px 48px rgba(0,0,0,.4)}[data-theme=dark] .hero-art{background:#121010;box-shadow:0 30px 80px #00000080,0 0 0 1px #ffffff08 inset}[data-theme=dark] .path-card.featured{background:#1e1a16;border-color:#3d352d}[data-theme=dark] .dialog-shell{box-shadow:0 24px 80px #00000080}[data-theme=dark] .flashcard{background:linear-gradient(135deg,#1c1917,#2a241c);box-shadow:0 18px 45px #00000059}[data-theme=dark] .flashcard:hover{box-shadow:0 22px 55px #00000073}[data-theme=dark] .flashcard.flipped{background:linear-gradient(135deg,#8b5e24,#c8860a)}[data-theme=dark] .primary-btn{background:var(--ink);color:var(--cream);box-shadow:var(--shadow-md)}[data-theme=dark] .primary-btn:hover{box-shadow:0 8px 30px #e8a83526}[data-theme=dark] .module-toggle:hover{background:var(--lesson-bg-hover)}[data-theme=dark] .module.open{border-left-color:var(--accent-bar)}[data-theme=dark] .lesson-item:hover{border-color:var(--accent-bar);background:var(--lesson-bg-hover)}[data-theme=dark] .module-num{background:#2a2520;color:var(--accent-bar)}[data-theme=dark] .module.open .module-num,[data-theme=dark] .module.complete .module-num{background:var(--accent-bar);color:#1a1714}[data-theme=dark] .search-modal{box-shadow:0 24px 80px #00000080}[data-theme=dark] .dash-overall,[data-theme=dark] .dash-courses,[data-theme=dark] .dash-activity,[data-theme=dark] .ach-xp-bar{background:var(--surface);border-color:var(--line)}[data-theme=dark] .cs-card.open{border-color:#e8a835}[data-theme=dark] .ach-card.unlocked{background:linear-gradient(135deg,#e8a83514,#c8860a0f)}[data-theme=dark] .flashcard-counter{color:var(--muted)}[data-theme=dark] .flashcard-counter .counter-bar{background:#3d352d}[data-theme=dark] .module-complete-badge{background:#e8a8351f;color:var(--accent-bar)}*,*:before,*:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--cream);color:var(--ink);font-family:Manrope,system-ui,-apple-system,sans-serif;transition:background var(--transition),color var(--transition);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,svg{display:block;max-width:100%}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.noise{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);will-change:opacity,transform}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.reveal-delay-5{transition-delay:.4s}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:50}.logo{font-family:DM Mono,monospace;font-size:15px;letter-spacing:1.7px;font-weight:500;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:8px;background:none;border:none}.logo span{color:var(--accent-bar);font-size:18px}.nav-links{display:flex;gap:8px;margin-left:80px;flex:1}.nav-links button{color:var(--ink);text-decoration:none;font-size:13px;font-weight:700;cursor:pointer;background:none;border:none;font-family:inherit;padding:8px 14px;border-radius:99px;transition:background var(--transition),opacity var(--transition)}.nav-links button:hover{background:var(--line);opacity:1}.nav-right{display:flex;align-items:center;gap:12px}.theme-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);transition:all var(--transition);flex-shrink:0}.theme-toggle:hover{border-color:var(--ink);background:var(--ink);color:var(--cream);transform:scale(1.05)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;padding:8px;border:1px solid var(--line);border-radius:50%;background:var(--surface);flex-shrink:0;transition:all var(--transition)}.hamburger span{display:block;width:18px;height:1.5px;background:var(--ink);border-radius:1px;transition:all var(--transition);transform-origin:center}.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.hero{min-height:440px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;padding:32px 0 40px;gap:32px}.hero-content>*{animation:heroStagger .9s var(--ease-out) both}.hero-content>:nth-child(1){animation-delay:.05s}.hero-content>:nth-child(2){animation-delay:.15s}.hero-content>:nth-child(3){animation-delay:.28s}.hero-content>:nth-child(4){animation-delay:.42s}.hero-content>:nth-child(5){animation-delay:.56s}@keyframes heroStagger{0%{opacity:0;transform:translateY(22px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.eyebrow{font:500 11px DM Mono,monospace;letter-spacing:1.3px;text-transform:uppercase;margin:0 0 18px;color:var(--text-dim);display:flex;align-items:center}.eyebrow i{width:7px;height:7px;display:inline-block;background:var(--mint);border-radius:50%;margin-right:9px;animation:pulse-dot 2s ease infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 #20d7a166}50%{box-shadow:0 0 0 6px #20d7a100}}.hero h1,.section-heading h2{font-size:clamp(42px,6vw,79px);letter-spacing:-3.5px;line-height:1;margin:0;font-weight:800}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#b8651a}.intro{line-height:1.75;max-width:425px;font-size:15px;color:var(--text-body);margin:24px 0}.hero-actions{display:flex;align-items:center;gap:16px}.primary-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;background:var(--ink);color:var(--cream);border-radius:var(--radius);border:none;font-family:inherit;font-size:14px;font-weight:800;transition:all var(--transition);box-shadow:var(--shadow-md)}.primary-btn span{font-size:18px;transition:transform var(--transition)}.primary-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.primary-btn:hover span{transform:translate(3px)}.primary-btn:active{transform:translateY(0) scale(.98)}.hero-proof{display:flex;gap:20px;margin-top:28px;font-size:11px;color:var(--muted)}.hero-proof span{padding-right:16px;border-right:1px solid var(--line)}.hero-proof span:last-child{border:0}.hero-proof b{color:var(--ink);font-size:16px;display:block;margin-bottom:2px}.hero-art{height:340px;position:relative;background:linear-gradient(rgba(200,134,10,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(200,134,10,.04) 1px,transparent 1px),linear-gradient(135deg,#1c1917,#2a241c);background-size:40px 40px,40px 40px,100% 100%;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 30px 80px #1c191733,0 0 0 1px #ffffff0a inset;animation:artIn 1.1s var(--ease-out) .2s both}@keyframes artIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.orbit{position:absolute;border:1px dashed rgba(200,134,10,.15);border-radius:50%;left:50%;top:50%;translate:-50% -50%}.orbit-one{height:260px;width:260px;animation:orbit-spin 24s linear infinite}.orbit-two{height:380px;width:380px;border-color:#d4932a1a;animation:orbit-spin 36s linear infinite reverse}@keyframes orbit-spin{to{translate:-50% -50%;rotate:360deg}}.core{position:absolute;z-index:2;left:50%;top:50%;translate:-50% -50%;height:88px;width:88px;border-radius:50%;background:linear-gradient(135deg,#c8860a,#d4932a);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#1c1917;box-shadow:0 0 0 10px #c8860a1f,0 0 50px #c8860a26;animation:corePulse 4s ease-in-out infinite alternate}@keyframes corePulse{0%{box-shadow:0 0 0 10px #c8860a1f,0 0 50px #c8860a26}to{box-shadow:0 0 0 16px #c8860a14,0 0 60px #c8860a33}}.core span{font:11px DM Mono;opacity:.75}.core b{font-size:13px;letter-spacing:-.5px}.point{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:point-drift 6s ease-in-out infinite alternate}@keyframes point-drift{0%{transform:translate(0);opacity:.5}50%{transform:translate(3px,-4px);opacity:.9}to{transform:translate(-2px,2px);opacity:.6}}.p1{top:28%;left:32%;animation-delay:0s}.p2{top:20%;right:24%;background:var(--mint);box-shadow:0 0 10px var(--mint);animation-delay:1.2s}.p3{bottom:24%;left:18%;background:var(--mint);box-shadow:0 0 10px var(--mint);animation-delay:2.4s}.p4{bottom:16%;right:20%;animation-delay:.8s}.art-label{position:absolute;color:#b8a898;font:10px DM Mono;letter-spacing:1px;line-height:1.6}.art-label strong{font-size:14px;color:#ede5db;letter-spacing:0}.label-a{left:34px;top:40px}.label-b{right:33px;bottom:37px}.ticker{background:var(--acid);overflow:hidden;padding:16px 0;font:500 12px DM Mono;letter-spacing:1.7px}.ticker-track{display:flex;gap:33px;white-space:nowrap;animation:ticker-scroll 40s linear infinite;width:max-content}.ticker-track b{color:#7a4a0a;flex-shrink:0}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-33.3333%)}}[data-theme=dark] .ticker{background:#2a241c}[data-theme=dark] .ticker-track b{color:var(--acid)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-heading h2{font-size:49px;letter-spacing:-3px}.section-note{max-width:310px;color:var(--muted);font-size:14px;line-height:1.7;margin:0}.paths{padding:56px 0 64px}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.path-card{border:1px solid var(--line);padding:22px;min-height:220px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out);cursor:pointer;background:transparent;border-radius:var(--radius-lg)}.path-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.path-card.featured{background:var(--ink);color:var(--cream);border-color:var(--ink)}.path-card.featured .path-tag{color:var(--acid)}.path-card h3{font-size:20px;letter-spacing:-1px;margin:18px 0 8px}.path-card p{font-size:13px;color:var(--muted);line-height:1.65;margin:0}.path-card.featured p{color:#a09080}.path-tag{font:500 10px DM Mono;letter-spacing:1px;color:var(--accent-bar)}.path-meta{display:flex;gap:13px;margin-top:auto;padding:14px 0 6px;font:10px DM Mono;letter-spacing:.5px}.coming-soon-badge{display:inline-block;font:10px DM Mono;letter-spacing:1px;color:var(--muted);margin-top:auto;padding-top:16px}.progress-button{appearance:none;border:0;background:none;color:var(--accent-bar);padding:0;font:800 12px Manrope;cursor:pointer;transition:opacity var(--transition)}.progress-button:hover{opacity:.7}.study-tools{padding:56px 0;border-top:1px solid var(--line)}.study-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.notes-panel{border:1px solid var(--line);padding:20px;background:var(--surface);border-radius:var(--radius-lg)}.notes-panel>div{display:flex;justify-content:space-between;align-items:center}.notes-panel b{font-size:20px;letter-spacing:-.8px;margin:0}.notes-panel textarea{display:block;width:100%;height:240px;resize:vertical;margin:18px 0 14px;padding:15px;border:1px solid var(--line);border-radius:var(--radius);background:var(--cream);color:var(--ink);font:14px/1.6 Manrope;outline-color:var(--accent-bar);transition:border-color var(--transition),background var(--transition),color var(--transition)}.notes-panel textarea:focus{border-color:var(--accent-bar)}.notes-hint{font-size:12px;color:var(--muted);margin:0}.question-panel{background:#12201d;color:#d6e4dc;border:1px solid #1e332c;padding:20px;border-radius:var(--radius-lg)}.question-panel h3{font-size:20px;letter-spacing:-.8px;margin:0;color:#e8f0ec}.question-panel>p{color:#87958e;font-size:13px;line-height:1.7;margin-top:10px}.question-panel form{display:flex;border-bottom:1px solid #3a5249;padding:11px 0;margin-top:15px}.question-panel input{width:100%;border:0;background:none;color:#e8f0ec;outline:0;font:13px Manrope;font-family:inherit}.question-panel input::placeholder{color:#6a7f76}.question-panel form button{border:0;background:none;color:var(--panel-dark-accent);font:800 12px Manrope;cursor:pointer;font-family:inherit;transition:opacity var(--transition)}.question-panel form button:hover{opacity:.7}.question-answer{margin-top:12px;padding:16px;background:#c8860a14;color:#d4a850;border-radius:var(--radius);font-size:13px;line-height:1.65;white-space:pre-wrap;font-family:inherit;border:1px solid rgba(200,134,10,.15)}.question-source{margin-top:8px;font:10px/1.4 DM Mono,monospace;color:#6a7f76;letter-spacing:.5px;padding:0 2px}.newsletter{background:#12201d;color:#d6e4dc;padding:48px 56px;display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px;border-radius:var(--radius-lg);border:1px solid #1e332c}.newsletter .eyebrow{color:#6a7f76}.newsletter h2{font-size:clamp(42px,6vw,72px);letter-spacing:-4px;line-height:1;margin:0;font-weight:800;color:#e8f0ec}.newsletter h2 em{font-family:Georgia,serif;font-weight:400;color:var(--panel-dark-accent)}.signup>p{max-width:390px;line-height:1.7;color:#87958e;font-size:14px;margin:2px 0 24px}.signup form{display:flex;border-bottom:1px solid #3a5249;padding-bottom:11px}.signup input{flex:1;background:none;border:0;outline:0;color:#e8f0ec;font:14px Manrope;font-family:inherit}.signup input::placeholder{color:#6a7f76}.signup button{background:none;border:0;color:var(--panel-dark-accent);font:800 13px Manrope;cursor:pointer;font-family:inherit;transition:opacity var(--transition)}.signup button:hover{opacity:.7}.signup button span{font-size:18px;margin-left:6px}.signup small{display:block;color:#6a7f76;font-size:10px;margin-top:13px}.form-message{color:var(--panel-dark-accent)!important;margin-top:10px!important;min-height:18px;font-size:13px}footer{border-top:1px solid var(--line);padding:28px 0 40px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--footer-color)}footer p{margin:0}footer div{display:flex;gap:18px}footer a{color:inherit;text-decoration:none;transition:color var(--transition)}footer a:hover{color:var(--ink)}.module-dialog-overlay{position:fixed;inset:0;z-index:100;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;padding:24px;animation:overlayIn .25s var(--ease-out)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.dialog-shell{position:relative;max-height:88vh;overflow:auto;background:var(--cream);padding:48px;max-width:min(800px,calc(100% - 16px));width:100%;border-radius:var(--radius-lg);animation:dialogIn .3s var(--ease-out);transition:background var(--transition)}@keyframes dialogIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.close-dialog{position:absolute;right:20px;top:16px;border:0;background:none;font-size:28px;line-height:1;cursor:pointer;color:var(--ink);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background var(--transition),color var(--transition)}.close-dialog:hover{background:var(--line)}.dialog-shell h2{font-size:42px;letter-spacing:-2.5px;margin:0}.dialog-intro{max-width:600px;line-height:1.75;color:var(--muted)}.dialog-progress{font-size:12px;font-weight:700;margin:28px 0 16px;color:var(--ink)}.dialog-progress>div{height:6px;background:var(--dialog-progress-track);margin-top:8px;border-radius:3px;overflow:hidden}.dialog-progress i{display:block;height:100%;background:var(--dialog-progress-fill);border-radius:3px;transition:width .4s var(--ease-out)}.module-list{border-top:1px solid var(--ink)}.module{border-bottom:1px solid var(--line);border-left:3px solid transparent;transition:border-color .2s ease}.module.open{border-left-color:var(--accent-bar)}.module-toggle{width:100%;padding:20px 16px;border:0;background:none;display:grid;grid-template-columns:42px 1fr auto;align-items:center;text-align:left;cursor:pointer;font-family:inherit;color:var(--ink);transition:background .2s ease}.module-toggle:hover{background:var(--lesson-bg)}.module-toggle .module-num{width:36px;height:36px;border-radius:10px;background:var(--lesson-bg);color:var(--accent-bar);display:flex;align-items:center;justify-content:center;font:800 13px DM Mono;transition:background .25s ease,color .25s ease}.module.open .module-num,.module.complete .module-num{background:var(--accent-bar);color:var(--cream)}.module-toggle b{font-size:15px;color:var(--ink)}.module-toggle em{font:11px DM Mono;font-style:normal;color:var(--muted)}.module-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease-out)}.module.open .module-detail{grid-template-rows:1fr}.module-detail>*{overflow:hidden}.module.open .module-detail>*{padding:0 16px 20px 58px}.module.open .module-detail p{line-height:1.7;font-size:13px;margin:8px 0;color:var(--text-body);padding-bottom:12px;border-bottom:1px solid var(--line)}.module.open .module-detail .lesson-item{display:flex;align-items:center;gap:12px;padding:13px 16px;margin-bottom:6px;background:var(--lesson-bg);border-radius:var(--radius);cursor:pointer;border:1px solid transparent;transition:border-color .3s,background .3s,transform .4s var(--spring),box-shadow .3s}.module.open .module-detail .lesson-item:hover{border-color:var(--accent-bar);background:var(--lesson-bg-hover);transform:translate(6px);box-shadow:var(--shadow-sm)}.module.open .module-detail .lesson-item .lesson-num{font:800 11px Manrope;color:var(--accent-bar);min-width:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--qa-accent);border-radius:6px;flex-shrink:0}.module.open .module-detail .lesson-item .lesson-name{font:600 14px Manrope;color:var(--ink);flex:1}.module.open .module-detail .lesson-item .lesson-dur{font:10px DM Mono;color:var(--muted);flex-shrink:0}.module.complete .module-toggle b{color:var(--accent-bar)}.module-complete-badge{display:inline-block;font:800 10px Manrope;color:var(--accent-bar);text-transform:uppercase;letter-spacing:.5px;margin-left:8px;background:#b8651a14;padding:2px 8px;border-radius:4px}.complete-module{border:0;background:var(--ink);color:var(--cream);padding:11px 18px;margin-top:16px;font:800 12px Manrope;cursor:pointer;font-family:inherit;border-radius:var(--radius);transition:all var(--transition)}.complete-module:hover{opacity:.85;transform:translateY(-1px)}.lesson-detail{animation:fadeIn .25s var(--ease-out)}.lesson-detail-back{border:0;background:none;font:800 13px Manrope;color:var(--ink);cursor:pointer;margin-bottom:20px;font-family:inherit;padding:6px 10px;border-radius:6px;margin-left:-10px;transition:background var(--transition)}.lesson-detail-back:hover{background:var(--lesson-bg)}.lesson-detail-back span{margin-right:6px}.lesson-detail h3{font-size:28px;letter-spacing:-1.5px;margin:0 0 8px}.lesson-meta-row{display:flex;gap:12px;align-items:center;margin-bottom:20px}.lesson-meta-row .diff-badge{font:700 10px Manrope;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:4px}.diff-badge.beginner{background:#a0522d1a;color:sienna}.diff-badge.intermediate{background:#c8860a1a;color:#b8651a}.diff-badge.advanced{background:#8c50281a;color:#8b4513}.lesson-meta-row span{font:10px DM Mono;color:var(--muted)}.lesson-text{line-height:1.8;font-size:15px}.lesson-text p{margin:12px 0;color:var(--text-body)}.lesson-text h4{font-size:16px;letter-spacing:-.3px;margin:24px 0 8px;color:var(--ink)}.lesson-code{margin:16px 0;padding:18px;background:var(--code-bg);color:var(--code-color);border-radius:var(--radius);font:12px/1.7 DM Mono,monospace;overflow-x:auto;white-space:pre}.lesson-takeaway{margin-top:24px;padding:16px 18px;background:var(--takeaway-bg);border-left:3px solid var(--accent-bar);border-radius:0 var(--radius) var(--radius) 0;font-size:13px;line-height:1.7;color:var(--takeaway-text)}.lesson-takeaway strong{color:var(--accent-bar)}.lesson-nav-btns{display:flex;justify-content:space-between;margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.lesson-nav-btns button{border:0;background:none;font:800 13px Manrope;color:var(--ink);cursor:pointer;font-family:inherit;padding:8px 12px;border-radius:6px;transition:background var(--transition)}.lesson-nav-btns button:hover{background:var(--lesson-bg)}.quiz-section{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.quiz-section h4{font-size:16px;margin-bottom:14px;color:var(--ink)}.quiz-question{margin-bottom:18px}.quiz-question p{font-weight:700;font-size:14px;margin-bottom:10px;color:var(--ink)}.quiz-options{display:flex;flex-direction:column;gap:6px}.quiz-option{padding:11px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--cream);color:var(--ink);cursor:pointer;font:13px Manrope;text-align:left;font-family:inherit;transition:all .15s}.quiz-option:hover{border-color:var(--accent-bar);background:var(--quiz-hover)}.quiz-option.selected{border-color:var(--accent-bar);background:var(--quiz-selected)}.quiz-option.correct{border-color:var(--accent-bar);background:var(--quiz-correct);color:var(--quiz-correct-text);font-weight:700}.quiz-option.wrong{border-color:#e74c3c;background:var(--quiz-wrong);color:var(--quiz-wrong-text)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dialog-tabs{display:flex;gap:0;margin:24px 0 20px;border-bottom:1px solid var(--line)}.dialog-tab{padding:12px 24px;border:0;background:none;font:700 14px Manrope;color:var(--muted);cursor:pointer;font-family:inherit;border-bottom:2px solid transparent;transition:color var(--transition),border-color var(--transition);margin-bottom:-1px}.dialog-tab:hover{color:var(--ink)}.dialog-tab.active{color:var(--accent-bar);border-bottom-color:var(--accent-bar)}.dialog-flashcards{display:grid;grid-template-columns:200px 1fr;gap:24px;margin-top:8px}.dialog-flashcards .flashcard-sidebar{display:flex;flex-direction:column;border-top:1px solid var(--ink)}.dialog-flashcards .flashcard-main{display:flex;flex-direction:column}.flashcards{padding:56px 0;border-top:1px solid var(--line)}.flashcard-layout{display:grid;grid-template-columns:.45fr 1fr;gap:48px}.flashcard-controls{display:flex;flex-direction:column;border-top:1px solid var(--ink)}.deck-button{padding:16px 0;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;font:700 14px Manrope;cursor:pointer;display:flex;justify-content:space-between;color:var(--ink);transition:color var(--transition),background var(--transition)}.deck-button span{font:10px DM Mono;color:var(--muted)}.deck-button:hover{background:var(--lesson-bg)}.deck-button.active{color:var(--accent-bar)}.flashcard{display:flex;width:100%;min-height:300px;padding:32px;flex-direction:column;align-items:flex-start;text-align:left;background:linear-gradient(135deg,#1c1917,#2a241c);color:#ede5db;border:0;border-radius:var(--radius-lg);cursor:pointer;box-shadow:0 18px 45px #1c191733;font-family:inherit;transition:transform .5s var(--spring),box-shadow .4s var(--ease-out),background .4s ease;perspective:800px;position:relative}.flashcard:hover{transform:scale(1.015) translateY(-2px);box-shadow:0 24px 60px #1c191747}.flashcard:active{transform:scale(.99)}.flashcard.flipped{background:linear-gradient(135deg,#8b5e24,#c8860a)}.flashcard .flashcard-content{animation:cardFlipIn .4s var(--ease-out)}@keyframes cardFlipIn{0%{opacity:0;transform:rotateX(-12deg) translateY(10px)}60%{transform:rotateX(2deg) translateY(-2px)}to{opacity:1;transform:rotateX(0) translateY(0)}}.card-label{font:11px DM Mono;letter-spacing:1px;color:var(--accent)}.flashcard.flipped .card-label{color:#ffffffbf}.flashcard strong{font-size:22px;line-height:1.35;letter-spacing:-.5px;margin:auto 0}.flashcard p{font-size:14px;line-height:1.7;color:#c8baa8;margin-top:12px}.flashcard small{color:#a09080;font-size:11px;margin-top:auto}.flashcard-counter{font:600 12px DM Mono;color:var(--muted);letter-spacing:.5px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.flashcard-counter .counter-bar{flex:1;height:3px;background:var(--line);border-radius:2px;overflow:hidden;max-width:120px}.flashcard-counter .counter-fill{height:100%;background:var(--accent-bar);border-radius:2px;transition:width .3s var(--ease-out)}.flash-actions{display:flex;justify-content:space-between;margin-top:15px;width:100%}.flash-actions button{border:0;background:none;color:var(--ink);font:800 12px Manrope;cursor:pointer;font-family:inherit;padding:6px 10px;border-radius:6px;transition:background var(--transition)}.flash-actions button:hover{background:var(--lesson-bg)}.theme-wipe{position:fixed;width:0;height:0;border-radius:50%;z-index:9999;pointer-events:none;background:var(--cream);transform:translate(-50%,-50%);animation:themeWipe .65s cubic-bezier(.4,0,.2,1) forwards}@keyframes themeWipe{0%{width:0;height:0;opacity:1}50%{opacity:1}to{width:300vmax;height:300vmax;opacity:0}}body,.nav,.theme-toggle,.path-card,.path-card h3,.path-card p,.dialog-shell,.dialog-shell h2,.module-toggle,.module-toggle b,.notes-panel,.notes-panel textarea,.quiz-option,.quiz-question p,.hero h1,.hero .intro,.section-heading h2,.section-note{transition:background-color .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.path-card{transition:transform .5s var(--spring),box-shadow .4s var(--ease-out)}.path-card:hover{transform:translateY(-8px) scale(1.01)}.stat-card{transition:transform .5s var(--spring),box-shadow .4s var(--ease-out)}.stat-card:hover{transform:translateY(-5px)}.dash-action-card{transition:transform .5s var(--spring),box-shadow .4s var(--ease-out),border-color .3s}.dash-action-card:hover{transform:translateY(-5px)}.ach-card{transition:transform .5s var(--spring),box-shadow .4s var(--ease-out)}.ach-card.unlocked:hover{transform:translateY(-4px)}.cs-card{transition:border-color .3s,box-shadow .3s,transform .4s var(--spring)}.cs-card:hover{transform:translateY(-2px)}.cs-card.open{transform:none}.theme-toggle{transition:all .4s var(--spring)}.theme-toggle:hover{transform:scale(1.08) rotate(15deg)}.search-trigger{transition:all .3s var(--spring)}.search-trigger:hover{transform:scale(1.1)}.loading-spinner{width:36px;height:36px;border:3px solid var(--line);border-top-color:var(--accent-bar);border-radius:50%;animation:spin-loading .7s linear infinite}@keyframes spin-loading{to{transform:rotate(360deg)}}.search-trigger{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);transition:all var(--transition);flex-shrink:0}.search-trigger:hover{border-color:var(--ink);background:var(--ink);color:var(--cream);transform:scale(1.05)}.search-overlay{position:fixed;inset:0;z-index:200;background:var(--overlay-bg);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:overlayIn .2s var(--ease-out)}.search-modal{width:min(600px,calc(100% - 32px));max-height:70vh;background:var(--cream);border-radius:var(--radius-lg);border:1px solid var(--line);overflow:hidden;animation:dialogIn .25s var(--ease-out);box-shadow:var(--shadow-lg)}.search-input-row{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.search-input-row svg{color:var(--muted);flex-shrink:0}.search-input-row input{flex:1;border:0;background:none;outline:0;font:16px Manrope;color:var(--ink);font-family:inherit}.search-input-row input::placeholder{color:var(--muted)}.search-input-row kbd{font:10px DM Mono;background:var(--line);color:var(--muted);padding:2px 8px;border-radius:4px;border:1px solid var(--line)}.search-results{max-height:50vh;overflow-y:auto}.search-empty{padding:32px 20px;text-align:center;color:var(--muted);font-size:13px}.search-result-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;border:0;background:none;cursor:pointer;text-align:left;font-family:inherit;transition:background var(--transition)}.search-result-item:hover{background:var(--lesson-bg)}.search-result-type{font-size:18px;flex-shrink:0}.search-result-title{font:600 14px Manrope;color:var(--ink)}.search-result-subtitle{font:12px Manrope;color:var(--muted);margin-top:2px}.dashboard{padding:48px 0 24px}.dash-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.dash-top h2{font-size:32px;letter-spacing:-1.5px;margin:0;font-weight:800}.dash-subtitle{font:14px/1.5 Manrope;color:var(--muted);margin:4px 0 0}.dash-top-right{display:flex;align-items:center;gap:8px}.dash-meta{font:12px DM Mono;color:var(--muted);letter-spacing:.3px;background:var(--surface);padding:6px 12px;border-radius:var(--radius);border:1px solid var(--line)}.dash-metrics{display:flex;align-items:center;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:0;margin-bottom:20px;overflow:hidden}.dash-metric{display:flex;align-items:center;gap:12px;padding:18px 24px;flex:1;min-width:0}.dash-metric-sep{width:1px;height:32px;background:var(--line);flex-shrink:0}.dash-metric-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--lesson-bg);color:var(--muted);flex-shrink:0}.dash-metric-icon.accent{background:var(--accent-bar);color:var(--cream)}.dash-metric-body{display:flex;flex-direction:column;min-width:0}.dash-metric-value{font:700 20px Manrope;letter-spacing:-.5px;color:var(--ink);line-height:1.1}.dash-metric-label{font:11px DM Mono;color:var(--muted);letter-spacing:.3px;text-transform:uppercase;margin-top:1px}.dash-metric-frac{font:12px DM Mono;color:var(--muted);margin-left:auto;flex-shrink:0}.dash-body{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.dash-col-left,.dash-col-right{display:flex;flex-direction:column;gap:20px}.dash-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}.dash-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dash-panel-header h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin:0}.dash-panel-count{font:11px DM Mono;color:var(--muted);letter-spacing:.3px}.dash-ring-row{display:flex;align-items:center;gap:28px}.dash-ring{position:relative;width:80px;height:80px;flex-shrink:0}.dash-ring svg{width:100%;height:100%}.dash-ring-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 16px Manrope;color:var(--ink);letter-spacing:-.3px}.dash-ring-detail{display:flex;flex-direction:column;gap:8px;flex:1}.dash-ring-stat{display:flex;align-items:baseline;gap:6px}.dash-ring-num{font:700 18px Manrope;color:var(--ink);letter-spacing:-.3px}.dash-ring-label{font:13px Manrope;color:var(--muted)}.dash-course-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.dash-course-row:first-of-type{padding-top:0}.dash-course-row:last-child{border-bottom:none;padding-bottom:0}.dash-course-row.locked{opacity:.45}.dash-course-info{display:flex;align-items:center;gap:10px;min-width:0}.dash-course-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--line)}.dash-course-text{display:flex;flex-direction:column;min-width:0}.dash-course-title{font:600 13px Manrope;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-course-meta{font:11px DM Mono;color:var(--muted);letter-spacing:.2px}.dash-course-right{display:flex;align-items:center;gap:10px;min-width:140px}.dash-course-track{flex:1;height:4px;background:var(--dialog-progress-track);border-radius:2px;overflow:hidden}.dash-course-fill{height:100%;border-radius:2px;transition:width .6s var(--ease-out)}.dash-course-pct{font:600 11px DM Mono;color:var(--muted);min-width:28px;text-align:right}.dash-badge-soft{font:600 10px DM Mono;letter-spacing:.5px;color:var(--muted);background:var(--lesson-bg);padding:3px 8px;border-radius:4px}.dash-actions-list{display:flex;flex-direction:column;gap:2px}.dash-action-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;background:none;border-radius:var(--radius);cursor:pointer;font-family:inherit;color:var(--ink);transition:background var(--transition)}.dash-action-row:hover{background:var(--lesson-bg)}.dash-action-row svg{color:var(--muted);flex-shrink:0}.dash-action-row:hover svg{color:var(--accent-bar)}.dash-action-row span{font:600 13px Manrope}.dash-empty{display:flex;align-items:center;gap:10px;padding:16px 0;color:var(--muted);font:13px Manrope}.dash-empty svg{opacity:.4}.dash-timeline{display:flex;flex-direction:column}.dash-timeline-item{display:flex;gap:14px;position:relative}.dash-timeline-marker{display:flex;flex-direction:column;align-items:center;width:12px;flex-shrink:0;padding-top:5px}.dash-timeline-dot{width:6px;height:6px;border-radius:50%;background:var(--line);flex-shrink:0}.dash-timeline-dot.accent{background:var(--accent-bar)}.dash-timeline-line{width:1px;flex:1;background:var(--line);margin-top:4px}.dash-timeline-content{display:flex;flex-direction:column;padding-bottom:16px;min-width:0}.dash-timeline-content:last-child{padding-bottom:0}.dash-timeline-text{font:13px Manrope;color:var(--ink);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-timeline-time{font:10px DM Mono;color:var(--muted);letter-spacing:.3px;margin-top:2px}.cheatsheets-section{padding:56px 0;border-top:1px solid var(--line)}.cs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cs-card{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s,box-shadow .2s}.cs-card.open{border-color:var(--accent-bar);box-shadow:var(--shadow-md)}.cs-card-header{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:0;background:none;cursor:pointer;font-family:inherit;text-align:left;transition:background var(--transition)}.cs-card-header:hover{background:var(--lesson-bg)}.cs-icon{font-size:22px}.cs-card-info{flex:1}.cs-card-info h3{font-size:14px;letter-spacing:-.2px;margin:0;color:var(--ink)}.cs-section-count{font:10px DM Mono;color:var(--muted)}.cs-chevron{font-size:16px;color:var(--muted);transition:transform .25s var(--ease-out);flex-shrink:0}.cs-chevron.rotated{transform:rotate(90deg)}.cs-card-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--ease-out)}.cs-card-body.visible{grid-template-rows:1fr}.cs-card-body>*{overflow:hidden}.cs-section{padding:0 16px 12px}.cs-section h4{font-size:12px;color:var(--accent-bar);margin:8px 0 4px;letter-spacing:-.1px;font-weight:800}.cs-section ul{list-style:none;padding:0;margin:0}.cs-section li{font:12px/1.55 Manrope;color:var(--text-body);padding:2px 0 2px 14px;position:relative}.cs-section li:before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background:var(--accent-bar);opacity:.4}.achievements-section{padding:56px 0;border-top:1px solid var(--line)}.ach-xp-bar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:20px}.ach-xp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ach-xp-header span:first-child{font:700 14px Manrope;color:var(--ink)}.ach-xp-header span:last-child{font:12px DM Mono;color:var(--muted)}.ach-xp-track{height:8px;background:var(--dialog-progress-track);border-radius:4px;overflow:hidden}.ach-xp-fill{height:100%;background:linear-gradient(90deg,var(--acid),var(--mint));border-radius:4px;transition:width .6s var(--ease-out)}.ach-category{margin-bottom:20px}.ach-category h3{font-size:15px;letter-spacing:-.3px;margin:0 0 10px}.ach-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ach-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-lg);position:relative;transition:transform .2s var(--ease-out),box-shadow .2s}.ach-card.unlocked{background:linear-gradient(135deg,#c8860a0f,#d4932a0a);border-color:#b8651a33}.ach-card.unlocked:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.ach-card.locked{opacity:.55}.ach-card-icon{font-size:32px;flex-shrink:0}.ach-card-info{flex:1;min-width:0}.ach-card-info h4{font-size:14px;letter-spacing:-.2px;margin:0;color:var(--ink)}.ach-card-info p{font:12px Manrope;color:var(--muted);margin:4px 0 0}.ach-card-xp{flex-shrink:0;text-align:right}.ach-earned{font:700 12px DM Mono;color:var(--accent-bar)}.ach-locked{font:12px DM Mono;color:var(--muted)}.ach-check{position:absolute;top:8px;right:10px;font:700 10px Manrope;color:var(--accent-bar);background:#b8651a1a;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.roadmap-section{padding:56px 0;border-top:1px solid var(--line)}.roadmap-course{margin-bottom:40px}.roadmap-course-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.roadmap-course-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.roadmap-course-header h3{font-size:20px;letter-spacing:-.5px;margin:0}.roadmap-projects{padding-left:5px}.roadmap-node-wrap{position:relative;margin-bottom:0}.roadmap-connector{position:absolute;left:18px;top:40px;bottom:-16px;width:2px;background:var(--line)}.roadmap-connector.completed{background:var(--accent-bar)}.roadmap-node{display:flex;gap:16px;position:relative;padding-bottom:24px}.roadmap-node-dot{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 13px DM Mono;flex-shrink:0;background:var(--lesson-bg);color:var(--muted);border:2px solid var(--line);z-index:1}.roadmap-node.completed .roadmap-node-dot{background:var(--accent-bar);color:var(--cream);border-color:var(--accent-bar)}.roadmap-node.locked .roadmap-node-dot{background:var(--surface);color:var(--muted);border-color:var(--line);opacity:.6}.roadmap-node-card{flex:1;border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px;transition:border-color .2s,box-shadow .2s}.roadmap-node.completed .roadmap-node-card{border-color:#b8651a33}.roadmap-node.locked .roadmap-node-card{opacity:.6}.roadmap-node-card:hover{box-shadow:var(--shadow-sm)}.roadmap-node-header{margin-bottom:10px}.roadmap-node-header h4{font-size:16px;letter-spacing:-.3px;margin:0;color:var(--ink)}.roadmap-node-meta{display:flex;gap:10px;align-items:center;margin-top:6px}.roadmap-node-meta span{font:11px DM Mono;color:var(--muted)}.roadmap-node-card>p{font:13px/1.65 Manrope;color:var(--muted);margin:0 0 12px}.roadmap-tools{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.roadmap-tool-tag{font:11px DM Mono;padding:3px 10px;background:var(--lesson-bg);border-radius:4px;color:var(--text-dim);letter-spacing:.3px}.roadmap-expand-btn{border:0;background:none;font:700 12px Manrope;color:var(--accent-bar);cursor:pointer;font-family:inherit;padding:4px 0;margin-bottom:12px;transition:opacity var(--transition)}.roadmap-expand-btn:hover{opacity:.7}.roadmap-steps{animation:fadeIn .25s var(--ease-out)}.roadmap-steps ol{padding-left:20px;margin:0 0 16px}.roadmap-steps li{font:13px/1.7 Manrope;color:var(--text-body);padding:4px 0}.roadmap-dataset{border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:14px;background:var(--surface)}.roadmap-dataset-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.roadmap-dataset-icon{font-size:20px}.roadmap-dataset-header strong{font-size:13px;color:var(--ink)}.roadmap-dataset-header p{font:12px Manrope;color:var(--muted);margin:2px 0 0}.roadmap-download-btn{border:1px solid var(--accent-bar);background:none;color:var(--accent-bar);padding:8px 16px;font:700 12px Manrope;border-radius:var(--radius);cursor:pointer;font-family:inherit;transition:all var(--transition)}.roadmap-download-btn:hover{background:var(--accent-bar);color:var(--cream)}.roadmap-start-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--ink);color:var(--cream);border:none;border-radius:var(--radius);font:800 13px Manrope;cursor:pointer;font-family:inherit;transition:all var(--transition)}.roadmap-start-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.roadmap-locked-msg{font:12px Manrope;color:var(--muted);padding:10px 0;font-style:italic}@media(max-width:900px){.path-grid{grid-template-columns:repeat(2,1fr)}.dash-body{grid-template-columns:1fr}.dash-metrics{flex-wrap:wrap}.dash-metric{padding:14px 18px}.dash-metric-sep{display:none}.dash-ring-row{gap:20px}.cs-grid,.ach-grid{grid-template-columns:1fr}.flashcard-layout{grid-template-columns:1fr;gap:32px}.flashcard-controls{flex-direction:row;overflow-x:auto;border-top:none;border-bottom:1px solid var(--ink)}.deck-button{padding:14px 16px;border-bottom:0;border-right:1px solid var(--line);min-width:fit-content}.deck-button:last-child{border-right:none}.newsletter{grid-template-columns:1fr;gap:40px;padding:56px 40px}.dialog-shell{padding:40px 32px}.dialog-shell h2{font-size:36px}.dialog-flashcards{grid-template-columns:1fr;gap:16px}.dialog-flashcards .flashcard-sidebar{flex-direction:row;overflow-x:auto;border-top:none;border-bottom:1px solid var(--ink)}.dialog-flashcards .flashcard-sidebar .deck-button{border-bottom:0;border-right:1px solid var(--line);min-width:fit-content;padding:12px 16px}}@media(max-width:640px){.wrap{width:calc(100% - 32px)}.nav{height:64px}.nav-links{display:none;position:fixed;inset:64px 0 0;background:var(--cream);flex-direction:column;align-items:center;justify-content:flex-start;padding:32px 24px;gap:4px;z-index:40;animation:menuSlideIn .3s var(--ease-out);overflow-y:auto}.nav-links.open{display:flex}.nav-links button{font-size:15px;padding:12px 20px;width:100%;text-align:center;border-radius:var(--radius)}.hamburger{display:flex}.theme-toggle{width:36px;height:36px}.dash-metrics{flex-direction:column;align-items:stretch}.dash-metric{padding:14px 16px}.dash-metric-frac{display:none}.dash-ring-row{flex-direction:column;align-items:center;text-align:center}.dash-course-right{min-width:100px}.ach-card{padding:14px}.ach-card-icon{font-size:24px}.roadmap-node{gap:12px}.roadmap-node-card{padding:16px}.hero{grid-template-columns:1fr;padding-top:24px;gap:28px;min-height:auto}.hero-art{height:240px}.hero h1{font-size:44px;letter-spacing:-2.5px}.hero-proof{gap:14px;flex-wrap:wrap}.hero-proof span{padding-right:0;border-right:none}.section-heading{align-items:start;flex-direction:column;gap:12px}.section-heading h2{font-size:36px;letter-spacing:-2px}.section-note{display:none}.path-grid{grid-template-columns:1fr}.path-card{min-height:auto;padding:24px}.paths,.study-tools,.flashcards,.dashboard,.cheatsheets-section,.achievements-section,.roadmap-section{padding:40px 0 32px}.flashcard-layout{grid-template-columns:1fr;gap:20px}.flashcard-controls{display:grid;grid-template-columns:1fr 1fr;border-top:none;border-bottom:1px solid var(--ink);gap:0}.deck-button{padding:13px 10px;font-size:12px;border-right:0}.deck-button span{display:none}.flashcard{min-height:260px;padding:24px}.flashcard strong{font-size:19px}.study-grid{grid-template-columns:1fr}.notes-panel,.question-panel{padding:24px}.newsletter{width:100%;margin:0;padding:32px 20px;grid-template-columns:1fr;gap:20px;border-radius:0}.newsletter h2{font-size:36px;letter-spacing:-2.5px}footer{padding:24px 0;gap:16px;align-items:flex-start;flex-direction:column}footer div{gap:14px}.dialog-shell{padding:36px 20px 28px;max-width:100%;border-radius:var(--radius-lg)}.dialog-shell h2{font-size:30px;letter-spacing:-2px}.module.open .module-detail>*{padding-left:0}.module-toggle{grid-template-columns:32px 1fr auto}.module-toggle b{font-size:14px}.module-toggle .module-num{width:30px;height:30px;font-size:11px}.module-toggle em{font-size:9px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-dialog-overlay{padding:8px}.dialog-tab{padding:10px 16px;font-size:13px}.dialog-flashcards{grid-template-columns:1fr}.dialog-flashcards .flashcard-sidebar{flex-direction:row;overflow-x:auto;border-top:none;border-bottom:1px solid var(--ink)}.dialog-flashcards .flashcard-sidebar .deck-button{border-bottom:0;border-right:1px solid var(--line);min-width:fit-content;padding:11px 10px;font-size:12px}.dialog-flashcards .flashcard-sidebar .deck-button span{display:none}.lesson-detail h3{font-size:24px}.lesson-code{font-size:11px;padding:14px}.hero-actions{flex-wrap:wrap}}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}:focus-visible{outline:2px solid var(--accent-bar);outline-offset:2px}button:focus:not(:focus-visible){outline:none}@supports (padding: env(safe-area-inset-bottom)){footer{padding-bottom:calc(40px + env(safe-area-inset-bottom))}.newsletter{margin-bottom:calc(50px + env(safe-area-inset-bottom))}}