:root{--bg: #000000;--fg: #c7ffe0;--muted: #8dfcc3;--dim: #76d9aa;--accent: #00ff88;--accent-2: #2affb0;--error: #ff5577;--surface: #010503;--surface-2: #031e12;--titlebar: #001a0f;--chip-bg: #012313;--panel-grad-top: var(--surface);--panel-grad-bot: #000;--border: #00e36b;--gridline: rgba(0, 255, 120, .06);--radius-s: 0px;--radius: 0px;--shadow-neon: 0 0 24px rgba(0,255,120,.25), 0 6px 18px rgba(0,0,0,.6);--shadow-inset: inset 0 0 0 1px rgba(0,255,120,.15);--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}body[data-theme=light]{--bg: #f5fff9;--fg: #0e3b22;--muted: #2f7a55;--dim: #3a6b54;--accent: #0bbd6a;--accent-2: #07995a;--error: #c93658;--surface: #eafff3;--surface-2: #ddf7ea;--titlebar: #d2f3e5;--chip-bg: #dff7ec;--panel-grad-top: var(--surface);--panel-grad-bot: #ffffff;--border: #89d7b2;--gridline: rgba(11, 189, 106, .08)}html,body{height:100%}*{box-sizing:border-box}body{margin:0;color:var(--fg);background:repeating-linear-gradient(90deg,var(--gridline) 0 1px,transparent 1px 3px),radial-gradient(1200px 700px at 10% -10%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 60%),linear-gradient(180deg,var(--bg),var(--surface));font-family:var(--font-mono);font-size:14px;line-height:1.55;text-shadow:0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}body[data-theme=light]{text-shadow:none}a{color:inherit}@media (min-width: 901px){body{overflow:hidden}}.desktop-only,.mobile-only{display:none}@media (min-width: 901px){.desktop-only{display:inline-flex}}@media (max-width: 900px){.mobile-only{display:inline-flex}}main.layout{display:flex;align-items:stretch;gap:10px;padding:16px;min-height:100vh}.index{position:sticky;top:0;height:calc(100vh - 32px);flex:0 0 320px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel-grad-top),var(--panel-grad-bot));box-shadow:var(--shadow-inset),0 8px 24px #00000026;overflow:hidden;display:flex;flex-direction:column}.index .winbar{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:var(--titlebar);border-bottom:1px dashed var(--border)}.index .winbar .title{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0}.index .index-list{padding:10px;overflow:auto;flex:1 1 auto}.index .index-list a{display:block;padding:8px;border:1px dashed var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--chip-bg) 92%,#fff 8%);color:var(--fg);text-decoration:none;margin-bottom:8px;transition:box-shadow .15s,transform .12s,border-color .15s}.index .index-list a:hover{box-shadow:0 0 12px color-mix(in srgb,var(--accent) 35%,transparent);transform:translateY(-1px)}.index .index-list a.is-active{border-style:solid;box-shadow:0 0 0 2px var(--border) inset}@media (min-width: 901px){body.sidebar-collapsed .index{flex-basis:56px;max-width:56px;overflow:hidden}body.sidebar-collapsed .index .winbar,body.sidebar-collapsed .index .index-list,body.sidebar-collapsed .index .controls{opacity:0;pointer-events:none}body.sidebar-collapsed #sidebarBackdrop{display:none!important;opacity:0!important;pointer-events:none!important}#sidebar.index{position:relative}}.rail-handle{position:absolute;top:10px;right:10px;width:32px;height:32px;display:none;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--chip-bg);color:var(--fg);border-radius:var(--radius-s);cursor:pointer;z-index:3;box-shadow:var(--shadow-inset)}@media (min-width: 901px){body.sidebar-collapsed .rail-handle{display:inline-flex}}section.content{flex:1 1 auto;min-height:calc(100vh - 32px);border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel-grad-top),var(--panel-grad-bot));box-shadow:var(--shadow-inset),0 8px 24px #00000026;padding:16px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}section.content>:first-child{margin-top:0}section.content .section-title{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px dashed var(--border);padding-bottom:6px;margin:0 0 12px}section.content .section-title:before{content:">";color:var(--muted)}@media (min-width: 901px){section.content{height:calc(100vh - 32px);min-height:0;overflow:auto;display:flex;flex-direction:column}section.content>*{min-height:0}}@media (max-width: 900px){section.content{height:auto;min-height:0;overflow:visible}}.btn,.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-s);border:1px solid var(--border);background:linear-gradient(180deg,var(--chip-bg),color-mix(in srgb,var(--chip-bg) 86%,#000 14%));color:var(--fg);box-shadow:var(--shadow-inset);cursor:pointer;text-decoration:none;font-weight:600}.btn:hover,.chip:hover{box-shadow:var(--shadow-neon)}.btn:active{transform:translateY(1px)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.dim{color:var(--dim)}*::-webkit-scrollbar{height:10px;width:10px}*::-webkit-scrollbar-track{background:color-mix(in srgb,var(--bg) 88%,#000 12%)}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 70%,#0c5);border:2px solid color-mix(in srgb,var(--bg) 88%,#000 12%);border-radius:10px}*::-webkit-scrollbar-thumb:hover{background:var(--accent)}dialog{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface),var(--panel-grad-bot));color:var(--fg);box-shadow:0 30px 80px #00000080}dialog::backdrop{background:#0009}.lb-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;padding:14px}@media (max-width: 820px){.lb-wrap{grid-template-columns:1fr}}.lb-media{border:1px solid var(--border);border-radius:var(--radius);background:#000;display:grid;place-items:center;overflow:hidden;min-height:240px}.lb-media img,.lb-media video,.lb-media audio{max-width:100%;height:auto;display:block}.close{position:absolute;right:10px;top:10px;z-index:2;border:1px solid var(--border);background:var(--chip-bg);color:var(--fg);border-radius:var(--radius-s);padding:6px 10px;cursor:pointer}@media (max-width: 900px){:root{--handle-h: 18px}main.layout{display:block;padding:16px;min-height:auto}.index{position:fixed;left:0;right:0;top:0;width:100vw;height:min(76vh,560px);transform:translateY(calc(-100% + var(--handle-h)));transition:transform .22s ease-out;z-index:1000;border-left:1px dashed var(--border);border-right:1px dashed var(--border);border-bottom:1px dashed var(--border);border-top:none;border-radius:0 0 var(--radius) var(--radius);overflow:hidden;padding-bottom:var(--handle-h);background:linear-gradient(180deg,var(--panel-grad-top),var(--panel-grad-bot))}.index.is-open{transform:translateY(0)}.index .index-list{overflow:auto}.sidebar-backdrop{position:fixed;inset:0;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:900}.sidebar-backdrop.is-visible{opacity:1;pointer-events:auto}body.sidebar-open{overflow:hidden}.drawer-handle{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:86px;height:var(--handle-h);display:inline-flex;align-items:center;justify-content:center;background:var(--chip-bg);border:1px solid var(--border);border-top:1px solid var(--border);border-radius:0 0 var(--radius-s) var(--radius-s);z-index:1001}.drawer-handle .grabbar{display:block;width:36px;height:3px;border-radius:3px;background:color-mix(in srgb,var(--accent) 65%,#000 35%)}}