:root{--radius:10px;--sidebar-width:280px;--sidebar-rail-width:72px}:root[data-theme="light"]{--bg:#f8fafc;--fg:#1e293b;--muted:#64748b;--surface:#ffffff;--line:#e2e8f0;--brand-bg:#f0f9ff;--brand-fg:#0c4a6e}:root[data-theme="dim"]{--bg:#1f2937;--fg:#e5e7eb;--muted:#9ca3af;--surface:#374151;--line:#4b5563;--brand-bg:#31405a;--brand-fg:#e5e7eb}:root[data-theme="dark"]{--bg:#0f172a;--fg:#e2e8f0;--muted:#94a3b8;--surface:#1e293b;--line:#334155;--brand-bg:#1e293b;--brand-fg:#e2e8f0}html,body{height:100%;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,sans-serif;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--line);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;width:var(--sidebar-width);flex-shrink:0;overflow:hidden;transition:width .25s ease;z-index:100}.main-container{flex-grow:1;display:flex;flex-direction:column;min-height:100vh}body[data-sidebar-collapsed="true"] .sidebar{width:var(--sidebar-rail-width)}body[data-sidebar-collapsed="true"]:not(.peeking) .sidebar-header b,body[data-sidebar-collapsed="true"]:not(.peeking) .nav .item .title,body[data-sidebar-collapsed="true"]:not(.peeking) .sidebar-footer .user-text,body[data-sidebar-collapsed="true"]:not(.peeking) .nav-actions{display:none}body[data-sidebar-collapsed="true"] .nav .item,body[data-sidebar-collapsed="true"] .sidebar-header,body[data-sidebar-collapsed="true"] .sidebar-footer .footer-actions{justify-content:center}body.peeking .viewer{filter:blur(5px);transition:filter .25s ease-out}body.peeking .sidebar{position:fixed;width:var(--sidebar-width) !important;background:color-mix(in srgb,var(--surface) 95%,transparent) !important;box-shadow:0 10px 40px rgba(0,0,0,.2);border-right:1px solid var(--line)}.sidebar-header{display:flex;align-items:center;gap:12px;padding:16px 24px;flex-shrink:0}.sidebar-header b{font-size:1.1em;white-space:nowrap}.nav-container{flex:1;display:flex;flex-direction:column;min-height:0;padding:0 12px}.nav-actions{padding:8px 12px;display:flex;gap:8px;align-items:center;font-size:12px}.search-group{position:relative;flex-grow:1}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;z-index:1}#q,#sort-by{-webkit-appearance:none;appearance:none;width:70%;height:38px;background-color:color-mix(in srgb,var(--surface) 70%,var(--bg));border:1px solid var(--line);border-radius:var(--radius);color:var(--fg);font-size:14px;padding:0 12px;transition:all .2s ease}#q:focus,#sort-by:focus{outline:none;border-color:var(--brand-fg);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-fg) 20%,transparent)}#q{padding-left:36px}#sort-by{flex-shrink:0;width:auto;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:20px}.nav{flex:1;overflow-y:auto;overflow-x:hidden}.nav .item{display:flex;align-items:center;gap:16px;height:48px;padding:0 12px;border-radius:var(--radius);color:inherit;text-decoration:none;cursor:pointer;white-space:nowrap}.nav .item .icon{flex-shrink:0}.nav .item .title{flex-grow:1;overflow:hidden;text-overflow:ellipsis}.nav .item:hover{background:color-mix(in srgb,var(--line) 30%,transparent)}.nav .item.active{background:var(--brand-bg);color:var(--brand-fg);font-weight:500}.nav .item .pin{margin-left:auto;opacity:0.1}.nav .item:hover .pin,.nav .item .pin.pinned{opacity:1}.sidebar-footer{padding:12px 24px;border-top:1px solid var(--line);flex-shrink:0}.footer-actions{display:flex;align-items:center;gap:8px}.main-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.page-title{font-size:1.1em;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;text-decoration:none}.main{flex:1;padding:20px}.viewer{width:100%;height:100%;background:var(--surface);border-radius:var(--radius);position:relative;transition:filter .25s ease-out}.loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);opacity:0;pointer-events:none;transition:opacity .3s}.loader.visible{opacity:1}iframe{width:100%;height:100%;border:0;border-radius:var(--radius)}.typing{position:relative;white-space:nowrap;padding-right:.35em}.typing::after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:#000;animation:blink .7s steps(1,end) infinite}@keyframes blink{50%{opacity:0}}.breathe::after{animation:breathe 1.2s ease-in-out infinite}@keyframes breathe{0,100%{opacity:.25}50%{opacity:1}}.scramble{opacity:.6}a.brand{color:inherit;text-decoration:none}:root{--wh-color:rgba(0,0,0,.22);--font-min:11px;--font-max:15px;--dur-min:7s;--dur-max:10s}#bg-typer{position:fixed;inset:0;pointer-events:none;user-select:none;z-index:-1}.bt-wh{position:absolute;white-space:nowrap;overflow:hidden;font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;border-right:1px solid currentColor;opacity:.72;will-change:width,opacity,transform;transform:translateZ(0);letter-spacing:.02em}.bt-run{animation:bt-type var(--bt-dur,8s) steps(var(--bt-ch)) 1 both,bt-blink 1s steps(1,end) infinite}@keyframes bt-type{0{width:0ch;opacity:0;transform:translateX(0)}12%{opacity:.45}60%{width:var(--bt-ch);opacity:.85;transform:translateX(.3ch)}82%{width:var(--bt-ch);opacity:.82}100%{width:var(--bt-ch);opacity:0}}@keyframes bt-blink{50%{border-right-color:transparent}}.tone-1{color:rgba(17,24,39,.30)}.tone-2{color:rgba(14,165,233,.30)}.tone-3{color:rgba(99,102,241,.28)}.tone-4{color:rgba(16,185,129,.30)}.tone-5{color:rgba(234,179,8,.28)}.tone-6{color:rgba(239,68,68,.26)}#bg-typer.bt-dark .tone-1{color:rgba(255,255,255,.18)}#bg-typer.bt-dark .tone-2{color:rgba(125,211,252,.22)}#bg-typer.bt-dark .tone-3{color:rgba(165,180,252,.22)}#bg-typer.bt-dark .tone-4{color:rgba(134,239,172,.22)}#bg-typer.bt-dark .tone-5{color:rgba(253,230,138,.20)}#bg-typer.bt-dark .tone-6{color:rgba(252,165,165,.20)}@media(prefers-reduced-motion:reduce){.bt-run{animation:none;opacity:.14;border-right-color:transparent}}@media(max-width:900 px){.sidebar{height:100 vh;top:0;bottom:0;}.nav-container{flex:1 1 0;min-height:0;display:flex;flex-direction:column;}.nav{overflow-y:auto;}}