:root{--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Consolas", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .64rem;--text-sm: .8rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--color-bg: #0a0a0a;--color-bg-elevated: #111111;--color-bg-surface: #1a1a1a;--color-text: #e8e6e3;--color-text-muted: #8a8a8a;--color-text-dim: #5a5a5a;--color-border: #2a2a2a;--color-border-strong: #3a3a3a;--color-accent: #ff6b35;--color-accent-dim: rgba(255, 107, 53, .15);--color-live: #00ff88;--color-warn: #ffcc00;--color-error: #ff4444;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--sidebar-width: 280px;--content-max: 800px;--grid-gap: var(--space-4);--transition-fast: .12s ease;--transition-base: .2s ease;--color-signal: var(--color-accent);--color-line: var(--color-border);--font-human: var(--font-sans);--font-machine: var(--font-mono);--color-ink: var(--color-text)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:400;letter-spacing:-.02em;line-height:1.2}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{max-width:65ch}a{color:var(--color-text);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-surface);padding:.1em .3em;border-radius:2px}.shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--color-border);background:var(--color-bg);display:flex;flex-direction:column;padding:var(--space-6);overflow-y:auto}.sidebar__header{margin-bottom:var(--space-8)}.sidebar__logo{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.sidebar__title{font-size:var(--text-lg);font-weight:400}.sidebar__hud-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.status-live{color:var(--color-live);font-size:var(--text-xs);animation:pulse 2s infinite}.nav{flex:1}.nav__list{list-style:none}.nav__item{margin-bottom:var(--space-2)}.nav__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-fast)}.nav__link:hover,.nav__link.active{color:var(--color-text)}.nav__link:before{content:"→";opacity:0;transform:translate(-4px);transition:all var(--transition-fast)}.nav__link:hover:before,.nav__link.active:before{opacity:1;transform:translate(0)}.main{padding:var(--space-8);overflow-y:auto}.hud{font-size:var(--text-xs);color:var(--color-text-dim);border:1px solid var(--color-border);padding:var(--space-3);margin-bottom:var(--space-6)}.hud__row{display:flex;justify-content:space-between;margin-bottom:var(--space-1)}.hud__row:last-child{margin-bottom:0}.hud__label{text-transform:uppercase;letter-spacing:.1em}.hud__value{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.hud__live{color:var(--color-live);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.radio{margin-top:auto;border:1px solid var(--color-border);padding:var(--space-4)}.radio__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted)}.radio__status{width:6px;height:6px;border-radius:50%;background:var(--color-live);animation:pulse 2s infinite}.radio__status.paused{background:var(--color-warn);animation:none}.radio__title{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio__artist{font-size:var(--text-xs);color:var(--color-text-dim)}.radio__controls{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.radio__btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.radio__btn:hover{border-color:var(--color-text);color:var(--color-text)}.archive{width:100%}.archive__header{display:grid;grid-template-columns:60px 1fr 100px 120px;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-strong);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim)}.archive__row{display:grid;grid-template-columns:60px 1fr 100px 120px;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.archive__row:hover{background:var(--color-bg-elevated)}.archive__id{font-size:var(--text-xs);color:var(--color-text-dim);font-variant-numeric:tabular-nums}.archive__title{font-size:var(--text-sm);color:var(--color-text)}.archive__title a{display:block}.archive__type{font-size:var(--text-xs);color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em}.archive__date{font-size:var(--text-xs);color:var(--color-text-dim);font-variant-numeric:tabular-nums;text-align:right}.essay{max-width:var(--content-max)}.essay__meta{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.essay__id{font-size:var(--text-xs);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-2)}.essay__title{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.essay__info{display:flex;gap:var(--space-6);font-size:var(--text-xs);color:var(--color-text-muted)}.essay__content{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.8}.essay__content h2{margin:var(--space-8) 0 var(--space-4)}.essay__content p{margin-bottom:var(--space-4)}.essay__content blockquote{border-left:2px solid var(--color-accent);padding-left:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-muted);font-style:italic}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.text-muted{color:var(--color-text-muted)}.text-dim{color:var(--color-text-dim)}.text-accent{color:var(--color-accent)}@media(max-width:768px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--color-border)}.archive__header,.archive__row{grid-template-columns:50px 1fr 80px}.archive__date{display:none}}
