:root{--ink: #0b1f2a;--ink-elevated: #102a36;--ink-line: #1e3d48;--foam: #eaf2ed;--foam-muted: #9fb8b5;--rope: #c98a4b;--rope-bright: #e0a868;--tide: #3e8e88;--coral: #e8604c;--moss: #6fbf8b;--sidebar-w: 260px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--foam);font-family:Inter,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--tide)}code,.mono{font-family:IBM Plex Mono,monospace}h1,h2,h3{font-family:Fraunces,serif;font-weight:600;letter-spacing:-.01em}.layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--ink-line);padding:28px 20px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar .brand{display:flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;color:var(--foam);margin-bottom:26px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar .group-label{font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--foam-muted);margin:18px 0 6px}.sidebar a.navlink{color:var(--foam-muted);text-decoration:none;font-size:13.5px;padding:6px 10px;border-radius:6px;transition:background .15s ease,color .15s ease}.sidebar a.navlink:hover{color:var(--foam);background:var(--ink-elevated)}.content{padding:48px 56px 100px;max-width:820px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.06em;color:var(--tide);text-transform:uppercase;border:1px solid var(--ink-line);border-radius:100px;padding:6px 12px;margin-bottom:18px}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--moss)}section.doc-section{padding-top:54px;border-top:1px solid var(--ink-line);margin-top:54px}section.doc-section:first-of-type{border-top:none;margin-top:0;padding-top:0}.doc-section p{color:var(--foam-muted);font-size:15px}.doc-section h2{font-size:26px;margin:0 0 14px}.code-block{background:#08161e;border:1px solid var(--ink-line);border-radius:12px;padding:20px 22px;font-family:IBM Plex Mono,monospace;font-size:13px;overflow-x:auto;line-height:1.7;margin:16px 0}.code-block .kw{color:#e0a868}.code-block .str{color:#8fcb9b}.code-block .fn{color:#7cb8d9}.code-block .cm{color:#5c7a78}table{width:100%;border-collapse:collapse;font-size:13.5px;margin:16px 0}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--ink-line)}th{color:var(--foam-muted);font-family:IBM Plex Mono,monospace;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em}.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.adapter-tag{font-family:IBM Plex Mono,monospace;font-size:12.5px;color:var(--foam-muted);border:1px solid var(--ink-line);border-radius:100px;padding:6px 13px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--rope);color:#1a1206}.btn-ghost{border-color:var(--ink-line);color:var(--foam);background:transparent}.install-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 20px}.install-row code{background:var(--ink-elevated);border:1px solid var(--ink-line);border-radius:8px;padding:8px 12px;font-size:13px}.console{background:var(--ink-elevated);border:1px solid var(--ink-line);border-radius:14px;overflow:hidden;margin:20px 0}.console-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--ink-line);font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--foam-muted)}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:600;border:1px solid var(--ink-line)}.status-pill .dot{width:7px;height:7px;border-radius:50%}.console-body{padding:16px}.console-input{width:100%;background:var(--ink);border:1px solid var(--ink-line);color:var(--foam);border-radius:8px;padding:10px 12px;font-family:Inter,sans-serif;font-size:14px;resize:none}.console-input:focus{outline:2px solid var(--tide);outline-offset:1px}.devtools-hint{font-size:12.5px;color:var(--foam-muted);margin-top:10px}@media (max-width: 860px){.layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--ink-line)}.content{padding:32px 20px 80px}}@media (prefers-reduced-motion: no-preference){.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal-visible{opacity:1;transform:translateY(0)}}.reveal-visible{opacity:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes dotPulse{0%,to{box-shadow:0 0 #6fbf8b59}50%{box-shadow:0 0 0 5px #6fbf8b00}}.eyebrow .dot{animation:dotPulse 2.2s ease-in-out infinite}.code-block-wrap{position:relative}.code-copy-btn{position:absolute;top:10px;right:10px;background:var(--ink-elevated);border:1px solid var(--ink-line);color:var(--foam-muted);border-radius:6px;padding:5px 10px;font-size:11.5px;font-family:IBM Plex Mono,monospace;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease,border-color .15s ease}.code-block-wrap:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{color:var(--foam);border-color:var(--tide)}.card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);border-color:var(--tide);box-shadow:0 16px 30px -20px #00000080}.adapter-tag,.adapters-list .adapter-tag{transition:transform .15s ease,border-color .15s ease,color .15s ease}.adapter-tag:hover{transform:translateY(-2px);border-color:var(--tide);color:var(--foam)}.btn{transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 22px -10px #c98a4b80}.btn-ghost:hover{transform:translateY(-2px);border-color:var(--tide)}.sidebar a.navlink.active{color:var(--foam);background:var(--ink-elevated);border-left:2px solid var(--rope-bright);padding-left:8px}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 0}.tab-btn{font-family:IBM Plex Mono,monospace;font-size:12.5px;color:var(--foam-muted);background:var(--ink-elevated);border:1px solid var(--ink-line);border-radius:100px;padding:7px 14px;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.tab-btn:hover{color:var(--foam)}.tab-btn.active{color:var(--ink);background:var(--rope-bright);border-color:var(--rope-bright);font-weight:600}@media (prefers-reduced-motion: no-preference){.hero-in{opacity:0;transform:translateY(14px);animation:heroFadeUp .7s ease forwards}.hero-in-1{animation-delay:.05s}.hero-in-2{animation-delay:.15s}.hero-in-3{animation-delay:.25s}}@keyframes heroFadeUp{to{opacity:1;transform:translateY(0)}}.lang-toggle{display:inline-flex;gap:4px;background:var(--ink-elevated);border:1px solid var(--ink-line);border-radius:100px;padding:3px;margin:16px 0 0}.lang-btn{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--foam-muted);background:none;border:none;border-radius:100px;padding:6px 13px;cursor:pointer;transition:color .15s ease,background .15s ease}.lang-btn:hover{color:var(--foam)}.lang-btn.active{color:var(--ink);background:var(--rope-bright);font-weight:600}.compat-badges{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.compat-badge{display:inline-flex;align-items:center;gap:7px;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--foam-muted);border:1px solid var(--ink-line);border-radius:100px;padding:6px 12px 6px 10px;background:var(--ink-elevated)}.compat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.reading-progress-track{position:fixed;top:0;left:0;right:0;height:3px;background:transparent;z-index:1000}.reading-progress-fill{height:100%;background:linear-gradient(90deg,var(--tide),var(--rope-bright));transition:width .1s ease-out}.sidebar-search{width:100%;background:var(--ink-elevated);border:1px solid var(--ink-line);color:var(--foam);border-radius:8px;padding:8px 10px;font-size:13px;font-family:Inter,sans-serif;margin-bottom:16px}.sidebar-search::placeholder{color:var(--foam-muted)}.sidebar-search:focus{outline:2px solid var(--tide);outline-offset:1px}.sidebar-empty{font-size:12.5px;color:var(--foam-muted);padding:4px 10px}@keyframes copyBounce{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.copy-btn-bounce{animation:copyBounce .35s ease;color:var(--moss)!important;border-color:var(--moss)!important}
