*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0e0f11;--surface: #161719;--card: #1c1d20;--border: rgba(255,255,255,.07);--border-hover: rgba(255,255,255,.14);--text: #e8e6e0;--muted: #7a7870;--accent: #b8ff47;--accent-dim: rgba(184,255,71,.12);--accent-glow:rgba(184,255,71,.06);--blue: #4fa8ff;--red: #ff6b6b;--amber: #ffb347;--teal: #3cdbc0;--mono: "Space Mono", monospace;--sans: "DM Sans", sans-serif;--radius: 10px;--radius-lg: 16px}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.6;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.015'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}header{position:sticky;top:0;z-index:100;background:#0e0f11eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 2rem;height:56px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--mono);font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.logo-link{cursor:pointer}.logo .omega{color:var(--accent);font-size:20px}.header-actions{display:flex;align-items:center;gap:12px}.layout{position:relative;z-index:1;display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 56px)}.sidebar{border-right:1px solid var(--border);padding:24px 0;position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sidebar-section{margin-bottom:24px}.sidebar-label{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);padding:0 20px;margin-bottom:6px}.main{padding:40px 48px;max-width:900px}.sidebar-toggle{display:none}@media (max-width: 768px){.layout{grid-template-columns:1fr}.sidebar{display:none;position:fixed;top:56px;left:0;width:260px;height:calc(100vh - 56px);z-index:150;background:var(--surface)}.sidebar.open{display:block}.main{padding:24px 20px}.sidebar-toggle{display:flex}.btn-menu{background:none;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 10px;cursor:pointer;font-size:14px}}@media (max-width: 480px){.main{padding:20px 16px}}.algo-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 20px;background:none;border:none;color:var(--muted);font-family:var(--sans);font-size:14px;cursor:pointer;text-align:left;transition:all .12s;border-left:2px solid transparent}.algo-btn:hover{color:var(--text);background:#ffffff08;border-left-color:var(--border-hover)}.algo-btn.active{color:var(--accent);background:var(--accent-glow);border-left-color:var(--accent);font-weight:500}.complexity-badge{font-family:var(--mono);font-size:10px;padding:2px 6px;border-radius:4px;background:#ffffff0f;color:var(--muted)}.algo-btn.active .complexity-badge{background:var(--accent-dim);color:var(--accent)}.btn-feedback{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--accent);background:var(--accent-dim);border:1px solid rgba(184,255,71,.25);border-radius:6px;padding:6px 14px;cursor:pointer;letter-spacing:.5px;text-transform:uppercase;transition:all .15s}.btn-feedback:hover{background:#b8ff4733;border-color:#b8ff4780}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--surface);border:1px solid var(--border-hover);border-radius:var(--radius-lg);padding:32px;width:100%;max-width:480px;transform:translateY(16px);transition:transform .2s}.modal-overlay.open .modal{transform:translateY(0)}.modal h2{font-family:var(--mono);font-size:18px;font-weight:700;color:var(--text);margin-bottom:6px}.modal p{font-size:14px;color:var(--muted);margin-bottom:20px}.modal label{display:block;font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:6px}.modal input,.modal textarea,.modal select{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--sans);font-size:14px;padding:10px 12px;margin-bottom:14px;outline:none;transition:border-color .12s}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--accent)}.modal textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.btn-cancel{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--muted);background:none;border:1px solid var(--border);border-radius:var(--radius);padding:9px 18px;cursor:pointer;transition:all .12s}.btn-cancel:hover{color:var(--text);border-color:var(--border-hover)}.btn-submit{font-family:var(--mono);font-size:12px;font-weight:700;color:#0a0b0c;background:var(--accent);border:none;border-radius:var(--radius);padding:9px 20px;cursor:pointer;transition:all .12s}.btn-submit:hover{background:#cbff6e}.toast{position:fixed;bottom:28px;right:28px;background:var(--card);border:1px solid var(--accent);border-radius:var(--radius);padding:12px 20px;font-family:var(--mono);font-size:13px;color:var(--accent);z-index:300;transform:translateY(60px);opacity:0;transition:all .25s cubic-bezier(.16,1,.3,1)}.toast.show{transform:translateY(0);opacity:1}.homepage{padding:72px 48px 80px;max-width:820px}.home-eyebrow{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:20px;display:flex;align-items:center;gap:10px}.home-eyebrow:before{content:"";width:24px;height:1px;background:var(--accent);opacity:.6}.home-title{font-family:var(--mono);font-size:clamp(36px,5vw,58px);font-weight:700;color:var(--text);letter-spacing:-2px;line-height:1.1;margin-bottom:12px}.home-title .omega-large{color:var(--accent)}.home-subtitle{font-size:17px;color:#a09e98;line-height:1.75;max-width:560px;margin-bottom:48px}.home-cta{font-family:var(--mono);font-size:13px;font-weight:700;color:#0a0b0c;background:var(--accent);border:none;border-radius:var(--radius);padding:12px 28px;cursor:pointer;letter-spacing:.3px;transition:all .15s;text-transform:uppercase}.home-cta:hover{background:#cbff6e;transform:translateY(-1px)}.home-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:56px}.home-feature{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 20px;transition:border-color .15s}.home-feature:hover{border-color:var(--border-hover)}.home-feature .feat-icon{font-family:var(--mono);font-size:18px;color:var(--accent);margin-bottom:12px;font-weight:700}.home-feature .feat-title{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--text);margin-bottom:6px}.home-feature .feat-desc{font-size:13px;color:var(--muted);line-height:1.65}.home-stats{display:flex;gap:40px;margin-top:64px;padding-top:40px;border-top:1px solid var(--border);flex-wrap:wrap}.home-stat .stat-num{font-family:var(--mono);font-size:28px;font-weight:700;color:var(--text);margin-bottom:4px}.home-stat .stat-label{font-size:13px;color:var(--muted)}.home-algo-grid{margin-top:56px}.home-algo-grid-title{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:16px;display:flex;align-items:center;gap:8px}.home-algo-grid-title:after{content:"";flex:1;height:1px;background:var(--border)}.algo-pill-grid{display:flex;flex-wrap:wrap;gap:8px}.algo-pill{font-family:var(--mono);font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px;cursor:pointer;transition:all .12s;border:1px solid var(--border);background:#ffffff08;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.algo-pill:hover{color:var(--text);background:#ffffff12;border-color:var(--border-hover)}@media (max-width: 768px){.homepage{padding:40px 20px 60px}}.algo-header{margin-bottom:32px}.algo-title-row{display:flex;align-items:center;gap:16px;margin-bottom:10px;flex-wrap:wrap}.algo-title{font-family:var(--mono);font-size:30px;font-weight:700;color:var(--text);letter-spacing:-1px}.algo-desc{color:#a09e98;font-size:15px;max-width:680px;line-height:1.7}.category-tag{font-family:var(--mono);font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.tag-comparison{background:#4fa8ff1f;color:var(--blue);border:1px solid rgba(79,168,255,.2)}.tag-exchange{background:#ff6b6b1f;color:var(--red);border:1px solid rgba(255,107,107,.2)}.tag-selection{background:#ffb3471f;color:var(--amber);border:1px solid rgba(255,179,71,.2)}.tag-insertion{background:#3cdbc01f;color:var(--teal);border:1px solid rgba(60,219,192,.2)}.tag-distributed{background:#b8ff471f;color:var(--accent);border:1px solid rgba(184,255,71,.2)}.tag-hybrid{background:#a078ff1f;color:#a078ff;border:1px solid rgba(160,120,255,.2)}.complexity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px}.complexity-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.complexity-card .label{font-family:var(--mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:6px}.complexity-card .value{font-family:var(--mono);font-size:17px;font-weight:700;color:var(--text)}.value.good{color:var(--teal)}.value.ok{color:var(--amber)}.value.bad{color:var(--red)}.content-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--border)}.content-tab{font-family:var(--mono);font-size:12px;font-weight:700;padding:9px 18px;background:none;border:none;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .12s;text-transform:uppercase;letter-spacing:.5px}.content-tab:hover{color:var(--text)}.content-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.section{margin-bottom:32px}.section-title{font-family:var(--mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:14px;display:flex;align-items:center;gap:8px}.section-title:after{content:"";flex:1;height:1px;background:var(--border)}.lang-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border)}.lang-tab{font-family:var(--mono);font-size:12px;font-weight:700;padding:8px 16px;background:none;border:none;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .12s;text-transform:uppercase;letter-spacing:.5px}.lang-tab:hover{color:var(--text)}.lang-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.code-container{background:#111215;border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius) var(--radius);overflow:hidden}.code-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);background:#ffffff05}.code-filename{font-family:var(--mono);font-size:11px;color:var(--muted)}.copy-btn{font-family:var(--mono);font-size:10px;font-weight:700;color:var(--muted);background:none;border:1px solid var(--border);border-radius:4px;padding:3px 10px;cursor:pointer;letter-spacing:.5px;text-transform:uppercase;transition:all .12s}.copy-btn:hover{color:var(--text);border-color:var(--border-hover)}.copy-btn.copied{color:var(--accent);border-color:#b8ff474d}pre{font-family:var(--mono);font-size:13px;line-height:1.65;padding:20px;overflow-x:auto;color:#c9c7bf}pre::-webkit-scrollbar{height:4px}pre::-webkit-scrollbar-track{background:transparent}pre::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.kw{color:#c084fc}.fn{color:#60a5fa}.str{color:#86efac}.num{color:#fb923c}.cm{color:#4d5566;font-style:italic}.tp{color:var(--teal)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.info-card .info-title{font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:8px}.info-card p,.info-card li{font-size:14px;color:#a09e98;line-height:1.65}.info-card ul{padding-left:16px}.info-card li{margin-bottom:4px}.opt-item{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:14px 16px;margin-bottom:10px}.opt-item .opt-name{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--accent);margin-bottom:4px}.opt-item p{font-size:14px;color:#a09e98;line-height:1.6}.proof-section{margin-bottom:28px}.proof-case-title{font-family:var(--mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;display:flex;align-items:center;gap:10px}.proof-case-title .case-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.proof-case-title.best{color:var(--teal)}.proof-case-title.avg{color:var(--amber)}.proof-case-title.worst{color:var(--red)}.proof-case-title.space{color:var(--blue)}.proof-case-title.best .case-dot{background:var(--teal)}.proof-case-title.avg .case-dot{background:var(--amber)}.proof-case-title.worst .case-dot{background:var(--red)}.proof-case-title.space .case-dot{background:var(--blue)}.proof-explanation{font-size:14px;color:#a09e98;line-height:1.75;margin-bottom:12px}.proof-pseudo{background:#111215;border:1px solid var(--border);border-left:3px solid rgba(255,255,255,.08);border-radius:0 var(--radius) var(--radius) 0;padding:16px 20px;font-family:var(--mono);font-size:12px;line-height:1.8;color:#b0aea8;overflow-x:auto;margin-bottom:6px}.proof-pseudo .ps-kw{color:#c084fc}.proof-pseudo .ps-cm{color:#4d5566;font-style:italic}.proof-pseudo .ps-num{color:#fb923c}.proof-pseudo .ps-fn{color:#60a5fa}.proof-pseudo .ps-acc{color:var(--accent);font-weight:700}.proof-divider{height:1px;background:var(--border);margin:24px 0}@media (max-width: 768px){.complexity-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.algo-title{font-size:22px}}