:root{--bg: #0b0f17;--panel: #111827;--muted: #9aa4b2;--text: #e5e7eb;--border: #1f2937}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial;line-height:1.5}.container{max-width:1100px;margin:0 auto;padding:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px #00000040}.header{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,#0b0f17e6,#0b0f1799 80%,#0b0f1700);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-weight:700;font-size:1.4rem;letter-spacing:.5px}.row{display:grid;grid-template-columns:320px 1fr;gap:16px}@media (max-width: 900px){.row{grid-template-columns:1fr}}.searchbar{display:flex;gap:6px;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:10px 12px}.searchbar input{flex:1;background:transparent;border:0;color:var(--text);outline:none;font-size:14px}.list{padding:8px}.list-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;cursor:pointer;border:1px solid transparent}.list-item:hover{background:#0f172a;border-color:var(--border)}.list-item.active{border-color:var(--accent);box-shadow:0 0 0 2px #22d3ee26 inset}.list-title{font-weight:600;font-size:14px}.list-tags{font-size:12px;color:var(--muted)}.tabs{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-bottom:1px solid var(--border)}.tab{padding:8px 12px;color:#eff4f7;background:#0e1623;border:1px solid var(--border);border-radius:999px;font-size:12px;cursor:pointer}.tab.active{border-color:var(--accent);box-shadow:0 0 0 2px #22d3ee26 inset}.viewer{padding:16px;overflow:hidden}.viewer :is(h1,h2,h3){scroll-margin-top:90px}.viewer h1{font-size:28px;margin:20px 0 8px}.viewer h2{font-size:22px;margin:18px 0 6px}.viewer h3{font-size:18px;margin:16px 0 4px}.viewer p,.viewer li{color:var(--text)}.viewer a{color:var(--accent)}.viewer pre,.viewer code{background:#0a1220;border:1px solid var(--border);border-radius:10px;padding:6px 8px;overflow:auto}.kbd{padding:2px 6px;border:1px solid var(--border);border-bottom-width:2px;background:#0a1220;border-radius:6px;font-size:12px}.results{padding:8px 12px;display:grid;gap:10px}.result{padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#0d1423}.result-title{font-weight:600}.result-snippet{color:var(--muted);font-size:13px}.timeline{position:relative;margin-left:20px;border-left:2px solid var(--border);padding-left:20px}.timeline-item{margin:20px 0;padding-left:10px}.timeline-item:before{content:"";position:absolute;left:-8px;width:14px;height:14px;background:var(--accent);border-radius:50%;top:8px}.app-container{display:flex;flex-direction:column;min-height:100vh}.content{flex:1}.footer-left{flex:1;text-align:left}.footer-equation{font-family:monospace;color:var(--accent);font-weight:600}.footer-center{flex:1;text-align:center}.footer-right{flex:1;text-align:right;display:flex;gap:14px;justify-content:flex-end}.footer-icon{color:var(--muted);transition:color .2s ease}.footer-icon:hover{color:var(--accent)}.footer{border-top:1px solid var(--border);background:var(--panel);color:var(--muted);padding:14px 20px;display:flex;justify-content:space-between;align-items:center}