@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:#c00;--content-bg:#f5f5f5;--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;-moz-osx-font-smoothing:grayscale}#root{max-width:100%;margin:0 64px}html{scroll-behavior:smooth}::selection{background:var(--text);color:var(--bg)}@media (width<=768px){#root{margin:0 20px}}.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:var(--accent);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:var(--accent);letter-spacing:.3px;font-size:12px}.app-header{border-bottom:1px solid var(--border-light);-webkit-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}.logo{font-family:var(--mono);letter-spacing:-.5px;font-size:18px;font-weight:600}.header-nav{letter-spacing:1.2px;text-transform:uppercase;gap:28px;font-size:10px;font-weight:500;display:flex}.nav-link{color:var(--text-muted);text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--text)}.header-right{letter-spacing:1px;color:var(--text-secondary);font-size:11px;font-weight:500}.header-link{cursor:pointer;transition:color .2s}.header-link:hover{color:var(--text)}.hero{border-bottom:1px solid var(--border-light);padding:80px 0 60px}.hero-title-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}.meta-dot{color:var(--text-muted)}.category-section{border-bottom:none;margin-bottom:64px;scroll-margin-top:80px}.category-header{align-items:center;gap:24px;padding:40px 0 32px;display:flex}.category-number{font-family:var(--mono);color:var(--text);letter-spacing:-2px;font-size:48px;font-weight:300;line-height:1}.category-info{flex:1}.category-title{letter-spacing:2px;text-transform:uppercase;color:var(--text);margin:0;font-size:14px;font-weight:600}.category-subtitle{color:var(--text-secondary);letter-spacing:.3px;margin-top:4px;font-size:12px}.category-count{font-family:var(--mono);color:var(--text-secondary);letter-spacing:-.5px;font-size:14px}.topics-header{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:60px 1fr 160px 40px;align-items:center;height:32px;padding:0 16px;font-size:10px;font-weight:500;display:grid}.topics-list{padding:0}.topic-row{border-bottom:1px solid var(--border-light);-webkit-user-select:none;user-select:none;grid-template-columns:60px 1fr 160px 40px;align-items:center;height:44px;padding:0 16px;transition:background .15s;display:grid}.topic-row.clickable{cursor:pointer}.topic-row.clickable:hover,.topic-row.active{background:#f0f0f0}.topic-row.disabled{cursor:default}.topic-row.disabled .topic-title{color:var(--text-muted)}.topic-id{font-family:var(--mono);color:var(--text-secondary);letter-spacing:-.3px;font-size:12px}.topic-title{color:var(--text);letter-spacing:.1px;white-space:nowrap;text-overflow:ellipsis;padding-right:20px;font-size:13px;font-weight:400;overflow:hidden}.topic-tag{letter-spacing:1px;color:var(--text-secondary);text-transform:uppercase;font-size:10px;font-weight:500}.topic-toggle{justify-self:end;width:10px;height:10px;position:relative}.topic-toggle.no-content{color:var(--text-muted);justify-content:flex-end;align-items:center;font-size:12px;display:flex}.toggle-line{background:var(--text-muted);border-radius:0;transition:transform .3s,opacity .3s,background .2s;position:absolute}.toggle-h{width:10px;height:1px;top:50%;left:0;transform:translateY(-50%)}.toggle-v{width:1px;height:10px;top:0;left:50%;transform:translate(-50%)}.topic-toggle.open .toggle-v{opacity:0;transform:translate(-50%)rotate(90deg)}.topic-toggle.open .toggle-line{background:var(--accent)}.topic-row.clickable:hover .toggle-line{background:var(--text)}.topic-content{border-bottom:1px solid var(--border-light);background:var(--content-bg);animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.content-inner{max-width:600px;margin:0 auto;padding:56px 40px 64px}.content-label{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:10px;font-weight:500}.content-title{letter-spacing:-.5px;color:var(--text);border-bottom:1px solid var(--border-light);margin:0 0 32px;padding-bottom:24px;font-size:24px;font-weight:400;line-height:1.3}.content-body p{color:#444;margin-bottom:16px;font-size:14px;line-height:1.9}.content-body p strong{color:var(--text);font-weight:600}.content-heading{letter-spacing:1px;text-transform:uppercase;color:var(--text);border-bottom:1px solid #d5d5d5;margin:40px 0 16px;padding-bottom:8px;font-size:13px;font-weight:600}.content-divider{border:none;border-top:1px solid #d5d5d5;margin:32px 0}.content-list{margin:8px 0 24px;padding:0;list-style:none}.content-list li{color:#444;padding:6px 0 6px 24px;font-size:14px;line-height:26.6px;position:relative}.content-list li:before{content:"○";color:var(--text-muted);font-size:6px;line-height:26.6px;position:absolute;top:6px;left:2px}.content-list li strong{color:var(--text);font-weight:600}.content-body blockquote{border:1px solid var(--border-light);font-family:var(--mono);color:var(--text);letter-spacing:-.2px;background:#fff;border-radius:8px;flex-direction:column;gap:4px;margin:32px 0;padding:32px 28px 28px;font-size:13px;font-style:normal;line-height:1.9;display:flex}.quote-icon{color:var(--border);font-size:56px;line-height:.7}.content-callout{border:1px solid var(--border);color:var(--text);letter-spacing:.1px;background:#fff;border-radius:6px;margin:24px 0;padding:20px 24px;font-size:13px;line-height:1.8}.content-callout strong{font-weight:600}.app-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:24px 0;display:flex}.footer-logo{font-family:var(--mono);font-size:14px;font-weight:600}.footer-center{color:var(--text-secondary);letter-spacing:.3px;font-size:11px;font-style:normal}.footer-right{letter-spacing:1px;color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:500}@media (width<=768px){#root{margin:0 20px}.app-header{padding:14px 0}.header-nav{display:none}.header-right{font-size:10px}.hero{padding:40px 0 32px}.hero-title-row{flex-direction:column;gap:12px}.hero h1{letter-spacing:-1px;font-size:26px}.hero-count{padding-top:0;font-size:20px}.hero-meta{flex-wrap:wrap;gap:6px;font-size:10px}.category-section{margin-bottom:40px}.category-header{gap:16px;padding:32px 0 20px}.category-number{font-size:32px}.category-title{letter-spacing:1.5px;font-size:12px}.category-subtitle{font-size:11px}.topics-header{grid-template-columns:40px 1fr 32px;height:28px;padding:0 12px;font-size:9px}.th-tag{display:none}.topic-row{grid-template-columns:40px 1fr 32px;height:auto;min-height:44px;padding:12px}.topic-tag{display:none}.topic-id{font-size:11px}.topic-title{white-space:normal;font-size:12px;line-height:1.5}.content-inner{padding:32px 0 40px}.content-title{margin-bottom:24px;padding-bottom:20px;font-size:20px}.content-body p{font-size:13px;line-height:1.85}.content-heading{margin:32px 0 12px;font-size:11px}.content-list li{padding-left:20px;font-size:13px}.content-body blockquote{padding:24px 20px 20px;font-size:12px}.quote-icon{font-size:40px}.content-callout{padding:16px 20px;font-size:12px}.app-footer{text-align:center;flex-direction:column;gap:12px;padding:20px 0}.gate-box{width:280px;padding:0 20px}.gate-input{padding:20px 16px;font-size:12px}.gate-button{padding:20px;font-size:12px}}