*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ol,ul{list-style:none}button{background:none;border:none;cursor:pointer}code,kbd,pre{font-family:inherit}:root{--color-bg-page:#050509;--color-bg-panel:#151515;--color-bg-panel-alt:#181820;--color-bg-input:#0a0a0e;--color-border:#2a2a2e;--color-border-subtle:#1e1e22;--color-text-primary:#e0e0e0;--color-text-muted:#999;--color-text-dim:grey;--color-accent-green:#4ade80;--color-accent-cyan:#22d3ee;--color-accent-yellow:#facc15;--color-accent-red:#f87171;--color-accent-blue:#60a5fa;--color-link:var(--color-accent-cyan);--color-link-hover:var(--color-accent-green);--font-mono:"JetBrains Mono",ui-monospace,"Cascadia Code","SF Mono","Segoe UI Mono","Ubuntu Mono","Roboto Mono",menlo,monaco,consolas,monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--header-height:44px;--footer-height:44px;--status-height:28px;--sidebar-width:280px;--main-panel-ratio:.72;--sidebar-ratio:.28;--transition-fast:.15s ease;--transition-normal:.25s ease;--focus-ring:2px solid var(--color-accent-cyan);--focus-offset:2px;--z-base:0;--z-panel:10;--z-sidebar:20;--z-header:30;--z-footer:30;--z-overlay:35;--z-drawer:40;--z-modal:50;--z-toast:60;--z-splash:100}[data-theme=matrix]{--color-text-primary:#0f0;--color-accent-green:#0f0;--color-accent-cyan:#0c0;--color-link:#0f0;--color-link-hover:#0c0}[data-theme=light]{--color-bg-page:#f5f5f5;--color-bg-panel:#fff;--color-bg-panel-alt:#fafafa;--color-bg-input:#f0f0f0;--color-border:#d0d0d0;--color-border-subtle:#e0e0e0;--color-text-primary:#1a1a1a;--color-text-muted:#595959;--color-text-dim:#6d6d6d}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:400;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:700;src:url(/fonts/JetBrainsMono-Bold.woff2) format("woff2")}.page{background:var(--color-bg-page);color:var(--color-text-primary);display:grid;font-family:var(--font-mono);font-size:var(--font-size-sm);grid-template-rows:var(--header-height) 1fr var(--status-height) var(--footer-height);height:100vh;overflow:hidden}.status-bar{align-items:center;background:var(--color-bg-panel);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:0 var(--space-4);position:sticky;top:0;z-index:var(--z-header)}.status-bar__content{align-items:center;display:flex;gap:var(--space-3);overflow:hidden}.status-bar .brand{color:var(--color-accent-cyan);font-weight:700;text-decoration:none;transition:color var(--transition-fast)}.status-bar .brand:focus-visible,.status-bar .brand:hover{color:var(--color-accent-green)}.status-bar .separator{color:var(--color-text-dim)}.status-bar .context{color:var(--color-text-muted)}.status-bar .mode{color:var(--color-accent-green)}.status-bar .shortcuts{color:var(--color-text-muted);display:none;gap:var(--space-4)}.status-bar .shortcuts kbd{color:var(--color-accent-yellow)}.status-bar__nav{align-items:center;display:none;font-size:var(--font-size-sm);gap:var(--space-3)}.status-bar__nav a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.status-bar__nav a:focus-visible,.status-bar__nav a:hover{color:var(--color-accent-cyan)}@media (width >= 768px){.status-bar__nav{display:flex}}@media (width >= 1024px){.status-bar .shortcuts{display:flex}}.body{display:flex;min-height:0;overflow:hidden}.main-panel{background:var(--color-bg-page);flex:1;min-height:0;overflow:hidden auto;padding:var(--space-4)}.main-panel::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:6px}.main-panel::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:transparent}.main-panel::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.main-panel::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}.main-panel,.sidebar{scrollbar-color:var(--color-border) transparent;scrollbar-width:thin}.sidebar{background:var(--color-bg-panel);border-left:1px solid var(--color-border);display:none;flex:0 0 var(--sidebar-width);min-height:0;overflow:hidden auto;padding:var(--space-4)}@media (width >= 1024px){.sidebar{display:block}}.sidebar--open{animation:slide-in var(--transition-normal);bottom:calc(var(--status-height) + var(--footer-height));display:block;max-width:320px;position:fixed;right:0;top:var(--header-height);width:80%;z-index:var(--z-drawer)}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.status-strip{background:var(--color-bg-panel-alt);border-top:1px solid var(--color-border-subtle);color:var(--color-text-muted);font-size:var(--font-size-xs)}.footer,.status-strip{align-items:center;display:flex;justify-content:space-between;padding:0 var(--space-4)}.footer{background:var(--color-bg-panel);border-top:1px solid var(--color-border)}.footer__links{align-items:center;color:var(--color-text-dim);display:flex;flex-wrap:wrap;font-size:var(--font-size-xs);gap:var(--space-2)}.footer__links a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.footer__links a:focus-visible,.footer__links a:hover{color:var(--color-accent-cyan)}.footer__sep{color:var(--color-text-dim);-webkit-user-select:none;-moz-user-select:none;user-select:none}.footer__license{color:var(--color-accent-yellow)}.footer__copyright{color:var(--color-text-dim);margin-left:auto}.drawer-overlay{background:#0009;display:none;inset:0;position:fixed;z-index:var(--z-overlay)}.drawer-overlay--visible{display:block}.drawer-toggle{align-items:center;border-radius:2px;display:flex;height:40px;justify-content:center;padding:var(--space-2);width:40px}.drawer-toggle:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.drawer-toggle .hamburger{background:var(--color-text-primary);display:block;height:2px;position:relative;width:20px}.drawer-toggle .hamburger:after,.drawer-toggle .hamburger:before{background:var(--color-text-primary);content:"";height:2px;left:0;position:absolute;width:100%}.drawer-toggle .hamburger:before{top:-6px}.drawer-toggle .hamburger:after{top:6px}@media (width >= 1024px){.drawer-toggle{display:none}}body.drawer-open{overflow:hidden}.ascii-banner{background:var(--color-bg-panel);border:1px solid var(--color-border-subtle);border-radius:4px;margin-bottom:var(--space-4);overflow-x:auto;padding:var(--space-3)}.ascii-display{color:var(--color-accent-green);font-family:var(--font-mono);font-size:.55rem;line-height:1.1;margin:0;opacity:0;text-align:center;transition:opacity var(--transition-normal);white-space:pre}.ascii-display.loaded{opacity:1}.ascii-debug{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.7rem;margin-top:var(--space-2);opacity:.6;text-align:center}@media (width >= 768px){.ascii-display{font-size:.65rem}}@media (width >= 1024px){.ascii-display{font-size:.75rem}}.log-entry{background:var(--color-bg-panel);border:1px solid var(--color-border-subtle);border-radius:4px;margin-bottom:var(--space-4);padding:var(--space-3)}.log-entry__header{align-items:center;border-bottom:1px solid var(--color-border-subtle);display:flex;gap:var(--space-2);margin-bottom:var(--space-2);padding-bottom:var(--space-2)}.log-entry__header .author{color:var(--color-accent-cyan);font-weight:700}.log-entry__header .timestamp{color:var(--color-text-dim);font-size:var(--font-size-xs)}.log-entry__body{color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.log-entry__body p{margin-bottom:var(--space-2)}.log-entry__body p:last-child{margin-bottom:0}.log-entry__body .post-h2{color:var(--color-accent-cyan);font-size:var(--font-size-lg);font-weight:700;letter-spacing:.02em;margin-bottom:var(--space-3);margin-top:var(--space-6)}.log-entry__body .post-h2:before{color:var(--color-text-dim);content:"## "}.log-entry__body .post-ul{list-style:none;margin-bottom:var(--space-3);margin-top:var(--space-2);padding-left:0}.log-entry__body .post-ul li{margin-bottom:var(--space-2);padding-left:var(--space-4);position:relative}.log-entry__body .post-ul li:before{color:var(--color-text-dim);content:">";left:0;position:absolute}.console-link{color:var(--color-accent-cyan);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.console-link:hover{color:var(--color-accent-green)}.log-entry[data-author=SYSTEM] .author{color:var(--color-accent-cyan)}.log-entry[data-author=INSTALL] .author{color:var(--color-accent-green)}.log-entry[data-author=FRAMEWORKS] .author{color:var(--color-accent-yellow)}.log-entry[data-author=FEATURES] .author{color:var(--color-accent-blue)}.log-entry[data-author=RELEASE] .author{color:var(--color-accent-red)}.log-entry[data-author=HELP] .author{color:var(--color-text-muted)}.code-block{align-items:center;background:var(--color-bg-input);border-radius:4px;display:flex;font-family:var(--font-mono);gap:var(--space-2);padding:var(--space-2) var(--space-3);position:relative}.code-block code{color:var(--color-accent-green);flex:1}.copy-btn{border:1px solid var(--color-border);border-radius:2px;color:var(--color-text-muted);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);transition:var(--transition-fast)}.copy-btn:hover{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan)}.copy-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.copy-btn.copied{border-color:var(--color-accent-green);color:var(--color-accent-green)}.sidebar__section{margin-bottom:var(--space-6)}.sidebar__section:last-child{margin-bottom:0}.sidebar__title{border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-dim);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em;margin-bottom:var(--space-3);padding-bottom:var(--space-2);text-transform:uppercase}.help-list{font-size:var(--font-size-sm)}.help-list li{align-items:center;color:var(--color-text-muted);display:flex;gap:var(--space-2);padding:var(--space-1) 0}.help-list kbd{color:var(--color-accent-yellow);min-width:60px}.nav-list li{padding:var(--space-1) 0}.nav-list a{border-radius:2px;color:var(--color-link);display:block;padding:var(--space-1) var(--space-2);transition:var(--transition-fast)}.nav-list a:hover{background:var(--color-bg-panel-alt);color:var(--color-link-hover)}.nav-list a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.link-list li{padding:var(--space-1) 0}.link-list a{align-items:center;border-radius:2px;color:var(--color-link);display:flex;gap:var(--space-2);padding:var(--space-1) var(--space-2);transition:var(--transition-fast)}.link-list a:hover{color:var(--color-link-hover)}.link-list a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.stats-panel{font-size:var(--font-size-sm)}.stat-item{border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:var(--space-1) 0}.stat-item:last-child{border-bottom:none}.stat-label{color:var(--color-text-muted)}.stat-value{color:var(--color-accent-cyan);font-weight:700}.console{align-items:center;display:flex;flex:1;gap:var(--space-2)}.console__prompt{color:var(--color-accent-green);font-weight:700;white-space:nowrap}.console__input{background:transparent;border:none;color:var(--color-text-primary);flex:1;font-family:var(--font-mono);font-size:var(--font-size-sm);outline:none}.console__input::-moz-placeholder{color:var(--color-text-dim)}.console__input::placeholder{color:var(--color-text-dim)}.console__input:focus-visible{border-radius:2px;outline:var(--focus-ring);outline-offset:2px}.splash{background:var(--color-bg-page);inset:0;opacity:1;overflow-y:auto;position:fixed;scroll-snap-type:y mandatory;transition:opacity .6s ease-out,visibility .6s ease-out;visibility:visible;z-index:var(--z-splash)}.splash--hidden{opacity:0;visibility:hidden}.splash__page{align-items:center;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.splash__page--hero{flex-direction:column}.splash__page--boot{align-items:flex-start;background:var(--color-bg-page);height:100vh;height:100dvh;justify-content:flex-start;min-height:0;overflow:hidden}.splash__content{max-width:600px;padding:var(--space-6);text-align:center;width:100%}.splash__logo{height:auto;margin-bottom:var(--space-6);max-width:480px;width:100%}.splash__tagline{color:var(--color-text-muted);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8)}.splash__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-6)}.splash__btn{background:transparent;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-muted);cursor:pointer;display:inline-block;font-family:var(--font-mono);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4);text-decoration:none;transition:color var(--transition-fast),border-color var(--transition-fast)}.splash__btn:hover{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan)}.splash__btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.splash__btn--primary{border-color:var(--color-accent-green);color:var(--color-accent-green)}.splash__btn--primary:hover{background:var(--color-accent-green);border-color:var(--color-accent-green);color:var(--color-bg-page)}.splash__install{color:var(--color-text-dim);font-size:var(--font-size-sm)}.splash__install code{color:var(--color-accent-green)}.splash__socials{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-5)}.splash__social,.splash__socials{align-items:center;justify-content:center}.splash__social{border-radius:4px;color:#6b6b6b;display:inline-flex;height:32px;text-decoration:none;transition:color var(--transition-fast),transform var(--transition-fast);width:32px}.splash__social:focus-visible,.splash__social:hover{color:#fff;transform:translateY(-1px)}.splash__social:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.splash__social svg{display:block;fill:currentcolor;height:22px;width:22px}.splash__scroll-hint{bottom:var(--space-4);color:var(--color-text-dim);font-size:.6rem;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translate(-50%);transition:opacity 1s ease}.splash__scroll-hint--visible{opacity:.35}.splash__scroll-arrow{animation:hint-bounce 3s ease-in-out infinite;display:inline-block}@keyframes hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.boot-terminal{color:var(--color-accent-green);display:flex;flex-direction:column;font-family:var(--font-mono);font-size:var(--font-size-sm);height:100%;line-height:var(--line-height-normal);max-width:640px;overflow:hidden;padding:var(--space-4);white-space:pre-wrap;width:100%}.boot-terminal__output{flex:1;min-height:0;overflow-y:auto}.boot-terminal__input-line{align-items:center;display:flex;flex-shrink:0;gap:var(--space-1);padding-top:var(--space-2)}.boot-terminal__input-line--hidden{display:none}.boot-terminal__prompt{color:var(--color-accent-green);font-weight:700}.boot-terminal__input{background:transparent;border:none;caret-color:var(--color-accent-green);color:var(--color-accent-green);flex:1;font-family:var(--font-mono);font-size:var(--font-size-sm);outline:none}.boot-loading-notice{align-items:center;color:var(--color-text-dim);display:flex;font-size:var(--font-size-xs);gap:var(--space-1);opacity:.5}.boot-cursor{animation:blink-cursor 1s step-end infinite;background:var(--color-accent-green);display:inline-block;height:1.1em;vertical-align:text-bottom;width:.6em}@keyframes blink-cursor{50%{opacity:0}}.boot-text--cyan{color:var(--color-accent-cyan)}.boot-terminal .log-entry{background:transparent;border:none;border-radius:0;margin-bottom:var(--space-2);padding:var(--space-1) 0}.boot-terminal .log-entry__header{border-bottom:none;margin-bottom:var(--space-1);padding-bottom:0}.boot-terminal .log-entry__header .author{color:var(--color-accent-cyan)}.boot-terminal .log-entry__header .timestamp{color:var(--color-text-dim)}.baud-indicator,.boot-terminal .log-entry__body,.boot-terminal .log-entry__body pre{color:var(--color-accent-green)}.baud-indicator{background:var(--color-bg-panel);border:1px solid var(--color-border-subtle);border-radius:4px;bottom:var(--space-8);font-family:var(--font-mono);font-size:var(--font-size-xs);opacity:0;padding:var(--space-1) var(--space-3);pointer-events:none;position:fixed;right:var(--space-4);transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;z-index:200}.baud-indicator--visible{opacity:.9;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.splash{scroll-behavior:auto}.splash__scroll-arrow{animation:none}}.text-primary{color:var(--color-text-primary)}.text-muted{color:var(--color-text-muted)}.text-dim{color:var(--color-text-dim)}.text-cyan{color:var(--color-accent-cyan)}.text-green{color:var(--color-accent-green)}.text-yellow{color:var(--color-accent-yellow)}.text-red{color:var(--color-accent-red)}.text-blue{color:var(--color-accent-blue)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:400}.font-bold{font-weight:700}.hidden{display:none}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.skip-link{background:var(--color-bg-panel);border:1px solid var(--color-border);color:var(--color-accent-cyan);left:var(--space-4);padding:var(--space-2) var(--space-4);position:absolute;top:-100px;transition:top var(--transition-fast);z-index:var(--z-modal)}.skip-link:focus{top:var(--space-2)}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}body.loading{cursor:wait}body.loading .main-panel,body.loading .sidebar{opacity:.7}body.loaded .main-panel,body.loaded .sidebar{opacity:1;transition:opacity var(--transition-normal)}body.trust-mode{--color-accent-green:#5cd97c;--color-accent-cyan:#7dc7e0;--color-accent-yellow:#d4b54a;--color-accent-red:#d97266;--color-accent-blue:#7aa3d6;--color-text-primary:#ececec;--color-text-muted:#a3a3a3;--color-border:#34343a;--color-border-subtle:#24242a;--line-height-relaxed:1.7}body.trust-mode .main-panel{padding:var(--space-6)}body.trust-mode .log-entry{margin-bottom:var(--space-6)}body.trust-mode .log-entry__body{line-height:var(--line-height-relaxed)}body.trust-mode .ascii-banner{filter:saturate(.7);opacity:.4}body.trust-mode .status-bar .mode{color:var(--color-text-muted)}body.trust-mode figure{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:4px;margin:var(--space-6) 0;padding:var(--space-4)}body.trust-mode figure figcaption{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--space-3);text-align:center}body.trust-mode figure img,body.trust-mode figure pre.diagram,body.trust-mode figure svg{display:block;height:auto;margin:0 auto;max-width:100%}body.trust-mode .code-block{background:var(--color-bg-input);border:1px solid var(--color-border-subtle);border-radius:3px}body.trust-mode .log-entry__header .author{font-size:var(--font-size-base);letter-spacing:.02em}@media (width < 768px){body.trust-mode .main-panel{padding:var(--space-4)}}
