:root{color-scheme:dark;--bg:#090b0c;--panel:#101416;--panel-strong:#151b1d;--line:#243034;--line-soft:#182124;--text:#d8e2df;--muted:#849390;--dim:#53615e;--green:#35f29a;--cyan:#4cc9f0;--amber:#f9c74f;--red:#f25f5c;--magenta:#d77df0;--shadow:#00000073;--mono:"SFMono-Regular", "Cascadia Code", "Liberation Mono", Menlo, Consolas, monospace;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--bg);font-family:var(--sans);min-width:320px}body{color:var(--text);background:linear-gradient(#35f29a06 1px, transparent 1px), linear-gradient(90deg, #4cc9f005 1px, transparent 1px), var(--bg);background-size:28px 28px;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{grid-template-columns:330px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);height:100vh;box-shadow:18px 0 40px var(--shadow);background:#0a0d0ef5;flex-direction:column;gap:18px;padding:18px;display:flex;position:sticky;top:0;overflow:auto}.brand{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;min-height:58px;padding-bottom:14px;display:flex}.brand img{object-fit:contain;width:44px;height:44px}.brand strong,.brand small,.eyebrow,kbd{font-family:var(--mono)}.brand strong{color:var(--green);font-size:18px;display:block}.brand small{color:var(--muted);font-size:12px}.search-trigger{width:100%;min-height:42px;color:var(--muted);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.search-trigger:hover,.search-trigger:focus-visible{color:var(--text);border-color:#35f29a99}kbd{min-width:24px;color:var(--green);border:1px solid var(--line);text-align:center;background:#070909;border-radius:4px;padding:2px 6px}.sidebar-nav{flex:1}.nav-level{margin:0;padding:0;list-style:none}.nav-level .nav-level{border-left:1px solid var(--line-soft);margin:4px 0 4px 11px;padding-left:8px}.nav-level a,.nav-level summary{min-height:31px;color:var(--muted);border-radius:5px;justify-content:space-between;align-items:center;gap:10px;padding:5px 8px;font-size:14px;line-height:1.25;display:flex}.nav-level summary{cursor:pointer;list-style:none}.nav-level summary::-webkit-details-marker{display:none}.nav-level summary:before{content:">";color:var(--dim);font-family:var(--mono);flex:none;font-size:11px;transition:transform .12s,color .12s;transform:rotate(0)}.nav-level details[open]>summary:before{color:var(--green);transform:rotate(90deg)}.nav-level summary span{flex:1;min-width:0}.nav-level-1 a,.nav-level-1 summary{font-size:13px}.nav-level-2 a,.nav-level-2 summary{font-size:12px}.nav-level a:hover,.nav-level summary:hover,.nav-level .is-active>a,.nav-level .is-active>details>summary,.nav-overview.is-current{color:var(--text);background:var(--panel)}.nav-level .is-active>a,.nav-level .is-active>details>summary,.nav-overview.is-current{box-shadow:inset 2px 0 0 var(--green)}.nav-level small{color:var(--dim);font-family:var(--mono)}.nav-overview{font-family:var(--mono);margin:2px 0 2px 19px;color:var(--dim)!important;min-height:26px!important;font-size:11px!important}.nav-overview:hover,.nav-overview.is-current{color:var(--green)!important}.sidebar-tags,.tag-row{flex-wrap:wrap;gap:7px;display:flex}.sidebar-tags a,.tag-row a{color:var(--green);font-family:var(--mono);border:1px solid #35f29a47;border-radius:999px;padding:4px 7px;font-size:11px}.sidebar-footer{border-top:1px solid var(--line-soft);color:var(--muted);font-family:var(--mono);flex-direction:column;gap:6px;padding-top:14px;font-size:11px;line-height:1.35;display:flex}.sidebar-footer p{margin:0}.footer-links{color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:4px;font-size:12px;display:flex}.footer-credit,.footer-copyright{color:var(--dim)}.footer-credit a{color:var(--muted)}.main-column{min-width:0}.topbar{z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(16px);background:#090b0ce0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:56px;padding:0 28px;display:grid;position:sticky;top:0}.icon-button{border:1px solid var(--line);background:var(--panel);border-radius:6px;width:38px;height:38px;padding:9px;display:none}.icon-button span{background:var(--text);height:2px;margin:4px 0;display:block}.crumbs{min-width:0;color:var(--muted);font-family:var(--mono);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex;overflow:hidden}.crumbs a{text-overflow:ellipsis;overflow:hidden}.crumbs a:hover,.topbar-link:hover,.sidebar-footer a:hover{color:var(--green)}.topbar-link{color:var(--muted);font-family:var(--mono);font-size:12px}.page-frame{width:min(100%,1120px);margin:0 auto;padding:48px 34px 90px}.page-header{border-bottom:1px solid var(--line);margin-bottom:30px;padding-bottom:26px}.eyebrow{color:var(--green);margin-bottom:10px;font-size:12px}h1{color:#f1f7f5;letter-spacing:0;max-width:860px;margin:0;font-size:clamp(34px,5vw,72px);line-height:.95}.page-header p{max-width:760px;color:var(--muted);margin:16px 0 0;font-size:17px;line-height:1.6}.tag-row{margin-top:18px}.home-grid,.listing-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:36px;display:grid}.section-tile,.listing-item{border:1px solid var(--line);background:#101416d1;border-radius:8px;min-height:118px;padding:16px;display:block}.section-tile:hover,.listing-item:hover{border-color:#35f29a8c;transform:translateY(-1px)}.section-tile span,.listing-item span{color:var(--text);font-weight:700;display:block}.section-tile strong{color:var(--amber);font-family:var(--mono);font-variant-numeric:tabular-nums;text-shadow:0 0 #f9c74f00;margin-top:14px;font-size:34px;transition:color .18s,text-shadow .18s;display:block}.section-tile strong.is-counting{color:#ffe08a;text-shadow:0 0 18px #f9c74f3d}.section-tile strong.is-counted{color:var(--amber)}.section-tile p,.listing-item p,.listing-item small{color:var(--muted);margin:10px 0 0;line-height:1.45;display:block}.prose{color:var(--text);font-size:16px;line-height:1.72}.prose>:first-child{margin-top:0}.prose h2,.prose h3,.prose h4{color:#edf5f2;letter-spacing:0;line-height:1.2}.prose h2{border-top:1px solid var(--line-soft);margin:42px 0 16px;padding-top:12px;font-size:28px}.prose h3{color:var(--cyan);margin:32px 0 12px;font-size:21px}.prose h4{color:var(--amber);margin:24px 0 10px;font-size:17px}.prose p,.prose ul,.prose ol,.prose table,.prose pre{margin-top:0;margin-bottom:18px}.prose a{color:var(--green);border-bottom:1px solid #35f29a59}.prose a:hover{border-bottom-color:var(--green)}.prose img{border:1px solid var(--line);background:var(--panel);border-radius:8px;max-width:100%;height:auto;margin:20px 0;display:block}.prose code{color:var(--amber);border:1px solid var(--line-soft);font-family:var(--mono);background:#111717;border-radius:4px;padding:2px 5px;font-size:.9em}.prose pre{border:1px solid var(--line);background:#070909;border-radius:8px;padding:18px;position:relative;overflow:auto;box-shadow:inset 0 1px #ffffff08}.prose pre code{color:#d7ede5;background:0 0;border:0;padding:0}.copy-code{color:var(--muted);background:var(--panel);border:1px solid var(--line);cursor:pointer;font-family:var(--mono);border-radius:5px;padding:4px 7px;font-size:11px;position:absolute;top:8px;right:8px}.prose table{border-collapse:collapse;width:100%;display:block;overflow:auto}.prose th,.prose td{border:1px solid var(--line);vertical-align:top;padding:9px 11px}.prose th{color:var(--cyan);background:var(--panel-strong);text-align:left}.children-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding-left:0;list-style:none;display:grid}.children-list li{margin:0}.children-list a,.resources{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px;display:block}.children-list a span{color:var(--text);font-weight:700;display:block}.children-list a p{color:var(--muted);margin:8px 0 0;font-size:14px}.resources h2{border:0;margin-top:0}.resources ul{padding-left:0;list-style:none}.resources li{border-top:1px solid var(--line-soft);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.resources span{color:var(--dim);font-family:var(--mono);font-size:12px}.notice{border-left:3px solid var(--amber);background:#f9c74f14;margin:20px 0;padding:14px 16px}.notice-warning{border-left-color:var(--red);background:#f25f5c14}.notice-info{border-left-color:var(--cyan);background:#4cc9f014}.video-embed{aspect-ratio:16/9;margin:24px 0;position:relative}.video-embed iframe{border:1px solid var(--line);border-radius:8px;width:100%;height:100%}.search-dialog{width:min(720px,100vw - 30px);color:var(--text);background:var(--panel);border:1px solid var(--line);box-shadow:0 24px 90px var(--shadow);border-radius:10px;padding:0}.search-dialog::backdrop{background:#000000b3}.search-dialog form{position:absolute;top:10px;right:10px}.search-dialog form button{width:30px;height:30px;color:var(--muted);cursor:pointer;font-family:var(--mono);background:0 0;border:0}.search-dialog label{border-bottom:1px solid var(--line);padding:22px;display:block}.search-dialog label span{color:var(--green);font-family:var(--mono);margin-bottom:8px;font-size:12px;display:block}.search-dialog input{width:100%;color:var(--text);font-family:var(--mono);background:0 0;border:0;outline:0;font-size:22px}.search-results{max-height:min(520px,70vh);overflow:auto}.search-results a{border-bottom:1px solid var(--line-soft);padding:14px 22px;display:block}.search-results a:hover,.search-results a.is-active{background:var(--panel-strong)}.search-results strong{color:var(--text);display:block}.search-results p{color:var(--muted);margin:6px 0 0;font-size:14px}.search-results mark{color:var(--bg);background:var(--green);border-radius:2px;padding:0 2px}.search-status{color:var(--muted);font-family:var(--mono);padding:18px 22px;font-size:13px}@media (width<=940px){.app-shell{display:block}.sidebar{z-index:40;width:min(330px,88vw);transition:transform .16s;position:fixed;transform:translate(-105%)}body.sidebar-open .sidebar{transform:translate(0)}.icon-button{display:block}.topbar{grid-template-columns:auto minmax(0,1fr) auto;padding:0 14px}.page-frame{padding:34px 18px 70px}h1{font-size:40px}}@media (width<=560px){.home-grid,.listing-grid,.children-list{grid-template-columns:1fr}.topbar-link{display:none}.crumbs{font-size:11px}}
