:root{--bg:#0a0a0f;--surface:#111118;--surface2:#1a1a28;--border:#2a2a40;--ts-blue:#3178c6;--ts-light:#5ba4f5;--ts-glow:#3178c620;--accent:#f7c948;--accent2:#ff6b6b;--accent3:#6bffb8;--text:#e8e8f0;--muted:#7070a0;--code-bg:#0d0d1a;--primary:var(--ts-blue)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Syne,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;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='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100;background:#0a0a0feb;align-items:center;gap:0;height:60px;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{color:var(--ts-light);letter-spacing:-.03em;cursor:pointer;align-items:center;gap:8px;margin-right:auto;font-size:1.1rem;font-weight:800;display:flex}.nav-logo span{color:var(--accent)}.nav-links{scrollbar-width:none;scroll-behavior:smooth;flex:1;gap:0;display:flex;overflow-x:scroll;-webkit-mask-image:linear-gradient(90deg,#000 92%,#0000 100%);mask-image:linear-gradient(90deg,#000 92%,#0000 100%)}.nav-links::-webkit-scrollbar{display:none}@keyframes pulseArrows{0%{opacity:.8;transform:translate(0)}50%{opacity:1;color:var(--primary);transform:translate(4px)}to{opacity:.8;transform:translate(0)}}.nav-btn{color:var(--muted);cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;border-bottom:2px solid #0000;height:60px;padding:0 .65rem;font-family:Syne,sans-serif;font-size:.68rem;font-weight:600;transition:all .2s}.nav-btn:hover{color:var(--text)}.nav-btn.active{color:var(--ts-light);border-bottom-color:var(--ts-light)}.page{min-height:100vh;padding-top:60px;display:none}.page.active{display:block}.hero{text-align:center;place-items:center;min-height:calc(100vh - 60px);padding:4rem 2rem;display:grid;position:relative;overflow:hidden}.hero-orb{background:radial-gradient(circle,#3178c615 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:4s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.hero-badge{background:var(--ts-glow);color:var(--ts-light);text-transform:uppercase;letter-spacing:.1em;border:1px solid #3178c640;border-radius:100px;align-items:center;gap:6px;margin-bottom:2rem;padding:6px 16px;font-size:.72rem;font-weight:600;animation:.6s both fadeUp;display:inline-flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero h1{letter-spacing:-.04em;margin-bottom:1.5rem;font-size:clamp(3rem,8vw,7rem);font-weight:800;line-height:.95;animation:.7s .1s both fadeUp}.hero h1 em{background:linear-gradient(135deg, var(--ts-light), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-sub{color:var(--muted);max-width:500px;margin:0 auto 3rem;font-family:Instrument Serif,serif;font-size:clamp(1.1rem,2.5vw,1.5rem);font-style:italic;line-height:1.5;animation:.7s .2s both fadeUp}.hero-cards{flex-wrap:wrap;justify-content:center;gap:1rem;animation:.7s .3s both fadeUp;display:flex}.hero-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:16px;min-width:180px;padding:1.5rem 2rem;transition:all .3s;position:relative;overflow:hidden}.hero-card:before{content:"";background:linear-gradient(135deg, var(--ts-glow), transparent);opacity:0;transition:opacity .3s;position:absolute;inset:0}.hero-card:hover{border-color:var(--ts-blue);transform:translateY(-4px)}.hero-card:hover:before{opacity:1}.hero-card-icon{margin-bottom:.5rem;font-size:2rem}.hero-card-level{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.25rem;font-size:.65rem;font-weight:700}.hero-card-title{font-size:1rem;font-weight:700}.page-container{max-width:1100px;margin:0 auto;padding:4rem 2rem}.page-header{border-bottom:1px solid var(--border);margin-bottom:4rem;padding-bottom:2rem}.page-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--ts-light);align-items:center;gap:8px;margin-bottom:.75rem;font-size:.7rem;font-weight:700;display:flex}.page-eyebrow:before{content:"";background:var(--ts-light);width:20px;height:2px;display:inline-block}.page-title{letter-spacing:-.04em;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1}.page-desc{color:var(--muted);max-width:600px;font-family:Instrument Serif,serif;font-size:1.15rem;font-style:italic}.concept-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.concept-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;transition:all .3s;animation:.5s both fadeUp;overflow:hidden}.concept-card:hover{border-color:var(--ts-blue);transform:translateY(-3px);box-shadow:0 20px 40px #3178c61a}.concept-card-header{align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 1rem;display:flex;position:relative}.concept-emoji{flex-shrink:0;font-size:2.5rem}.concept-meta{flex:1;min-width:0}.concept-tag{text-transform:uppercase;letter-spacing:.1em;border-radius:100px;margin-bottom:.5rem;padding:3px 10px;font-size:.6rem;font-weight:700;display:inline-block}.tag-beginner{color:#fff;background:#065f46}.tag-intermediate{color:#fff;background:#92400e}.tag-advanced{color:#fff;background:#991b1b}.tag-pro{color:#fff;background:#6b21a8}.concept-name{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:1.15rem;font-weight:700;overflow:hidden}.concept-tagline{color:var(--muted);margin-top:3px;font-size:.82rem;line-height:1.4}.concept-body{padding:0 1.5rem 1.5rem}.concept-desc{color:var(--muted);margin-bottom:1rem;font-size:.88rem;line-height:1.65}.code-block{background:var(--code-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.code-header{border-bottom:1px solid var(--border);background:#ffffff08;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px;display:flex}.code-dot{border-radius:50%;width:8px;height:8px}.dot-r{background:#ff5f56}.dot-y{background:#ffbd2e}.dot-g{background:#27c93f}.code-label{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;font-family:JetBrains Mono,monospace;font-size:.65rem;overflow:hidden}pre{color:#c8c8e8;white-space:pre-wrap;word-break:break-word;padding:1.25rem;font-family:JetBrains Mono,monospace;font-size:.78rem;line-height:1.7;overflow-x:hidden}.kw{color:#c792ea}.ty{color:#82aaff}.str{color:#c3e88d}.num{color:#f78c6c}.cmt{color:#546e7a;font-style:italic}.fn{color:#82aaff}.op{color:#89ddff}.prop{color:#f07178}.timeline{padding-left:2rem;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--ts-blue), transparent);width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{padding:0 0 3rem 2rem;animation:.5s both fadeUp;position:relative}.timeline-dot{background:var(--ts-blue);border:3px solid var(--bg);width:14px;height:14px;box-shadow:0 0 0 2px var(--ts-blue);border-radius:50%;position:absolute;top:4px;left:-2.4rem}.timeline-dot.future{background:var(--accent);box-shadow:0 0 0 2px var(--accent)}.timeline-year{color:var(--ts-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.7rem;font-weight:700}.timeline-year.future{color:var(--accent)}.timeline-title{letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.timeline-desc{color:var(--muted);max-width:600px;margin-bottom:1rem;font-size:.88rem;line-height:1.65}.timeline-tags{flex-wrap:wrap;gap:6px;display:flex}.tl-tag{background:var(--surface2);border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600}.cheat-table{border-collapse:collapse;width:100%;margin-bottom:2rem;font-size:.83rem}.cheat-table th{text-align:left;background:var(--surface2);color:var(--ts-light);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);padding:10px 14px;font-size:.7rem;font-weight:700}.cheat-table td{vertical-align:top;border-bottom:1px solid #1a1a28;padding:12px 14px;line-height:1.5}.cheat-table tr:hover td{background:var(--surface)}.cheat-table code{color:var(--ts-light);background:var(--code-bg);border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.78rem}.cheat-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:2rem;overflow:hidden}.cheat-section-title{letter-spacing:-.02em;align-items:center;gap:10px;margin:2.5rem 0 1rem;font-size:1.4rem;font-weight:700;display:flex}.cheat-section-title:after{content:"";background:var(--border);flex:1;height:1px}.quiz-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;margin-bottom:1.5rem;padding:2rem}.quiz-q{margin-bottom:1.5rem;font-size:1rem;font-weight:600;line-height:1.5}.quiz-options{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.quiz-opt{background:var(--code-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;border-radius:10px;padding:.75rem 1rem;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:all .2s}.quiz-opt:hover{border-color:var(--ts-blue);background:var(--ts-glow)}.quiz-opt.correct{border-color:var(--accent3);color:var(--accent3);background:#6bffb810}.quiz-opt.wrong{border-color:var(--accent2);color:var(--accent2);background:#ff6b6b10}.quiz-feedback{border-radius:8px;margin-top:1rem;padding:.75rem 1rem;font-size:.85rem;display:none}.quiz-feedback.show{display:block}.quiz-feedback.correct{color:var(--accent3);background:#6bffb810;border:1px solid #6bffb840}.quiz-feedback.wrong{color:var(--accent2);background:#ff6b6b10;border:1px solid #ff6b6b40}.cta-strip{background:linear-gradient(135deg, var(--surface2), var(--surface));border:1px solid var(--border);border-radius:20px;flex-wrap:wrap;align-items:center;gap:2rem;margin-top:3rem;padding:3rem;display:flex}.cta-text{flex:1;min-width:200px}.cta-text h3{margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.cta-text p{color:var(--muted);font-size:.88rem}.cta-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.06em;border:none;border-radius:10px;align-items:center;gap:6px;height:42px;padding:0 1.5rem;font-family:Syne,sans-serif;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background:var(--ts-blue);color:#fff}.btn-primary:hover{background:var(--ts-light);transform:translateY(-2px)}.btn-outline{color:var(--text);border:1px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--ts-light);color:var(--ts-light)}.btn.eli5-on{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.progress-bar{background:var(--border);border-radius:100px;height:3px;margin-bottom:.5rem}.progress-fill{background:linear-gradient(90deg, var(--ts-blue), var(--ts-light));border-radius:100px;height:100%;transition:width .5s}.search-wrap{max-width:400px;margin-bottom:2.5rem;position:relative}.search-input{background:var(--surface);border:1px solid var(--border);width:100%;height:42px;color:var(--text);border-radius:10px;outline:none;padding:0 1rem 0 2.75rem;font-family:Syne,sans-serif;font-size:.88rem;transition:border-color .2s}.search-input:focus{border-color:var(--ts-blue)}.search-input::placeholder{color:var(--muted)}.search-icon{color:var(--muted);font-size:.9rem;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ts-blue)}.visual-btn{color:#fff;cursor:pointer;letter-spacing:.04em;background:linear-gradient(135deg,#3178c6,#5ba4f5);border:none;border-radius:12px;align-items:center;gap:8px;margin-top:1.25rem;padding:.65rem 1.4rem;font-family:Syne,sans-serif;font-size:.82rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 20px #3178c640}.visual-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #3178c660}.visual-btn .vb-icon{font-size:1.1rem}#pres-overlay{z-index:999;background:#05050f;flex-direction:column;font-family:Syne,sans-serif;display:none;position:fixed;inset:0}#pres-overlay.open{display:flex}#pres-topbar{border-bottom:1px solid #1e1e30;flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 1.5rem;display:flex}#pres-topic-label{text-transform:uppercase;letter-spacing:.12em;color:#8be9fd;font-size:.72rem;font-weight:700}#pres-close{color:#7070a0;cursor:pointer;background:0 0;border:1px solid #2a2a40;border-radius:8px;margin-left:auto;padding:5px 14px;font-family:Syne,sans-serif;font-size:.78rem;transition:all .2s}#pres-close:hover{color:#5ba4f5;border-color:#5ba4f5}#pres-progress-bar{background:#1e1e30;flex-shrink:0;height:3px}#pres-progress-fill{background:linear-gradient(90deg,#3178c6,#f7c948);height:100%;transition:width .5s}#pres-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:2rem;display:flex;position:relative;overflow:hidden auto}#pres-stage:before{content:"";pointer-events:none;background:radial-gradient(circle,#3178c614,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pres-big-play{color:#fff;cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3178c6dd;border:2px solid #5ba4f5bb;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #3178c688}.pres-big-play:hover{background:#2561a3ee;transform:translate(-50%,-50%)scale(1.1);box-shadow:0 15px 50px #3178c6aa}.pres-big-play svg{margin-left:6px}.pres-slide{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:680px;margin:auto;display:none;position:relative}.pres-slide.active{animation:.5s cubic-bezier(.22,1,.36,1) both slideEnter;display:flex}@keyframes slideEnter{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.pres-chip{text-transform:uppercase;letter-spacing:.12em;color:#8be9fd;background:#111b33;border:1px solid #3178c6;border-radius:100px;align-items:center;gap:6px;padding:5px 14px;font-size:.68rem;font-weight:700;display:inline-flex}.pres-emoji{filter:drop-shadow(0 0 20px #3178c640);font-size:3.5rem;line-height:1}.pres-title{letter-spacing:-.03em;color:#e8e8f0;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;line-height:1.1}.pres-title em{background:linear-gradient(135deg,#5ba4f5,#f7c948);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.pres-body{color:#9090c0;max-width:560px;font-family:Instrument Serif,serif;font-size:clamp(1rem,2.2vw,1.25rem);font-style:italic;line-height:1.7}.pres-body code{color:#82aaff;background:#1a1a28;border-radius:5px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:.88em;font-style:normal}.pres-body strong{color:#e8e8f0;font-family:Syne,sans-serif;font-style:normal;font-weight:700}.pres-code{text-align:left;background:#0d0d1a;border:1px solid #2a2a40;border-radius:14px;width:100%;max-width:580px;overflow:hidden;box-shadow:0 20px 60px #00000060}.pres-code-hdr{background:#ffffff06;border-bottom:1px solid #1e1e30;align-items:center;gap:7px;padding:8px 14px;display:flex}.pres-code-hdr .d{border-radius:50%;width:8px;height:8px}.pres-code-hdr .dr{background:#ff5f56}.pres-code-hdr .dy{background:#ffbd2e}.pres-code-hdr .dg{background:#27c93f}.pres-code-hdr span{color:#546e7a;margin-left:auto;font-family:JetBrains Mono,monospace;font-size:.65rem}.pres-code pre{color:#c8c8e8;max-height:45vh;margin:0;padding:1.1rem 1.25rem;font-family:JetBrains Mono,monospace;font-size:clamp(.72rem,1.5vw,.82rem);line-height:1.8;overflow:auto}#pres-bottombar{border-top:1px solid #1e1e30;flex-shrink:0;align-items:center;gap:10px;padding:.9rem 1.5rem;display:flex}#pres-counter{color:#9090c0;min-width:52px;font-size:.75rem;font-weight:600}.pres-ctrl{color:#e8e8f0;cursor:pointer;background:0 0;border:1px solid #2a2a40;border-radius:10px;align-items:center;gap:6px;padding:7px 16px;font-family:Syne,sans-serif;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.pres-ctrl:hover{color:#8be9fd;background:#131e33;border-color:#8be9fd}.pres-ctrl:disabled{opacity:.3;cursor:default;pointer-events:none}.pres-ctrl.auto-on{color:#8be9fd;background:#111b33;border-color:#3178c6}.pres-ctrl.speaking{color:#fff;background:#422006;border-color:#f7c948}.pres-lang-btn{justify-content:center;min-width:72px}.pres-lang-btn.lang-hi{color:#fff;background:#431407;border-color:#f97316}.pres-gender-btn{justify-content:center;min-width:80px}.pres-gender-btn.gender-f{color:#fff;background:#500724;border-color:#ec4899}#pres-spacer{flex:1}#pres-subtitles{pointer-events:none;scrollbar-width:thin;opacity:0;background:0 0;flex-shrink:0;width:100%;max-height:25vh;padding:.6rem 10% .75rem;transition:opacity .3s,transform .3s;position:relative;overflow-y:auto;transform:translateY(4px)}#pres-subtitles.visible{opacity:1;pointer-events:auto;transform:translateY(0)}#pres-subtitles.cc-large #pres-subtitles-text{max-width:1000px;font-size:clamp(1.4rem,3.5vw,2rem);line-height:1.6}#pres-subtitles-text{color:#b4b4dc8c;text-align:center;letter-spacing:.015em;word-spacing:.1em;text-shadow:0 1px 4px #02020acc,0 0 30px #02020a99;max-width:860px;margin:0 auto;font-family:Inter,sans-serif;font-size:clamp(1rem,2.2vw,1.3rem);font-weight:500;line-height:1.8}#pres-subtitles-text .cc-word{color:#8c8cb459;background:0 0;border-radius:4px;margin:0 1px;padding:1px 3px;transition:color .15s,text-shadow .15s,background .15s,transform .15s;display:inline-block;transform:scale(1)}#pres-subtitles-text .cc-word.spoken{color:#e6e6f5eb;text-shadow:0 0 6px #5ba4f533,0 1px 3px #02020acc}#pres-subtitles-text .cc-word.active{color:#111;text-shadow:none;background:linear-gradient(135deg,#f7e96a,#ffd43b);border-radius:5px;font-weight:700;transform:scale(1.08);box-shadow:0 0 14px #f7e96a99,0 0 40px #f7e96a33}#pres-subtitles-text .cc-word.upcoming{color:#8282aa4d}.pres-ctrl.paused{color:#fff;background:#450a0a;border-color:#ff6b6b}.speed-control{align-items:center;gap:8px;display:flex}.speed-label{color:#8be9fd;min-width:35px;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700}#pres-speed{appearance:none;cursor:pointer;background:#2a2a40;border-radius:4px;outline:none;width:80px;height:4px}#pres-speed::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#5ba4f5;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #3178c660}#pres-speed::-moz-range-thumb{cursor:pointer;background:#5ba4f5;border:none;border-radius:50%;width:14px;height:14px}.kbd-hints{align-items:center;gap:4px;margin-left:8px;display:flex}.kbd{color:#e8e8f0;background:#1a1a28;border:1px solid #2a2a40;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.55rem;font-weight:600;line-height:1}.mistake-box{color:#fff;background:#450a0a;border:1px solid #991b1b;border-radius:10px;margin-top:1rem;padding:1rem 1.25rem;font-size:.85rem;line-height:1.6}.mistake-box strong{color:#fecaca;margin-bottom:.25rem;display:block}.try-it{color:var(--ts-light);background:#3178c610;border:1px solid #3178c640;border-radius:8px;align-items:center;gap:5px;margin-top:.75rem;padding:4px 12px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.try-it:hover{border-color:var(--ts-blue);background:#3178c630}.analogy-box{color:var(--accent3);background:linear-gradient(135deg,#6bffb808,#3178c608);border:1px solid #6bffb830;border-radius:10px;margin-top:1rem;padding:1rem 1.25rem;font-size:.85rem;line-height:1.6}.analogy-box strong{color:#8effcc;margin-bottom:.25rem;display:block}.beginner-step{background:var(--surface);border:1px solid var(--border);border-radius:20px;margin-bottom:1.5rem;padding:2rem;position:relative;overflow:hidden}.beginner-step-num{color:var(--border);opacity:.5;font-size:5rem;font-weight:800;line-height:1;position:absolute;top:.5rem;right:1.5rem}.beginner-step h3{align-items:center;gap:10px;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;display:flex}.beginner-step p{color:var(--muted);max-width:650px;font-size:.92rem;line-height:1.7}.beginner-analogy{background:var(--surface2);border:1px solid var(--border);color:var(--accent3);border-radius:12px;margin-top:1rem;padding:1rem 1.25rem;font-size:.88rem;line-height:1.6}.beginner-analogy em{color:var(--accent);font-style:normal;font-weight:600}.setup-cmd{background:var(--code-bg);border:1px solid var(--border);color:var(--accent3);border-radius:10px;align-items:center;gap:10px;margin:.75rem 0;padding:.75rem 1rem;font-family:JetBrains Mono,monospace;font-size:.85rem;display:flex}.setup-cmd .prompt{color:var(--muted);-webkit-user-select:none;user-select:none}.glossary-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.glossary-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem;transition:all .2s}.glossary-card:hover{border-color:var(--ts-blue);transform:translateY(-2px)}.glossary-term{color:var(--ts-light);align-items:center;gap:6px;margin-bottom:.35rem;font-size:.95rem;font-weight:700;display:flex}.glossary-def{color:var(--muted);font-size:.82rem;line-height:1.6}body.light-mode{--bg:#f5f5fa;--surface:#fff;--surface2:#eeeef4;--border:#d0d0e0;--text:#1a1a2e;--muted:#5a5a80;--code-bg:#f0f0f8;--ts-glow:#3178c620;--primary:#3178c6}body.light-mode:before{opacity:.01}body.light-mode nav{background:#f5f5faf2;border-bottom-color:#d0d0e0}body.light-mode .nav-btn{color:#5a5a80}body.light-mode .nav-btn.active{color:#3178c6;border-bottom-color:#3178c6}body.light-mode .code-block,body.light-mode .pres-code{background:#1a1a28}body.light-mode .code-block pre,body.light-mode .pres-code pre{color:#c8c8e8}body.light-mode .hero h1{color:#1a1a2e}body.light-mode .hero-sub{color:#5a5a80}body.light-mode ::-webkit-scrollbar-track{background:#f5f5fa}.theme-toggle{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:.5rem;font-size:1rem;transition:all .2s;display:flex}.theme-toggle:hover{border-color:var(--ts-light);color:var(--ts-light)}.wave{align-items:center;gap:3px;height:20px;display:flex}.wave span{background:#f7c948;border-radius:3px;width:3px;height:6px;animation:none;display:block}.wave.active span{animation:.6s ease-in-out infinite wavePulse}.wave.active span:nth-child(2){animation-delay:.1s}.wave.active span:nth-child(3){animation-delay:.2s}.wave.active span:nth-child(4){animation-delay:.3s}.wave.active span:nth-child(5){animation-delay:.15s}@keyframes wavePulse{0%,to{height:4px}50%{height:18px}}@media (width<=600px){.quiz-options{grid-template-columns:1fr}.cta-strip{flex-direction:column}.hero-cards{flex-direction:column;align-items:center}.nav-btn{padding:0 .75rem;font-size:.68rem}}.hidden{display:none!important}.breadcrumb{color:var(--muted);align-items:center;gap:6px;margin-bottom:2rem;font-size:.72rem;display:flex}.breadcrumb span{color:var(--ts-light);cursor:pointer}.breadcrumb span:hover{text-decoration:underline}.big-number{color:var(--border);letter-spacing:-.04em;font-size:5rem;font-weight:800;line-height:1;position:absolute;top:1rem;right:1.5rem}.tip-box{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);color:var(--muted);border-radius:10px;margin-top:1rem;padding:.75rem 1rem;font-size:.85rem;line-height:1.6}.tip-box strong{margin-bottom:.25rem;display:block}.stat-row{flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem;display:flex}.stat-pill{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex:1;min-width:140px;padding:1.25rem 1.5rem}.stat-num{color:var(--ts-light);font-size:2rem;font-weight:800}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem;font-size:.72rem}.code-actions{flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto;display:flex}.code-action-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:6px;padding:2px 6px;font-family:Syne,sans-serif;font-size:.68rem;font-weight:600;transition:all .2s}.code-action-btn:hover{border-color:var(--ts-light);color:var(--ts-light)}.try-btn{color:var(--accent3)!important;border-color:#6bffb840!important}.try-btn:hover{background:#6bffb810!important}.difficulty-filter{flex-wrap:wrap;gap:8px;margin-bottom:1.5rem;display:flex}.diff-pill{background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:100px;padding:5px 14px;font-family:Syne,sans-serif;font-size:.72rem;font-weight:700;transition:all .2s}.diff-pill:hover{border-color:var(--ts-light);color:var(--ts-light)}.diff-pill.active{background:var(--ts-glow);border-color:var(--ts-blue);color:var(--ts-light)}.inline-quiz{border-top:1px solid var(--border);margin-top:1rem;padding-top:.75rem}.iq-toggle{color:var(--accent);cursor:pointer;letter-spacing:.04em;background:0 0;border:none;align-items:center;gap:8px;padding:4px 0;font-family:Syne,sans-serif;font-size:.78rem;font-weight:700;transition:color .2s;display:flex}.iq-toggle:hover{color:var(--ts-light)}.iq-chevron{font-size:1rem;transition:transform .2s}.iq-body{flex-direction:column;gap:1rem;padding:1rem 0 0;display:flex}.iq-q-text{margin-bottom:.75rem;font-size:.85rem;font-weight:600;line-height:1.5}.iq-options{grid-template-columns:1fr 1fr;gap:6px;display:grid}.iq-opt{background:var(--code-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;border-radius:8px;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:.75rem;transition:all .2s}.iq-opt:hover:not(:disabled){border-color:var(--ts-blue);background:var(--ts-glow)}.iq-opt:disabled{cursor:default}.iq-correct{border-color:var(--accent3)!important;color:var(--accent3)!important;background:#6bffb810!important}.iq-wrong{border-color:var(--accent2)!important;color:var(--accent2)!important;background:#ff6b6b10!important}.iq-feedback{border-radius:6px;margin-top:.5rem;padding:.5rem .75rem;font-size:.8rem;display:none}.iq-feedback.show{display:block}.iq-feedback.correct{color:var(--accent3);background:#6bffb810;border:1px solid #6bffb840}.iq-feedback.wrong{color:var(--accent2);background:#ff6b6b10;border:1px solid #ff6b6b40}.topic-done .concept-card-header:after{content:"✅";flex-shrink:0;margin-left:auto;font-size:1rem}.playground-wrap{flex-direction:column;height:calc(100vh - 60px);padding-top:60px;display:flex}.playground-header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:.75rem 1.5rem;display:flex}.playground-title{color:var(--ts-light);letter-spacing:-.02em;font-size:1.1rem;font-weight:800}.playground-title em{color:var(--accent);font-style:normal}.playground-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.pg-select{background:var(--surface2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 12px;font-family:Syne,sans-serif;font-size:.78rem}.playground-panes{flex:1;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}@media (width<=768px){.playground-panes{grid-template-columns:1fr}}.playground-pane{border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.playground-pane:last-child{border-right:none}.pane-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);border-bottom:1px solid var(--border);background:#ffffff05;flex-shrink:0;padding:8px 14px;font-size:.65rem;font-weight:700}.pg-output{color:#c8c8e8;white-space:pre-wrap;word-break:break-word;background:var(--code-bg);flex:1;margin:0;padding:1.25rem;font-family:JetBrains Mono,monospace;font-size:.78rem;line-height:1.7;overflow-y:auto}.pg-fallback{background:var(--code-bg);color:#c8c8e8;resize:none;border:none;outline:none;flex:1;width:100%;height:100%;padding:1.25rem;font-family:JetBrains Mono,monospace;font-size:.78rem;line-height:1.7}.playground-footer{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;padding:6px 1rem}.pg-aifix-btn{position:relative;overflow:hidden;color:#fff!important;background:#4f46e5!important;border:1px solid #6366f1!important;font-weight:700!important;transition:all .3s!important;box-shadow:0 4px 12px #4f46e54d!important}.pg-aifix-btn:hover{transform:translateY(-1px);background:#4338ca!important;border-color:#818cf8!important;box-shadow:0 6px 16px #4f46e566!important}.pg-aifix-btn:disabled{opacity:.8;animation:1.5s ease-in-out infinite aifix-shimmer;color:#94a3b8!important;cursor:wait!important;background:#1e1e2e!important;border-color:#2a2a40!important}@keyframes aifix-shimmer{0%,to{border-color:#2a2a40}50%{border-color:#6366f180}}.pg-ai-settings{background:linear-gradient(135deg,#1e1b4b20,#312e8120);border-bottom:1px solid #7c3aed30;padding:8px 1rem;animation:.2s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pg-ai-settings-inner{flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.pg-ai-label{color:#c4b5fd;white-space:nowrap;font-weight:600}.pg-ai-key-input{color:#e0e0ff;background:#0f0b2e;border:1px solid #7c3aed40;border-radius:8px;outline:none;flex:200px;min-width:200px;max-width:360px;padding:5px 10px;font-family:inherit;font-size:.82rem;transition:border-color .2s}.pg-ai-key-input:focus{border-color:#a855f7;box-shadow:0 0 12px #a855f720}.pg-ai-key-input::placeholder{color:#6366f180}.pg-ai-get-key{color:#818cf8;white-space:nowrap;font-size:.8rem;text-decoration:none;transition:color .2s}.pg-ai-get-key:hover{color:#c4b5fd;text-decoration:underline}.pg-ai-key-status{color:#a5b4fc;white-space:nowrap;font-size:.8rem}.btn-sm{border-radius:6px!important;padding:4px 12px!important;font-size:.78rem!important}.errors-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;display:grid}.error-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.75rem;transition:all .3s}.error-card:hover{border-color:var(--accent2);transform:translateY(-3px)}.error-code{color:var(--accent2);background:#ff6b6b12;border:1px solid #ff6b6b30;border-radius:6px;margin-bottom:.5rem;padding:2px 10px;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;display:inline-block}.error-title{margin-bottom:1rem;font-size:.95rem;font-weight:700;line-height:1.4}.error-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--ts-light);margin-bottom:.35rem;font-size:.65rem;font-weight:700}.error-text{color:var(--muted);margin-bottom:.75rem;font-size:.83rem;line-height:1.6}.error-example{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.error-bad,.error-good{border:1px solid var(--border);border-radius:8px;overflow:hidden}.error-bad{border-color:#ff6b6b30}.error-good{border-color:#6bffb830}.error-badge{padding:3px 10px;font-family:Syne,sans-serif;font-size:.65rem;font-weight:700;display:block}.error-badge.bad{color:var(--accent2);background:#ff6b6b14}.error-badge.good{color:var(--accent3);background:#6bffb814}.error-bad pre,.error-good pre{color:#c8c8e8;background:var(--code-bg);white-space:pre-wrap;word-break:break-word;margin:0;padding:.75rem 1rem;font-size:.75rem}.daily-widget{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:18px;max-width:560px;margin-top:2.5rem;margin-left:auto;margin-right:auto;padding:1.5rem 2rem}.daily-header{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.75rem;font-size:.7rem;font-weight:700}.daily-question{margin-bottom:1rem;font-size:.92rem;font-weight:600;line-height:1.5}.daily-options{grid-template-columns:1fr 1fr;gap:6px;display:grid}.daily-opt{background:var(--code-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;border-radius:8px;padding:7px 10px;font-family:JetBrains Mono,monospace;font-size:.75rem;transition:all .2s}.daily-opt:hover:not(:disabled){border-color:var(--accent);background:#f7c94810}.shortcuts-modal{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shortcuts-modal[hidden]{display:none}.shortcuts-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;position:absolute;inset:0}.shortcuts-box{z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:20px;width:90%;min-width:360px;max-width:480px;padding:2rem;position:relative;box-shadow:0 40px 80px #00000080}.shortcuts-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:1rem;font-weight:800;display:flex}.shortcuts-close{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:4px 10px;font-size:.9rem;transition:all .2s}.shortcuts-close:hover{border-color:var(--accent2);color:var(--accent2)}.shortcuts-grid{flex-direction:column;gap:.5rem;display:flex}.shortcut-row{border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:1rem;padding:6px 0;font-size:.85rem;display:flex}.shortcut-row:last-child{border-bottom:none}.shortcut-row kbd{background:var(--surface2);border:1px solid var(--border);color:var(--ts-light);text-align:center;border-radius:6px;min-width:52px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700}.nav-time{color:var(--muted);vertical-align:middle;letter-spacing:0;background:#ffffff0a;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:.55rem;font-weight:600;display:inline-block}.nav-review-badge{background:var(--accent2);color:#fff;vertical-align:middle;border-radius:100px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:4px;padding:0 4px;font-size:.6rem;font-weight:800;display:inline-flex}.review-active{color:var(--accent2)!important;border-color:var(--accent2)!important}.nav-search-wrap{flex-shrink:0;position:relative}.nav-search{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:none;width:180px;padding:6px 14px;font-family:Syne,sans-serif;font-size:.78rem;transition:width .3s,border-color .2s}.nav-search:focus{border-color:var(--ts-blue);width:260px;box-shadow:0 0 0 3px var(--ts-glow)}.search-results{background:var(--surface2);border:1px solid var(--border);z-index:200;border-radius:14px;min-width:300px;max-width:360px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 20px 60px #0006}.search-results[hidden]{display:none}.search-result-item{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:10px 16px;font-family:Syne,sans-serif;font-size:.83rem;transition:background .15s;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--ts-glow)}.search-result-title{font-weight:600}.search-result-page{color:var(--muted);background:var(--surface);border-radius:6px;flex-shrink:0;margin-left:8px;padding:2px 8px;font-size:.65rem}.search-no-results{color:var(--muted);padding:1rem 1.25rem;font-size:.83rem}.roadmap-track{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0;padding:1rem 0 2rem;display:grid;position:relative}.roadmap-node{flex-direction:column;align-items:stretch;padding:0 .75rem;display:flex}.roadmap-connector{background:linear-gradient(to bottom, var(--ts-blue), transparent);width:2px;height:24px;margin:0 auto}.roadmap-bubble{background:var(--surface);border:1px solid var(--border);border-radius:20px;margin-bottom:1rem;padding:1.5rem;transition:all .3s}.roadmap-bubble:hover{border-color:var(--ts-blue);transform:translateY(-4px);box-shadow:0 20px 40px #0072ff1a}.roadmap-step-num{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.75rem;font-size:.6rem;font-weight:700}.roadmap-emoji{margin-bottom:.5rem;font-size:2rem}.roadmap-title{letter-spacing:-.02em;margin-bottom:.25rem;font-size:1rem;font-weight:800}.roadmap-subtitle{color:var(--muted);margin-bottom:.75rem;font-size:.8rem;line-height:1.5}.roadmap-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.72rem;display:flex}.roadmap-time{color:var(--muted)}.roadmap-level{text-transform:capitalize;letter-spacing:.06em;font-size:.65rem;font-weight:700}.roadmap-skills{flex-direction:column;gap:4px;margin-bottom:.5rem;display:flex}.roadmap-skill{color:var(--muted);padding:2px 0;font-size:.75rem}.roadmap-tip{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);color:var(--muted);border-radius:12px;margin-top:1.5rem;padding:1rem 1.25rem;font-size:.83rem;line-height:1.6}.patterns-tabs{flex-wrap:wrap;gap:8px;margin-bottom:1.5rem;display:flex}.pat-tab{background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:100px;padding:5px 16px;font-family:Syne,sans-serif;font-size:.72rem;font-weight:700;transition:all .2s}.pat-tab:hover{border-color:var(--ts-light);color:var(--ts-light)}.pat-tab.active{background:var(--ts-glow);border-color:var(--ts-blue);color:var(--ts-light)}.review-empty{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:4rem 2rem;display:flex}.review-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;font-size:.85rem;font-weight:600;display:flex}.prereq-banner{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent3);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.78rem;display:flex;overflow:hidden}.prereq-inner{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prereq-icon{flex-shrink:0;font-size:1.1rem}.prereq-text{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:.78rem;display:inline-flex}.prereq-sep{color:var(--border);-webkit-user-select:none;user-select:none;margin:0 2px;font-size:.9rem}.prereq-link{color:var(--ts-light);cursor:pointer;background:#5ba4f51a;border:1px solid #5ba4f540;border-radius:6px;padding:1px 8px;font-family:Syne,sans-serif;font-size:.72rem;font-weight:700;text-decoration:none;transition:all .15s}.prereq-link:hover{background:var(--ts-glow);border-color:var(--ts-blue);color:var(--ts-light)}.prereq-dismiss{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:1rem;transition:color .15s}.prereq-dismiss:hover{color:var(--text)}.whats-next{margin-top:2rem}.wn-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.5rem;font-size:.65rem;font-weight:700}.wn-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:16px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .25s;display:flex}.wn-card:hover{border-color:var(--ts-blue);transform:translate(6px);box-shadow:0 8px 30px #0072ff1f}.wn-emoji{font-size:2rem}.wn-info{flex:1}.wn-title{font-size:.95rem;font-weight:700}.wn-time{color:var(--muted);margin-top:2px;font-size:.7rem}.wn-arrow{color:var(--ts-light);opacity:.5;font-size:1.4rem;transition:opacity .2s}.wn-card:hover .wn-arrow{opacity:1}.bookmark-btn{cursor:pointer;opacity:.4;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:1.1rem;transition:opacity .2s,transform .2s}.bookmark-btn:hover,.bookmark-btn.bookmarked{opacity:1;transform:scale(1.15)}.confidence-row{border-top:1px solid var(--border);align-items:center;gap:5px;margin-top:.85rem;padding-top:.75rem;display:flex}.confidence-label{color:var(--muted);white-space:nowrap;flex-shrink:0;margin-right:4px;font-size:.68rem}.star-btn{cursor:pointer;color:#ffffff2e;background:0 0;border:none;padding:0 2px;font-size:1.15rem;line-height:1;transition:color .12s,transform .12s}.star-btn:hover{color:#f7c948;transform:scale(1.3)}.star-btn.active{color:#f7c948}.note-section{margin-top:.5rem}.note-toggle-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#ffffff0a;border-radius:8px;align-items:center;gap:5px;padding:3px 10px;font-family:Syne,sans-serif;font-size:.7rem;transition:all .15s;display:inline-flex}.note-toggle-btn:hover,.note-toggle-btn.has-note{color:var(--ts-light);border-color:var(--ts-blue);background:var(--ts-glow)}.note-textarea{background:var(--surface);border:1px solid var(--border);width:100%;min-height:60px;max-height:200px;color:var(--text);resize:vertical;border-radius:10px;outline:none;margin-top:.5rem;padding:.75rem;font-family:JetBrains Mono,monospace;font-size:.75rem;transition:border-color .2s}.note-textarea:focus{border-color:var(--ts-blue)}.note-status{color:var(--muted);min-height:1em;margin-top:.35rem;font-size:.68rem}.flash-focus{outline:2px solid var(--ts-blue);transition:outline-color .2s,box-shadow .2s;box-shadow:0 0 0 6px #3178c626}.notes-vault-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.notes-list{flex-direction:column;gap:.85rem;display:flex}.notes-item{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1rem 1.1rem}.notes-item-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.notes-item-name{color:var(--ts-light);font-weight:900;line-height:1.2}.notes-item-meta{color:var(--muted);margin-top:.25rem;font-size:.72rem}.notes-item-id{font-family:JetBrains Mono,monospace;font-size:.7rem}.notes-item-actions{gap:.5rem;display:flex}.notes-item-body{white-space:pre-wrap;color:var(--text);border:1px solid var(--border);background:#ffffff05;border-radius:14px;margin-top:.75rem;padding:.75rem;font-family:JetBrains Mono,monospace;font-size:.78rem}.js-toggle-btn{letter-spacing:.04em;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--ts-light)!important;cursor:pointer!important;border-radius:6px!important;padding:2px 8px!important;font-size:.6rem!important;font-weight:800!important;transition:all .2s!important}.js-toggle-btn:hover{border-color:var(--ts-blue)!important;background:var(--ts-glow)!important}.tsplay-link{text-decoration:none!important}.nav-study-stats{flex-shrink:0;align-items:center;gap:6px;display:flex}.study-stat{color:var(--muted);white-space:nowrap;background:#ffffff0a;border-radius:8px;padding:3px 8px;font-size:.65rem;font-weight:600}.achievements-widget{background:var(--surface);border:1px solid var(--border);border-radius:20px;margin-top:2rem;padding:1.5rem}.achievements-header{justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.85rem;font-weight:700;display:flex}.achievements-count{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:2px 10px;font-size:.65rem;font-weight:600}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;display:grid}.achievement-badge{text-align:center;border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;padding:1rem .5rem;transition:all .25s;display:flex}.achievement-badge.earned{background:var(--ts-glow);border-color:var(--ts-blue);animation:.4s cubic-bezier(.34,1.56,.64,1) both badgePop}@keyframes badgePop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.achievement-badge.locked{opacity:.28;filter:grayscale(.3)}.achievement-badge.locked:hover{opacity:.55;cursor:help}.ab-emoji{margin-bottom:.3rem;font-size:1.5rem}.ab-title{font-size:.62rem;font-weight:700}.badge-toast{z-index:10000;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:2rem;right:2rem;transform:translateY(120%)}.badge-toast.show{transform:translateY(0)}.badge-toast-inner{background:var(--surface2);border:1px solid var(--ts-blue);border-radius:16px;align-items:center;gap:12px;padding:1rem 1.5rem;display:flex;box-shadow:0 20px 60px #0072ff40}.badge-toast-emoji{font-size:2rem}.badge-toast-title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem}.badge-toast-name{color:var(--ts-light);font-size:1rem;font-weight:800}.pres-slide .pres-chip,.pres-slide .pres-emoji,.pres-slide .pres-title,.pres-slide .pres-body,.pres-slide .pres-code{opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),filter .5s;transform:translateY(18px)}.pres-slide.anim-stage-reveal .pres-chip{opacity:1;transition-delay:0s;transform:translateY(0)}.pres-slide.anim-stage-reveal .pres-emoji{animation:.7s cubic-bezier(.175,.885,.32,1.275) .15s both emojiBounce}.pres-slide.anim-stage-reveal .pres-title{animation:.8s .35s both titleGlow}.pres-slide.anim-stage-reveal .pres-body{opacity:1;transition-delay:.5s;transform:translateY(0)}.pres-slide.anim-stage-reveal .pres-code{opacity:1;transition-delay:.7s;transform:translateY(0)}@keyframes emojiBounce{0%{opacity:0;transform:translateY(30px)scale(.3)rotate(-15deg)}50%{opacity:1;transform:translateY(-8px)scale(1.15)rotate(5deg)}70%{transform:translateY(3px)scale(.95)rotate(-2deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes titleGlow{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}60%{opacity:1;filter:blur();transform:translateY(-2px)}to{opacity:1;filter:blur();transform:translateY(0)}}.pres-slide.code-focus .pres-body{opacity:.35;filter:blur(1px)}.pres-slide.code-focus .pres-code{border-color:#3178c6aa;transform:translateY(-4px)scale(1.03);box-shadow:0 0 40px #3178c659,0 20px 60px #00000080}.code-line{border-radius:3px;width:100%;transition:background-color .4s,opacity .4s,box-shadow .4s,transform .3s;display:inline-block}.pres-slide.code-reveal-active .code-line{opacity:.2}.pres-slide.code-reveal-active .code-line.line-revealed{opacity:1}.pres-slide .code-line.line-active{background:#3178c638;box-shadow:inset 3px 0 #3178c6,0 0 15px #3178c626;opacity:1!important}.pres-slide .code-line.line-spoken{background:#3178c614;opacity:1!important}.anim-reveal{opacity:.1;transition:all .4s;transform:translateY(4px)}.anim-reveal.revealed{opacity:1;transform:translateY(0)}.anim-highlight{transition:background-color .3s,border-radius .3s,color .3s}.anim-highlight.highlighted{background:#3178c64d;border-radius:4px}.anim-pop{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.anim-pop.popped{color:var(--accent3);transform:scale(1.1)rotate(2deg)}.pres-slide.slide-no-code.anim-stage-reveal .pres-body{opacity:1;filter:none;max-width:620px;font-size:clamp(1.15rem,2.8vw,1.5rem)}#pres-stage.deck-transition:before{background:radial-gradient(circle,#3178c630,#0000 70%);animation:.8s both deckFlash}@keyframes deckFlash{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}to{opacity:.6;transform:translate(-50%,-50%)scale(1)}}.iv-questions{flex-direction:column;gap:.6rem;display:flex}.iv-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.iv-card:hover{border-color:var(--primary);box-shadow:0 2px 16px #3178c61a}.iv-card.iv-open{border-color:var(--primary)}.iv-card-header{cursor:pointer;text-align:left;width:100%;color:var(--text);font-family:inherit;font-size:inherit;background:0 0;border:none;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}.iv-card-header:hover{background:#3178c60a}.iv-card-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.iv-num{color:var(--primary);min-width:2.5rem;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:800}.iv-card-question{flex:1;font-size:.92rem;font-weight:700;line-height:1.5}.iv-chevron{color:var(--muted);flex-shrink:0;margin-top:.2rem;font-size:1rem;transition:transform .25s}.iv-card.iv-open .iv-chevron{color:var(--primary);transform:rotate(90deg)}.iv-card-answer{border-top:1px solid var(--border);padding:0 1.25rem 1.25rem;animation:.25s ivSlideDown}.iv-card-answer p{color:var(--text);margin:1rem 0 0;font-size:.88rem;line-height:1.75}@keyframes ivSlideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@media print{nav,.hero-orb,.hero-badge,.hero-cards,.kbd-hint-home,.daily-challenge,.breadcrumb,.page-header,.difficulty-filter,.theme-toggle,.nav-search-wrap,.nav-study-stats,.shortcuts-modal,.presentation-overlay,.code-actions,.inline-quiz,.cta-strip,.whats-next,.prereq-banner,.confidence-row,.note-section,.bookmark-btn,.copy-btn,.try-btn,.js-toggle-btn,.tsplay-link,.tip-box,.mistake-box,.visual-btn,.stat-strip{display:none!important}body{color:#000!important;background:#fff!important}.page,#page-cheatsheet{display:block!important}.page:not(#page-cheatsheet){display:none!important}.page-container{max-width:100%!important;padding:0!important}.cheat-table{border-collapse:collapse;width:100%}.cheat-table th,.cheat-table td{color:#000;border:1px solid #ccc;padding:4px 8px;font-size:10px}.cheat-section-title{color:#000;margin:12px 0 4px;font-size:14px}}