*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;background:var(--color-bg, #f5f0e8)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg, #f5f0e8);color:var(--color-text, #e8e2d9);font-family:JetBrains Mono,SF Mono,Fira Code,ui-monospace,monospace;font-size:14px;line-height:1.7;overflow-x:hidden;overscroll-behavior-x:none}::selection{background-color:#c4704b4d}.app-shell{min-height:100dvh;color:var(--color-text);background-color:var(--color-bg);transition:background-color .3s ease,color .3s ease}.page-shell{max-width:980px;margin:0 auto;padding:40px 36px 84px}.section-eyebrow{font-size:12px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:22px}.soft-card{background-color:color-mix(in oklab,var(--color-card-bg) 95%,var(--color-bg) 5%);border:1px solid var(--color-border);border-radius:12px;box-shadow:inset 0 1px color-mix(in oklab,var(--color-text) 4%,transparent)}.interactive-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.interactive-card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--color-accent) 52%,var(--color-border) 48%);box-shadow:0 10px 26px color-mix(in oklab,var(--color-bg) 72%,transparent),inset 0 1px color-mix(in oklab,var(--color-text) 6%,transparent)}.pixel-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;isolation:isolate}.pixel-scene{background-color:var(--scene-sky)}.pixel-scene-sky,.pixel-scene-horizon,.pixel-scene-ground,.pixel-scene-band,.pixel-scene-noise{position:absolute;left:0;right:0}.pixel-scene-sky{top:0;bottom:0;z-index:1;background-color:var(--scene-sky)}.pixel-scene-horizon{top:56%;height:18%;z-index:2;background-color:var(--scene-horizon)}.pixel-scene-ground{bottom:0;height:28%;z-index:3;background-color:var(--scene-ground)}.pixel-scene-band{z-index:2;opacity:.94}.pixel-scene-building{position:absolute;z-index:4;bottom:24%;border-top:1px solid color-mix(in oklab,var(--color-text) 22%,transparent);box-shadow:inset 0 1px color-mix(in oklab,var(--color-text) 10%,transparent)}.pixel-scene-building-windows{position:absolute;inset:4px 4px 5px}.pixel-scene-star{position:absolute;z-index:5;width:2px;height:2px;border-radius:1px;background-color:color-mix(in oklab,#fef6c9 70%,var(--color-card-bg) 30%);animation:pixel-scene-star-twinkle 3.8s ease-in-out infinite}.pixel-scene-cloud,.pixel-scene-decor{position:absolute;transform:translate(-50%,-50%);z-index:6;will-change:transform,opacity}.pixel-scene-cloud{animation:pixel-scene-cloud-drift 16s ease-in-out infinite}.pixel-scene-decor.motion-float{animation:pixel-scene-float 9s ease-in-out infinite}.pixel-scene-decor.motion-sway{animation:pixel-scene-sway 7.2s ease-in-out infinite}.pixel-scene-decor.motion-pulse{animation:pixel-scene-pulse 7.4s ease-in-out infinite}.pixel-scene-cloud>span,.pixel-scene-decor>span{filter:drop-shadow(0 4px 10px color-mix(in oklab,var(--color-bg) 54%,transparent))}.pixel-scene-noise{inset:0;z-index:7;background-image:radial-gradient(circle at 1px 1px,color-mix(in oklab,var(--color-text) 10%,transparent) 1px,transparent 0);background-size:12px 12px;opacity:.16}.pixel-scene-light{position:absolute;z-index:5;border-radius:0;animation:pixel-light-blink var(--blink-dur, 4.2s) ease-in-out infinite var(--blink-delay, 0s)}.pixel-scene-vehicle{position:absolute;z-index:6;opacity:0;will-change:left}.pixel-scene-vehicle.go-right{animation:pixel-vehicle-right var(--vehicle-dur, 9s) linear infinite var(--vehicle-delay, 0s);animation-fill-mode:backwards}.pixel-scene-vehicle.go-left{animation:pixel-vehicle-left var(--vehicle-dur, 10s) linear infinite var(--vehicle-delay, 0s);animation-fill-mode:backwards}.pixel-scene-vehicle.go-right-train{animation:pixel-train-right var(--vehicle-dur, 10s) linear infinite var(--vehicle-delay, 0s);animation-fill-mode:backwards}.theme-toggle{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:999px;background-color:transparent;color:var(--color-text-muted);cursor:pointer;transition:border-color .25s ease,color .25s ease,background-color .25s ease}.theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:color-mix(in oklab,var(--color-card-bg) 82%,var(--color-bg) 18%)}.theme-toggle:focus-visible{outline:2px solid color-mix(in oklab,var(--color-accent) 70%,white 30%);outline-offset:2px}.theme-toggle-glyph{width:20px;height:20px;position:relative;display:inline-block;transform-origin:center;transition:transform .55s cubic-bezier(.22,1,.36,1)}.theme-toggle:hover .theme-toggle-glyph{transform:rotate(180deg)}.theme-icon{position:absolute;inset:0;transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}.sun-icon{color:currentColor}.moon-icon{color:color-mix(in oklab,var(--color-text) 86%,var(--color-bg) 14%)}.theme-toggle.is-light .sun-icon{opacity:1;transform:scale(1) rotate(0)}.theme-toggle.is-light .moon-icon{opacity:0;transform:scale(.55) rotate(100deg)}.theme-toggle.is-dark .sun-icon{opacity:0;transform:scale(.55) rotate(-100deg)}.theme-toggle.is-dark .moon-icon{opacity:1;transform:scale(1) rotate(0)}.sync-pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;line-height:1;color:var(--color-text-muted);border:1px solid var(--color-border);background-color:color-mix(in oklab,var(--color-card-bg) 88%,var(--color-bg) 12%);border-radius:999px;padding:6px 10px}.sync-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#22c55e}.sync-pill[data-state=syncing]:before{background:#f59e0b;animation:pulse-dot 1.3s ease-in-out infinite}.sync-pill[data-state=stale]:before,.sync-pill[data-state=error]:before{background:#f97316}.reveal-up{opacity:0;animation:reveal-up .55s ease forwards}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.5}}@keyframes pixel-scene-star-twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.78;transform:scale(1.15)}}@keyframes pixel-scene-cloud-drift{0%,to{transform:translate(-50%,-50%) translate(0)}50%{transform:translate(-50%,-50%) translate(var(--scene-drift-x, 20px),var(--scene-drift-y, 4px))}}@keyframes pixel-scene-float{0%,to{transform:translate(-50%,-50%) translate(0)}50%{transform:translate(-50%,-50%) translate(var(--scene-drift-x, 8px),var(--scene-drift-y, -8px))}}@keyframes pixel-scene-sway{0%,to{transform:translate(-50%,-50%) translate(0) rotate(-2deg)}50%{transform:translate(-50%,-50%) translate(var(--scene-drift-x, 6px),var(--scene-drift-y, -3px)) rotate(2deg)}}@keyframes pixel-scene-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.54}50%{transform:translate(-50%,-50%) scale(1.08);opacity:.78}}@keyframes reveal-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pixel-light-blink{0%,to{opacity:var(--light-a, .78)}46%,54%{opacity:var(--light-b, .08)}}@keyframes pixel-vehicle-right{0%{left:-8%;opacity:0}4%{opacity:var(--vehicle-opacity, .72)}96%{opacity:var(--vehicle-opacity, .72)}to{left:108%;opacity:0}}@keyframes pixel-vehicle-left{0%{left:108%;opacity:0}4%{opacity:var(--vehicle-opacity, .65)}96%{opacity:var(--vehicle-opacity, .65)}to{left:-8%;opacity:0}}@keyframes pixel-train-right{0%,36%{left:-110%;opacity:0}37%{opacity:1}95%{opacity:1}97%{left:115%;opacity:0}98%,to{left:115%;opacity:0}}@keyframes skeleton-pulse{0%,to{opacity:.45}50%{opacity:.9}}.skeleton-block{background-color:var(--color-border);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes blog-reader-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes blog-reader-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@media(max-width:960px){.page-shell{padding:30px 22px 70px}.nav-inner{padding-left:22px;padding-right:22px}}@media(max-width:700px){body{font-size:13px;line-height:1.66}.page-shell{padding:24px 16px 64px}.nav-inner{padding-left:16px;padding-right:16px}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:1rem;z-index:9999;padding:.5rem 1rem;background:var(--color-bg);color:var(--color-text);border:2px solid var(--color-accent);border-radius:4px}.skip-link:focus{left:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.nav-inner{flex-wrap:wrap}.page-shell{padding:28px 18px 68px}body{font-size:13.5px}}@media print{nav,.pixel-backdrop,[class*=admin]{display:none!important}body{background:#fff!important;color:#000!important}a[href]:after{content:" (" attr(href) ")"}*{animation:none!important;transition:none!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:0s!important}}