:root{--bg: #0a0a0f;--surface: #12121a;--surface-2: #1a1a26;--code-bg: #0d0d14;--border: #2a2a3a;--text: #e0e0ec;--text-dim: #8888a0;--accent: #7c6ff7;--accent-glow: #9d8dfa;--accent-2: #4fd1c5;--accent-3: #f687b3;--radius: 12px;--radius-lg: 20px}body{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column}.sidebar-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.sidebar-header a.home-link{color:var(--text-dim);text-decoration:none;font-size:.78rem;opacity:.7;transition:opacity .15s,color .15s}.sidebar-header a.home-link:hover{opacity:1;color:var(--accent-glow)}.sidebar-title{font-size:.9rem;font-weight:700;color:#fff;letter-spacing:-.01em}.sidebar-nav{padding:.75rem 0 2rem;overflow-y:auto;flex-grow:1}.nav-category{display:block;padding:.9rem 1.25rem .3rem;font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.nav-item{display:block;padding:.32rem 1.25rem;color:var(--text-dim);text-decoration:none;font-size:.86rem;transition:color .15s,background .15s;border-left:2px solid transparent;line-height:1.5}.nav-item:hover{color:var(--text);background:var(--surface-2);border-left-color:var(--accent)}.main-content{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;background:var(--bg)}.header{position:sticky;top:0;background:#0a0a0feb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:.85rem 2rem;display:flex;gap:.75rem;align-items:center;z-index:10;flex-shrink:0}.search-box{flex-grow:1;padding:.55rem 1rem;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;font-size:.9rem;outline:none;transition:border-color .2s;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.search-box::placeholder{color:var(--text-dim)}.search-box:focus{border-color:var(--accent)}.search-controls{display:flex;align-items:center;gap:.4rem}.match-count{font-size:.8rem;color:var(--text-dim);min-width:90px;text-align:right}.btn-nav{padding:.3rem .6rem;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:6px;font-size:.8rem;transition:background .15s,color .15s}.btn-nav:hover{background:var(--surface-2);color:var(--text)}.doc-container{max-width:860px;padding:2rem 3rem 5rem}.doc-container section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.doc-container section:last-child{border-bottom:none}.doc-container h1{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;color:#fff;border-bottom:1px solid var(--border);padding-bottom:.75rem;margin-bottom:.75rem}.doc-container h2{font-size:1.3rem;font-weight:700;color:var(--accent-glow);margin-top:0;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.doc-container h3{font-size:1rem;font-weight:600;color:#fff;margin:1.25rem 0 .4rem}.doc-container h4{font-size:.8rem;font-weight:600;color:var(--text-dim);margin:1rem 0 .35rem;text-transform:uppercase;letter-spacing:.06em}.doc-container p{color:var(--text-dim);margin-bottom:.6rem;line-height:1.75;font-size:.92rem}.doc-container p code,.doc-container li code,.doc-container td code,.doc-container h2 code,.doc-container h3 code{font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.8em;color:var(--accent-glow);background:var(--surface-2);padding:1px 6px;border-radius:4px}.doc-container ul,.doc-container ol{color:var(--text-dim);padding-left:1.5rem;margin-bottom:.6rem;font-size:.92rem}.doc-container li{margin-bottom:.2rem;line-height:1.7}.doc-container table{width:100%;border-collapse:collapse;margin:.75rem 0 1rem;font-size:.85rem}.doc-container th{text-align:left;padding:.45rem .9rem;background:var(--surface);color:var(--text-dim);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}.doc-container td{padding:.45rem .9rem;border-bottom:1px solid var(--border);color:var(--text-dim);vertical-align:top}.doc-container tr:last-child td{border-bottom:none}.doc-container tr:hover td{background:var(--surface)}.status{display:inline-flex;align-items:center;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.04em}.status-working{background:#4fd1c51f;color:var(--accent-2);border:1px solid rgba(79,209,197,.25)}.status-partial{background:#ffcb6b1f;color:#ffcb6b;border:1px solid rgba(255,203,107,.25)}.status-planned{background:#8888a01f;color:var(--text-dim);border:1px solid rgba(136,136,160,.25)}.status-wip{background:#f071781f;color:#f07178;border:1px solid rgba(240,113,120,.25)}details{margin:.75rem 0}summary{padding:.6rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:.5rem;transition:background .15s,color .15s;list-style:none}summary::-webkit-details-marker{display:none}summary:before{content:"▶";font-size:.55rem;transition:transform .2s;opacity:.6}details[open] summary{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none;color:var(--text)}details[open] summary:before{transform:rotate(90deg)}summary:hover{background:var(--surface-2);color:var(--text)}.example-content{border:1px solid var(--border);border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow:hidden;background:var(--surface)}.example-content>p{padding:.75rem 1rem 0;margin:0}.doc-container section,.doc-container h2,.doc-container h3{scroll-margin-top:72px}.doc-container .code-block .CodeMirror-scroll{max-height:none}mark.search-match{background-color:#9d8dfa40;color:inherit;padding:.1rem 0;border-radius:2px}mark.search-match-current{background-color:#9d8dfa8c;outline:2px solid var(--accent-glow);border-radius:2px}.intro-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1.5rem;font-size:.88rem}.impl-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem;margin-top:.5rem}.impl-legend span{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-dim)}.ref-matrix{font-size:.8rem}.ref-matrix th{font-size:.7rem}.ref-matrix .check{color:var(--accent-2);font-weight:700}.ref-matrix .wip{color:#ffcb6b}.ref-matrix .no{color:#f07178}.menu-toggle,.sidebar-close{display:none;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:0;line-height:1;transition:color .15s}.menu-toggle:hover,.sidebar-close:hover{color:var(--text)}.menu-toggle{border:1px solid var(--border);background:var(--surface);border-radius:6px;width:34px;height:34px;font-size:1.05rem;flex-shrink:0}.sidebar-close{font-size:1rem}@media(max-width:768px){.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.sidebar-close{display:inline-flex;align-items:center}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:40;width:82%;max-width:300px;transform:translate(-100%);transition:transform .25s ease;box-shadow:2px 0 20px #0006}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#0000008c;border:none;opacity:0;transition:opacity .25s ease}.sidebar-backdrop.open{opacity:1}.doc-container{padding:1.5rem 1.25rem 4rem}.header{padding:.85rem 1rem}}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar-backdrop{transition:none}}