@layer reset,tokens,base,layout;@layer components{.room-page{--room-bg:var(--paper);--room-ink:var(--ink);--room-muted:var(--muted);--room-line:var(--line);--room-accent:var(--accent);min-height:100svh;color:var(--room-ink);background:var(--room-bg);position:relative}.room-home{z-index:10;color:var(--muted);border:1px solid var(--line);padding:.45rem .62rem;font-size:.65rem;position:absolute;top:1.25rem;left:clamp(1rem,4vw,3rem)}.room-home:hover,.room-home:focus-visible{color:var(--ink);border-color:var(--room-accent);outline:none}.room-hero{grid-template-columns:minmax(180px,.45fr) minmax(320px,1fr);gap:clamp(2rem,8vw,8rem);max-width:1180px;margin:auto;padding:clamp(6rem,10vw,8rem) clamp(1rem,4vw,3rem) clamp(2.5rem,5vw,4rem);display:grid}.room-index{color:var(--room-accent);letter-spacing:.14em;font-size:.65rem}.room-hero h1{font:400 clamp(2.8rem, 8vw, 7rem)/.9 var(--serif);margin:.8rem 0}.room-kicker{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.62rem}.room-intro{max-width:52ch;color:var(--muted);font:400 clamp(.95rem, 1.6vw, 1.18rem)/1.8 var(--serif);align-self:end;margin:0}.content-grid{grid-template-columns:repeat(12,1fr);gap:1rem;max-width:1180px;margin:auto;padding:0 clamp(1rem,4vw,3rem) 5rem;display:grid}.entry-card{border:1px solid var(--line);background:#ffffff06;grid-column:span 6;min-height:190px;padding:clamp(1.2rem,2.5vw,1.8rem);transition:border-color .2s,transform .2s}.entry-card:hover,.entry-card:focus-visible{border-color:var(--room-accent);outline:none;transform:translateY(-2px)}.entry-card h2{font:400 clamp(1.35rem, 2.5vw, 2.1rem)/1.15 var(--serif);margin:.9rem 0 .55rem}.entry-card p{color:var(--muted);line-height:1.7}.meta,.tags{color:var(--muted);flex-wrap:wrap;gap:.6rem;font-size:.66rem;display:flex}.tag{border:1px solid var(--line);padding:.2rem .4rem}.room-switcher{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:.5rem;padding:1.2rem;display:flex}.room-switcher a{color:var(--muted);padding:.42rem .62rem;font-size:.62rem}.room-switcher a:hover,.room-switcher a:focus-visible{color:var(--ink);outline:1px solid var(--line)}.room-switcher a[aria-current=page]{color:var(--room-accent)}.room-switcher .room-switcher-eaves{border-left:1px solid var(--line);font-family:var(--serif);margin-left:.45rem}.article-shell{max-width:900px;min-height:100svh;margin:auto;padding:clamp(2rem,6vw,5rem) clamp(1rem,5vw,3.5rem) 7rem}.article-nav{gap:.45rem;margin-bottom:2rem;display:flex}.article-nav a{color:var(--muted);border:1px solid var(--line);padding:.42rem .6rem;font-size:.64rem}.article-nav a:hover,.article-nav a:focus-visible{color:var(--ink);border-color:var(--room-accent);outline:none}.article-header{border-bottom:1px solid var(--line);margin-bottom:3rem;padding-bottom:2rem}.article-header h1{font:400 clamp(2.5rem, 6vw, 5.5rem)/1 var(--serif);margin:1rem 0}.article-description{max-width:54ch;color:var(--muted);font:400 1.1rem/1.75 var(--serif)}.prose{font:400 1.04rem/1.9 var(--serif)}.prose h2{margin-top:2.7rem;font-size:1.75rem}.prose a{color:var(--room-accent);text-underline-offset:.2em;text-decoration:underline}.prose pre{border:1px solid var(--line);font:.82rem/1.7 "CaskaydiaCove Nerd Font Local", var(--mono);font-variant-ligatures:contextual common-ligatures;font-feature-settings:"calt" 1, "liga" 1;border-radius:0;margin:2rem 0;padding:1.15rem;overflow:auto}.prose pre code{font:inherit;font-variant-ligatures:inherit;font-feature-settings:inherit}.prose code:not(pre code){border:1px solid var(--line);font-family:var(--mono);padding:.1rem .3rem}.prose blockquote{color:var(--muted);border-left:2px solid var(--room-accent);margin-inline:0;padding-left:1.4rem}}@layer utilities{@keyframes cursor-blink{0%,46%{opacity:1}47%,to{opacity:0}}@keyframes avatar-neon{0%,to{filter:drop-shadow(0 0 8px #e476502e)}50%{filter:drop-shadow(0 0 15px #e4765061)}}@keyframes terminal-scan{0%{transform:translateY(-8px)}to{transform:translateY(8px)}}}@layer overrides{@media (width<=800px){.room-hero{grid-template-columns:1fr;gap:1.5rem}.entry-card{grid-column:1/-1}}@media (width<=520px){.room-hero h1{font-size:3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{.skip-link,.article-nav{display:none!important}.expressive-code{break-inside:avoid}.expressive-code pre{white-space:pre-wrap!important;overflow:visible!important}}}