html,body{margin:0;padding:0;background:#0a0e14;color-scheme:dark}:host,.shell{color-scheme:dark}*{box-sizing:border-box}.shell{font:14px/1.65 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#c9d1d9;background:radial-gradient(1200px 600px at 20% -10%,rgba(52,211,153,.06),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgba(56,189,248,.04),transparent 60%),#0a0e14;min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:56px 1fr;grid-template-areas:"head head" "nav  main"}@media (max-width: 760px){.shell{grid-template-columns:1fr;grid-template-areas:"head" "main"}aside{display:none}}header{grid-area:head;display:flex;align-items:center;gap:.75rem;padding:0 1rem;border-bottom:1px solid #1f2630;background:#0a0e14cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10;view-transition-name:header}header .brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:#e6edf3;font:600 16px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:-.01em}header .brand img{width:40px;height:40px;display:block;filter:drop-shadow(0 0 6px rgba(52,211,153,.25))}header .brand .name{color:#34d399}header .spacer{flex:1}header .links{display:flex;gap:1rem}header .links a{color:#94a3b8;text-decoration:none;font-size:13px}header .links a:hover{color:#e6edf3}aside{grid-area:nav;border-right:1px solid #1f2630;padding:1rem .5rem 2rem;overflow-y:auto;position:sticky;top:56px;height:calc(100vh - 56px);view-transition-name:nav}aside .group{margin-bottom:1.25rem}aside .group-title{font:600 11px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em;color:#64748b;padding:0 .75rem .5rem}aside .group ul{list-style:none;padding:0;margin:0;display:grid;gap:2px}aside a{display:block;padding:6px 12px;border-radius:6px;text-decoration:none;color:#94a3b8;font-size:13px}aside a:hover{background:#131825;color:#e6edf3}aside a.active{background:linear-gradient(90deg,rgba(52,211,153,.12),transparent);color:#34d399;border-left:2px solid #34d399;padding-left:10px}main{grid-area:main;padding:2rem 2rem 4rem;max-width:76ch;margin:0 auto;width:100%}.prose h1,.prose h2,.prose h3{font:600 1em/1.2 ui-monospace,SF Mono,Menlo,monospace;color:#e6edf3;letter-spacing:-.01em;margin:2rem 0 .75rem}.prose h1{font-size:32px;line-height:1.15;margin:0 0 1rem}.prose h1 .accent{color:#34d399}.prose h2{font-size:20px;margin-top:2.5rem}.prose h2:before{content:"##";color:#3b4658;font-size:14px;margin-right:.55em;vertical-align:1px;font-weight:500}.prose h3{font-size:16px;color:#cbd5e1}.prose p{color:#c9d1d9;margin:.85em 0;line-height:1.65}.prose a{color:#34d399}.prose a:hover{color:#6ee7b7}.prose ul,.prose ol{padding-left:1.4rem;color:#c9d1d9;line-height:1.65}.prose li{margin:.4em 0}.prose strong{color:#e6edf3;font-weight:600}.prose code{font:13px/1.4 ui-monospace,SF Mono,Menlo,monospace;background:#131825;border:1px solid #1f2630;padding:1px 5px;border-radius:4px;color:#f5b061}.prose pre{background:#0d1117;border:1px solid #1f2630;border-top:1px solid #243043;border-radius:8px;padding:16px 20px;overflow-x:auto;margin:1.25rem 0;font:14px/1.65 ui-monospace,SF Mono,Menlo,monospace;color:#d8dee9;box-shadow:inset 0 1px #ffffff05}.prose pre code{background:none;border:none;padding:0;color:inherit;font-size:inherit;line-height:inherit}.prose pre.shiki{background:#22272e;border-color:#2e3640;border-top-color:#3a4554}.prose blockquote{border-left:2px solid #34d399;padding:.25rem 1rem;margin:1rem 0;color:#94a3b8;background:#34d3990a}.prose hr{border:none;border-top:1px solid #1f2630;margin:2rem 0}.prose .lead{font-size:16px;color:#94a3b8;margin:0 0 1.5rem}.prose .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:1rem 0}.prose .card{background:#131825;border:1px solid #1f2630;border-radius:8px;padding:14px 16px}.prose .card h3{margin:0 0 .25rem;color:#34d399}.prose .card p{margin:0;color:#94a3b8;font-size:13px}.prose .kbd{display:inline-block;font:11px/1 ui-monospace,monospace;background:#1f2937;border:1px solid #374151;border-bottom-width:2px;color:#cbd5e1;border-radius:4px;padding:2px 6px}.prose .badge-row{display:flex;gap:8px;flex-wrap:wrap;margin:1rem 0}.prose .badge{font:600 11px/1 ui-monospace,monospace;background:#131825;border:1px solid #1f2630;color:#34d399;padding:5px 10px;border-radius:999px}.prose .badge.dim{color:#94a3b8}@keyframes vt-slide-out-left{to{transform:translate(-20%);opacity:0}}@keyframes vt-slide-in-from-right{0%{transform:translate(20%);opacity:0}}@keyframes vt-slide-out-right{to{transform:translate(20%);opacity:0}}@keyframes vt-slide-in-from-left{0%{transform:translate(-20%);opacity:0}}::view-transition-old(root){animation:vt-slide-out-left .2s cubic-bezier(.4,0,.2,1) both}::view-transition-new(root){animation:vt-slide-in-from-right .2s cubic-bezier(.4,0,.2,1) both}:active-view-transition-type(back)::view-transition-old(root){animation-name:vt-slide-out-right}:active-view-transition-type(back)::view-transition-new(root){animation-name:vt-slide-in-from-left}::view-transition-old(header),::view-transition-new(header),::view-transition-old(nav),::view-transition-new(nav){animation:none}@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root),::view-transition-old(header),::view-transition-new(header),::view-transition-old(nav),::view-transition-new(nav){animation:none!important}}