*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}canvas,img,picture,svg,video{max-width:100%;display:block}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{cursor:pointer;background:0 0;border:none}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);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;display:grid;overflow:hidden}.status-bar{background:var(--color-bg-panel);border-bottom:1px solid var(--color-border);padding:0 var(--space-4);z-index:var(--z-header);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.status-bar__content{align-items:center;gap:var(--space-3);display:flex;overflow:hidden}.status-bar .brand{color:var(--color-accent-cyan);transition:color var(--transition-fast);font-weight:700;text-decoration:none}.status-bar .brand:hover{color:var(--color-accent-green)}.status-bar .brand:focus-visible{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);gap:var(--space-4);display:none}.status-bar .shortcuts kbd{color:var(--color-accent-yellow)}.status-bar__nav{font-size:var(--font-size-sm);align-items:center;gap:var(--space-3);display:none}.status-bar__nav a{color:var(--color-text-muted);transition:color var(--transition-fast);text-decoration:none}.status-bar__nav a:hover{color:var(--color-accent-cyan)}.status-bar__nav a:focus-visible{color:var(--color-accent-cyan)}@media (min-width:768px){.status-bar__nav{display:flex}}@media (min-width:1024px){.status-bar .shortcuts{display:flex}}.body{min-height:0;display:flex;overflow:hidden}.main-panel{background:var(--color-bg-page);min-height:0;padding:var(--space-4);flex:1;overflow:hidden auto}.main-panel::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar{width:6px}.main-panel::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-track{background:0 0}.main-panel::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.main-panel::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}.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);flex:0 0 var(--sidebar-width);min-height:0;padding:var(--space-4);display:none;overflow:hidden auto}@media (min-width:1024px){.sidebar{display:block}}.sidebar--open{animation:slide-in var(--transition-normal);bottom:calc(var(--status-height) + var(--footer-height));max-width:320px;right:0;top:var(--header-height);width:80%;z-index:var(--z-drawer);display:block;position:fixed}@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{padding:0 var(--space-4);justify-content:space-between;align-items:center;display:flex}.footer{background:var(--color-bg-panel);border-top:1px solid var(--color-border)}.footer__links{color:var(--color-text-dim);font-size:var(--font-size-xs);align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.footer__links a{color:var(--color-text-muted);transition:color var(--transition-fast);text-decoration:none}.footer__links a:hover{color:var(--color-accent-cyan)}.footer__links a:focus-visible{color:var(--color-accent-cyan)}.footer__sep{color:var(--color-text-dim);-webkit-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{z-index:var(--z-overlay);background:#0009;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.drawer-overlay--visible{display:block}.drawer-toggle{height:40px;padding:var(--space-2);border-radius:2px;justify-content:center;align-items:center;width:40px;display:flex}.drawer-toggle:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.drawer-toggle .hamburger{background:var(--color-text-primary);width:20px;height:2px;display:block;position:relative}.drawer-toggle .hamburger:after,.drawer-toggle .hamburger:before{background:var(--color-text-primary);content:"";width:100%;height:2px;position:absolute;left:0}.drawer-toggle .hamburger:before{top:-6px}.drawer-toggle .hamburger:after{top:6px}@media (min-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);margin-bottom:var(--space-4);padding:var(--space-3);border-radius:4px;overflow-x:auto}.ascii-display{color:var(--color-accent-green);font-family:var(--font-mono);opacity:0;text-align:center;transition:opacity var(--transition-normal);white-space:pre;margin:0;font-size:.55rem;line-height:1.1}.ascii-display.loaded{opacity:1}.ascii-debug{color:var(--color-text-muted);font-family:var(--font-mono);margin-top:var(--space-2);opacity:.6;text-align:center;font-size:.7rem}@media (min-width:768px){.ascii-display{font-size:.65rem}}@media (min-width:1024px){.ascii-display{font-size:.75rem}}.log-entry{background:var(--color-bg-panel);border:1px solid var(--color-border-subtle);margin-bottom:var(--space-4);padding:var(--space-3);border-radius:4px}.log-entry__header{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding-bottom:var(--space-2);display:flex}.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);letter-spacing:.02em;margin-bottom:var(--space-3);margin-top:var(--space-6);font-weight:700}.log-entry__body .post-h2:before{color:var(--color-text-dim);content:"## "}.log-entry__body .post-ul{margin-bottom:var(--space-3);margin-top:var(--space-2);padding-left:0;list-style:none}.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:">";position:absolute;left:0}.console-link{color:var(--color-accent-cyan);cursor:pointer;text-underline-offset:2px;text-decoration:underline}.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{background:var(--color-bg-input);font-family:var(--font-mono);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:4px;display:flex;position:relative}.code-block code{color:var(--color-accent-green);flex:1}.copy-btn{border:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);transition:var(--transition-fast);border-radius:2px}.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);letter-spacing:.05em;margin-bottom:var(--space-3);padding-bottom:var(--space-2);text-transform:uppercase;font-weight:700}.help-list{font-size:var(--font-size-sm)}.help-list li{color:var(--color-text-muted);align-items:center;gap:var(--space-2);padding:var(--space-1) 0;display:flex}.help-list kbd{color:var(--color-accent-yellow);min-width:60px}.nav-list li{padding:var(--space-1) 0}.nav-list a{color:var(--color-link);padding:var(--space-1) var(--space-2);transition:var(--transition-fast);border-radius:2px;display:block}.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{color:var(--color-link);align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);transition:var(--transition-fast);border-radius:2px;display:flex}.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);padding:var(--space-1) 0;justify-content:space-between;display:flex}.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;gap:var(--space-2);flex:1;display:flex}.console__prompt{color:var(--color-accent-green);white-space:nowrap;font-weight:700}.console__input{color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);background:0 0;border:none;outline:none;flex:1}.console__input::placeholder{color:var(--color-text-dim)}.console__input:focus-visible{outline:var(--focus-ring);outline-offset:2px;border-radius:2px}.terminal-only-page{background:var(--color-bg-page);overflow:hidden}.terminal-only{scroll-snap-type:none;overflow:hidden}.terminal-home{color:var(--color-text-dim);font-family:var(--font-mono);font-size:var(--font-size-xs);opacity:.35;height:44px;right:var(--space-2);top:var(--space-2);transition:color var(--transition-fast),opacity var(--transition-fast);width:44px;z-index:calc(var(--z-splash) + 1);place-items:center;display:grid;position:fixed}.terminal-home:hover{color:var(--color-accent-cyan);opacity:1}.terminal-home:focus-visible{color:var(--color-accent-cyan);opacity:1}.terminal-home:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.splash{background:var(--color-bg-page);opacity:1;scroll-snap-type:y mandatory;visibility:visible;z-index:var(--z-splash);transition:opacity .6s ease-out,visibility .6s ease-out;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.splash--hidden{opacity:0;visibility:hidden}.splash__page{min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always;justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative}.splash__page--hero{flex-direction:column}.splash__page--boot{background:var(--color-bg-page);height:100vh;justify-content:flex-start;align-items:flex-start;height:100dvh;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);width:100%;max-width:480px}.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{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.splash__btn{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4);transition:color var(--transition-fast),border-color var(--transition-fast);background:0 0;border-radius:4px;text-decoration:none;display:inline-block}.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{gap:var(--space-4);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.splash__social,.splash__socials{justify-content:center;align-items:center}.splash__social{color:#6b6b6b;height:32px;transition:color var(--transition-fast),transform var(--transition-fast);border-radius:4px;width:32px;text-decoration:none;display:inline-flex}.splash__social:hover{color:#fff;transform:translateY(-1px)}.splash__social:focus-visible{color:#fff;transform:translateY(-1px)}.splash__social:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.splash__social svg{fill:currentColor;width:22px;height:22px;display:block}.splash__scroll-hint{bottom:var(--space-4);color:var(--color-text-dim);opacity:0;pointer-events:none;font-size:.6rem;transition:opacity 1s;position:absolute;left:50%;transform:translate(-50%)}.splash__scroll-hint--visible{opacity:.35}.splash__scroll-arrow{animation:3s ease-in-out infinite hint-bounce;display:inline-block}@keyframes hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.boot-terminal{color:var(--color-accent-green);font-family:var(--font-mono);font-size:var(--font-size-sm);height:100%;line-height:var(--line-height-normal);max-width:640px;padding:var(--space-4);white-space:pre-wrap;flex-direction:column;width:100%;display:flex;overflow:hidden}.boot-terminal__output{flex:1;min-height:0;overflow-y:auto}.boot-terminal__input-line{align-items:center;gap:var(--space-1);padding-top:var(--space-2);flex-shrink:0;display:flex}.boot-terminal__input-line--hidden{display:none}.boot-terminal__prompt{color:var(--color-accent-green);font-weight:700}.boot-terminal__input{caret-color:var(--color-accent-green);color:var(--color-accent-green);font-family:var(--font-mono);font-size:var(--font-size-sm);background:0 0;border:none;outline:none;flex:1}.boot-loading-notice{color:var(--color-text-dim);font-size:var(--font-size-xs);align-items:center;gap:var(--space-1);opacity:.5;display:flex}.boot-cursor{background:var(--color-accent-green);vertical-align:text-bottom;width:.6em;height:1.1em;animation:1s step-end infinite blink-cursor;display:inline-block}@keyframes blink-cursor{50%{opacity:0}}.boot-text--cyan{color:var(--color-accent-cyan)}.boot-terminal .log-entry{margin-bottom:var(--space-2);padding:var(--space-1) 0;background:0 0;border:none;border-radius:0}.boot-terminal .log-entry__header{margin-bottom:var(--space-1);border-bottom:none;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);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;right:var(--space-4);z-index:200;border-radius:4px;transition:opacity .2s,transform .2s;position:fixed;transform:translateY(4px)}.baud-indicator--visible{opacity:.9;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!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);transition:top var(--transition-fast);z-index:var(--z-modal);position:absolute;top:-100px}.skip-link:focus{top:var(--space-2)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}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);margin:var(--space-6) 0;padding:var(--space-4);border-radius:4px}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{max-width:100%;height:auto;margin:0 auto;display:block}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 not (min-width:768px){body.trust-mode .main-panel{padding:var(--space-4)}}
