:root{color-scheme:light;--sidebar-bg: #0d120f;--sidebar-border: #314338;--sidebar-text: #d2e2d2;--sidebar-muted: #829583;--bubble-bg: #18211b;--content-bg: #d9dfd2;--content-shadow: inset 0 0 0 4px #162019;--panel-bg: #e7eddf;--panel-alt: #121915;--panel-line: #162019;--text: #101612;--muted: #425346;--accent: #6c8d72;--accent-2: #a9c7a8;--accent-3: #7fa58a;font-family:Courier New,Lucida Console,monospace;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;height:100vh;color:var(--text);background:linear-gradient(180deg,#101612,#101612 10px,#0a0e0b 10px,#0a0e0b 20px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),var(--content-bg);background-size:100% 20px,12px 12px,12px 12px,auto;overflow:hidden}a{color:inherit}#root{height:100vh}.shell{display:grid;grid-template-columns:300px minmax(0,1fr);height:100vh;overflow:hidden}.menu-backdrop,.mobile-topbar{display:none}.sidebar{display:flex;flex-direction:column;gap:1rem;padding:16px;color:var(--sidebar-text);background:var(--sidebar-bg);background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:10px 10px;font-size:90%;height:100vh;overflow:hidden;border-right:4px solid var(--panel-line);box-shadow:inset -4px 0 #050806}.intro-card{width:100%;min-height:120px;padding:18px;background:var(--bubble-bg);border:4px solid #050806;box-shadow:0 0 0 4px var(--sidebar-border);font-size:80%;letter-spacing:1px;overflow:hidden}.intro-card span{display:block;width:100%}.navigation{display:flex;flex-direction:column;gap:0;padding:18px 4px 12px}.index-link,.nav-section a,.sidebar-footer a,.external-link{text-decoration:none}.index-link,.nav-section a{color:var(--sidebar-text);text-transform:lowercase}.index-link{display:inline-flex;width:fit-content;margin-bottom:14px;padding:4px 8px;background:#ffffff14;border:2px solid transparent}.nav-section h2{margin:20px 0 0;font-size:1rem;color:var(--accent-2);text-transform:uppercase}.nav-section ul{list-style:none;margin:0;padding:0}.nav-section a{display:inline-flex;border:2px solid transparent}.nav-section a:hover,.index-link:hover,.sidebar-footer a:hover,.external-link:hover{text-decoration:none;color:inherit;background:#7fa58a24;border-color:var(--accent-3)}.nav-loading,.state-message{margin:0;color:var(--muted)}.sidebar-footer{display:flex;gap:1rem;margin-top:auto;padding:14px 6px 0;border-top:2px solid var(--sidebar-border);color:var(--sidebar-muted);font-size:12px}.content-panel{height:100vh;overflow:auto;padding:24px;background:var(--content-bg);box-shadow:var(--content-shadow);font-size:90%}.page{max-width:980px;margin:0 auto;padding:8px;background:transparent}.page-home{display:grid;gap:20px}.page-header{margin-bottom:10px}.page-header h1{margin:0;padding:16px;background:var(--panel-alt);border-bottom:4px solid var(--panel-line);color:#fefefe;letter-spacing:1px;font-size:2rem}.page-header-compact h2,.page-header-compact h3{margin:0}.pixel-panel{background:var(--panel-bg);border:4px solid var(--panel-line);box-shadow:8px 8px #10161238;padding:18px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-kicker{display:inline-flex;margin:0 0 12px;padding:4px 8px;background:var(--panel-alt);color:var(--accent-3);text-transform:uppercase;letter-spacing:1px}.panel-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:2px 8px;border:2px solid var(--panel-line);background:var(--accent-2);color:var(--panel-line);font-weight:700}.hero-panel h1,.about-panel h2,.status-panel h2,.posts-panel h2{margin:0}.hero-copy{max-width:52ch;margin:12px 0 0}.home-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.9fr);gap:20px}.pixel-list{margin:16px 0 0;padding-left:18px}.pixel-list li+li{margin-top:8px}.status-rows{display:grid;gap:10px;margin-top:16px}.status-row{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;border:2px solid var(--panel-line);background:#7fa58a1a}.post-list{display:grid;gap:12px;margin-top:16px}.post-card{display:grid;grid-template-columns:135px minmax(0,1fr);gap:14px;align-items:start;padding:12px;border:3px solid transparent;background:#ffffff73;text-decoration:none;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease}.post-card:hover{background:#fffdf3;border-color:var(--accent);transform:translate(-2px,-2px);box-shadow:4px 4px #1016122e}.post-date{width:fit-content;background:var(--panel-alt);color:var(--accent-2);padding:8px 10px;letter-spacing:1px;font-size:1rem;border:2px solid #070b08}.post-copy{display:grid;gap:8px}.post-copy h2,.markdown-body h2,.markdown-body h3{margin-top:0}.post-copy h2{margin:0;font-size:120%}.post-copy p{margin:0;color:var(--muted)}.page-markdown,.markdown-body{display:grid;gap:1rem}.markdown-body p,.markdown-body li{color:var(--text)}.markdown-body pre{overflow-x:auto;padding:16px;background:#121915;color:#f9fafb;border:3px solid #070b08;max-height:300px}.markdown-body code{font-family:Monaco,Consolas,Andale Mono,DejaVu Sans Mono,monospace}.markdown-body :not(pre)>code{padding:.15rem .35rem;background:#1620191f}.external-link{color:inherit}.page-frame{height:calc(100vh - 48px)}.frame-shell{overflow:hidden;height:100%;border:4px solid var(--panel-line);background:var(--panel-bg)}.frame-shell iframe{width:100%;height:100%;border:0;margin-top:-65px;min-height:calc(100% + 65px)}.project-link-row{padding:10px 20px}.section-divider{border:2px solid rgba(22,32,25,.16)}@media (max-width: 700px){#root,body{height:100dvh}.shell{grid-template-columns:1fr;height:100dvh;overflow:hidden}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:30;width:min(300px,calc(100vw - 48px));height:100dvh;overflow:auto;transform:translate(-100%);transition:transform .18s ease}.sidebar.is-mobile-open{transform:translate(0)}.menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;border:0;padding:0;background:#00000073;opacity:0;pointer-events:none;transition:opacity .18s ease}.menu-backdrop.is-open{opacity:1;pointer-events:auto}.mobile-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;margin:0 -16px 16px;padding:12px 16px 16px;background:linear-gradient(to bottom,var(--sidebar-bg) 82%,rgba(13,18,15,0))}.menu-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:42px;height:42px;padding:0 10px;border:2px solid var(--sidebar-border);background:#151d18;cursor:pointer}.menu-toggle span{display:block;width:100%;height:2px;background:var(--sidebar-text)}.mobile-home-link{text-decoration:none;font-size:14px;color:var(--sidebar-text)}.navigation{padding:20px 12px 12px}.nav-section li{display:block;margin-right:0;margin-top:8px}.content-panel{height:100dvh;overflow:auto;padding:0 16px 24px;box-shadow:none}.page{padding:0}.pixel-panel{padding:14px;box-shadow:4px 4px #1016122e}.page-header h1,.hero-panel h1{padding:12px;font-size:1.6rem}.home-grid{grid-template-columns:1fr}.panel-header{align-items:flex-start}.post-card{grid-template-columns:1fr}}