@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@300;400;500;600&display=swap";:root{--bg:#fafafa;--text:#1a1a1a;--text-secondary:#888;--text-muted:#aaa;--border:#e0e0e0;--border-light:#ebebeb;--accent:#003057;--green:#78be20;--blue:#007dba;--gold:#ffb500;--content-bg:#f5f5f5;--slide-bg:#003057;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"DM Mono", "SF Mono", "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#root{max-width:100%;margin:0 48px}html{scroll-behavior:smooth}::selection{background:var(--accent);color:#fff}@media (width<=768px){#root{margin:0 16px}}.gate-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#fffc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gate-box{flex-direction:column;align-items:center;gap:16px;width:320px;display:flex}.gate-logo{font-family:var(--mono);color:var(--text);letter-spacing:-.5px;font-size:24px;font-weight:600}.gate-subtitle{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:12px}.gate-input{width:100%;font-family:var(--mono);border:1px solid var(--border-light);color:var(--text);text-align:center;letter-spacing:1px;background:#fff;border-radius:6px;outline:none;padding:24px 16px;font-size:13px;transition:border-color .2s}.gate-input:focus{border-color:var(--text-muted)}.gate-input.gate-error{border-color:#c00;animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.gate-button{width:100%;font-family:var(--sans);letter-spacing:1.5px;text-transform:uppercase;background:var(--text);color:var(--bg);cursor:pointer;border:none;border-radius:6px;padding:24px;font-size:13px;font-weight:500;transition:opacity .2s}.gate-button:hover{opacity:.85}.gate-msg{color:#c00;letter-spacing:.3px;font-size:12px}.app-header{border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background:#fafafabf;justify-content:space-between;align-items:center;padding:20px 0;display:flex;position:sticky;top:0}.h-left{align-items:baseline;gap:8px;display:flex}.logo{font-family:var(--mono);letter-spacing:-.5px;font-size:18px;font-weight:600}.logo-sub{color:var(--green);letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:500}.h-nav{gap:6px;display:flex}.nav-link{color:var(--text-muted);font-family:var(--mono);border:1px solid var(--border-light);border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:400;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:var(--text);border-color:var(--border);background:#f0f0f0}.h-right{letter-spacing:1px;color:var(--text-secondary);font-size:11px;font-weight:500}.hero{border-bottom:1px solid var(--border-light);padding:80px 0 60px}.hero-row{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.hero h1{letter-spacing:-1.5px;color:var(--text);max-width:700px;font-size:42px;font-weight:400;line-height:1.15}.hero-count{font-family:var(--mono);color:var(--text);letter-spacing:-1px;flex-shrink:0;padding-top:8px;font-size:32px;font-weight:400}.hero-meta{letter-spacing:1.5px;color:var(--text-secondary);gap:12px;margin-top:24px;font-size:11px;font-weight:500;display:flex}.dot{color:var(--text-muted)}.mod-section{margin-bottom:64px;scroll-margin-top:80px}.mod-header{align-items:center;gap:24px;padding:40px 0 32px;display:flex}.mod-num{font-family:var(--mono);color:var(--text);letter-spacing:-2px;font-size:48px;font-weight:300;line-height:1}.mod-info{flex:1}.mod-title{letter-spacing:2px;text-transform:uppercase;color:var(--text);font-size:14px;font-weight:600}.mod-sub{color:var(--text-secondary);letter-spacing:.3px;margin-top:4px;font-size:12px}.mod-count{font-family:var(--mono);color:var(--text-secondary);letter-spacing:-.5px;font-size:14px}.topics-head{letter-spacing:1.5px;color:var(--text-muted);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);grid-template-columns:56px 1fr 140px 100px 36px;align-items:center;height:32px;padding:0 16px;font-size:10px;font-weight:500;display:grid}.topic-row{border-bottom:1px solid var(--border-light);cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:56px 1fr 140px 100px 36px;align-items:center;height:44px;padding:0 16px;transition:background .15s;display:grid}.topic-row:hover,.topic-row.active{background:#f0f0f0}.t-id{font-family:var(--mono);color:var(--text-secondary);font-size:12px}.t-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;padding-right:16px;font-size:13px;font-weight:400;overflow:hidden}.t-tag{letter-spacing:1px;color:var(--text-secondary);text-transform:uppercase;font-size:10px;font-weight:500}.t-status{font-family:var(--mono);letter-spacing:.5px;color:var(--green);text-transform:uppercase;font-size:10px}.t-toggle{justify-self:end;width:10px;height:10px;position:relative}.tg-h,.tg-v{background:var(--text-muted);transition:transform .3s,opacity .3s;position:absolute}.tg-h{width:10px;height:1px;top:50%;left:0;transform:translateY(-50%)}.tg-v{width:1px;height:10px;top:0;left:50%;transform:translate(-50%)}.t-toggle.open .tg-v{opacity:0;transform:translate(-50%)rotate(90deg)}.t-toggle.open .tg-h,.t-toggle.open .tg-v{background:var(--green)}.topic-expanded{border-bottom:1px solid var(--border-light);animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.split-view{grid-template-columns:1fr 1fr;min-height:400px;display:grid}.split-left{background:var(--content-bg);border-right:1px solid var(--border-light)}.split-left-inner{max-width:540px;margin:0 auto;padding:48px 40px 56px}.split-label{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:10px;font-weight:500}.split-title{letter-spacing:-.5px;color:var(--text);border-bottom:1px solid var(--border-light);margin:0 0 28px;padding-bottom:20px;font-size:22px;font-weight:400;line-height:1.3}.split-content p{color:#444;margin-bottom:14px;font-size:13px;line-height:1.85}.split-content p strong{color:var(--text);font-weight:600}.ct-heading{letter-spacing:1px;text-transform:uppercase;color:var(--text);border-bottom:1px solid #d5d5d5;margin:32px 0 12px;padding-bottom:8px;font-size:12px;font-weight:600}.ct-divider{border:none;border-top:1px solid #d5d5d5;margin:28px 0}.ct-list{margin:8px 0 20px;padding:0;list-style:none}.ct-list li{color:#444;padding:4px 0 4px 20px;font-size:13px;line-height:1.8;position:relative}.ct-list li:before{content:"○";color:var(--text-muted);font-size:6px;line-height:1.8;position:absolute;top:4px;left:2px}.ct-list li strong{color:var(--text);font-weight:600}.split-content blockquote{border:1px solid var(--border-light);font-family:var(--mono);color:var(--text);background:#fff;border-radius:6px;flex-direction:column;gap:4px;margin:24px 0;padding:24px 20px 20px;font-size:12px;line-height:1.8;display:flex}.q-icon{color:var(--border);font-size:40px;line-height:.6}.split-right{background:var(--slide-bg)}.split-right-inner{max-width:540px;padding:48px 40px 56px}.split-label-dark{letter-spacing:2px;text-transform:uppercase;color:var(--green);margin-bottom:6px;font-size:10px;font-weight:500}.slides-count{font-family:var(--mono);color:#ffffff40;letter-spacing:.5px;margin-bottom:28px;font-size:11px}.slides-list{flex-direction:column;gap:16px;display:flex}.slide-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;padding:20px 22px}.slide-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.slide-num{font-family:var(--mono);color:var(--green);letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:500}.slide-layout{font-family:var(--mono);color:#fff3;letter-spacing:1px;text-transform:uppercase;background:#ffffff0d;border-radius:3px;padding:2px 8px;font-size:9px}.slide-title{color:#fff;letter-spacing:-.3px;margin-bottom:12px;font-size:15px;font-weight:600;line-height:1.3}.slide-bullets{margin:0;padding:0;list-style:none}.slide-bullets li{color:#ffffff8c;padding:3px 0 3px 16px;font-size:12px;line-height:1.7;position:relative}.slide-bullets li:before{content:"—";color:var(--green);font-size:10px;position:absolute;left:0}.slide-bullets li strong{color:#fffc;font-weight:500}.slide-quote{color:#fff6;border-left:2px solid var(--green);margin-top:8px;padding-left:14px;font-family:STIX Two Text,serif;font-size:13px;font-style:italic;line-height:1.6}.slide-note{font-family:var(--mono);color:var(--gold);background:#ffb50014;border-radius:4px;margin-top:10px;padding:8px 12px;font-size:10px;line-height:1.5}.app-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:24px 0;display:flex}.f-logo{font-family:var(--mono);font-size:14px;font-weight:600}.f-center{color:var(--text-secondary);letter-spacing:.3px;font-size:11px}.f-right{letter-spacing:1px;color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:500}@media (width<=1024px){.split-view{grid-template-columns:1fr}.split-left{border-right:none;border-bottom:1px solid var(--border-light)}.h-nav{display:none}.topics-head,.topic-row{grid-template-columns:40px 1fr 32px}.t-tag,.t-status,.th-tag,.th-status{display:none}.hero h1{font-size:28px}.hero-row{flex-direction:column;gap:12px}}