:root{color:#c5cbd5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--green:#8ebca7;--muted:#788493;--line:#394351;--panel:#0d1219e0;background:#0e131a;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}html{background:#0e131a;min-width:320px;min-height:100%}body{background:radial-gradient(at 50% -20%,#263142 0,#0000 60%),#0e131a;min-height:100vh;margin:0;padding:clamp(18px,4vw,54px) clamp(14px,5vw,76px) 20px}.page-shell{max-width:1440px;margin:0 auto}.scene{position:relative}.scene-label,.scene-caption{font:11px var(--mono);letter-spacing:.06em;color:#8995a5;align-items:center;gap:10px;display:flex}.scene-label{margin:0 3px 12px}.status-dot{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #8ebca755}.label-rule{background:#47505c;flex:1;max-width:60px;height:1px}.window-frame{background:#202b3b;border:1px solid #46505f;height:clamp(310px,45vh,570px);position:relative;overflow:hidden;box-shadow:0 18px 50px #0005}.city-scene{width:100%;height:100%;image-rendering:pixelated;display:block}.rain{animation:1.2s linear infinite rainfall}.rain-paused .rain{opacity:0;animation-play-state:paused}.motion-paused *{scroll-behavior:auto!important;animation-play-state:paused!important}.lit-windows{animation:8s step-end infinite lights}.cat{transform-origin:370px 565px;animation:7s ease-in-out infinite cat-tail}.scene-caption{color:#687686;justify-content:space-between;margin:10px 3px 19px;font-size:10px}.scene-caption span:last-child{color:#9e8c9d}.terminal-panel{background:var(--panel);backdrop-filter:blur(8px);border:1px solid #394450;border-radius:8px;padding:18px clamp(17px,2.3vw,32px) 13px;transition:background .4s,border-color .4s;box-shadow:0 8px 32px #0003}.terminal-topline{justify-content:space-between;align-items:center;gap:16px;min-height:26px;display:flex}.identity{color:var(--green);font:13px var(--mono);align-items:center;gap:11px;display:flex}.prompt-mark{font-size:17px}.controls{align-items:center;gap:14px;display:flex}.control{color:#7e8997;font:10px var(--mono);text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:3px 0}.control:hover,.control:focus-visible{color:#c4ced8}.toggle-state{color:var(--green)}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #91bba9}.terminal-output{scrollbar-width:thin;scrollbar-color:#495564 transparent;height:69px;margin:14px 0 7px;overflow-y:auto}.welcome,.output-line{color:#9da8b6;font:13px/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.welcome code{color:#c7c4cb;font:inherit}.command-result{margin-top:10px}.command-echo{color:var(--green);font:12px var(--mono);margin:0 0 4px}.output-line{color:#a8b2c0;padding-left:13px}.system-line{color:#819291}.terminal-form{align-items:center;gap:9px;height:25px;display:flex}.input-prompt{color:var(--green);font:20px var(--mono)}.terminal-form input{color:#e0e3e7;min-width:0;font:13px var(--mono);caret-color:#0000;background:0 0;border:0;outline:none;flex:1;padding:3px 0}.cursor{background:#a9bac0;width:8px;height:16px;animation:1.1s steps(2,end) infinite blink}.terminal-form:focus-within .cursor{opacity:.9}.page-footer{color:#586473;font:9px var(--mono);justify-content:space-between;margin:13px 3px 0;display:flex}.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}.page-shell[data-theme=dawn]{--green:#c1ad91;--panel:#16161de6}.page-shell[data-theme=dawn] .status-dot{background:#c1ad91;box-shadow:0 0 8px #c1ad9155}.page-shell[data-theme=dawn] .terminal-panel{border-color:#5a514d}@keyframes rainfall{to{transform:translateY(28px)}}@keyframes blink{50%{opacity:0}}@keyframes lights{0%,20%,to{opacity:1}21%,24%{opacity:.82}56%,59%{opacity:.72}70%,73%{opacity:.9}}@keyframes cat-tail{0%,88%,to{transform:translateY(0)}91%{transform:translateY(-1px)}94%{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@media (width<=760px){body{padding:15px 12px 16px}.window-frame{height:clamp(260px,42vh,410px)}.city-scene{width:130%;max-width:none;transform:translate(-11%)}.terminal-panel{padding:15px 14px 11px}.terminal-topline{flex-direction:column;align-items:flex-start;gap:10px}.controls{justify-content:space-between;gap:8px;width:100%}.control{font-size:9px}.terminal-output{height:73px;margin-top:12px}.scene-caption{margin-bottom:14px}}@media (width<=380px){.scene-label{font-size:9px}.controls{gap:5px}.control{font-size:8px}.terminal-panel{padding-inline:11px}.window-frame{height:255px}}.output-line a{color:#a8c8bc;text-underline-offset:3px;text-decoration:underline #708b8190}.output-line a:hover{color:#d1e3db}body{align-items:center;min-height:100svh;padding:28px clamp(14px,5vw,76px);display:flex}.page-shell{width:100%}.window-frame{height:clamp(280px,51svh,620px)}.waterfront,.rain-canvas,.window-foreground{width:100%;height:100%;display:block;position:absolute;inset:0}.waterfront{object-fit:fill;image-rendering:pixelated}.rain-canvas,.window-foreground{pointer-events:none}.glass-trails{pointer-events:none;position:absolute;inset:0;overflow:hidden}.glass-trails i{background:linear-gradient(#0000,#b2c0cf33);width:1px;height:9%;animation:23s linear -7s infinite glass-slide;position:absolute;top:-12%;left:12%}.glass-trails i:nth-child(2){height:6%;animation-duration:31s;animation-delay:-19s;left:37%}.glass-trails i:nth-child(3){height:13%;animation-duration:27s;animation-delay:-4s;left:64%}.glass-trails i:nth-child(4){height:7%;animation-duration:37s;animation-delay:-28s;left:85%}.glass-trails i:nth-child(5){height:10%;animation-duration:41s;animation-delay:-10s;left:93%}@keyframes glass-slide{0%,35%{opacity:0;transform:translateY(0)}40%{opacity:.65}90%{opacity:.35}to{opacity:0;transform:translateY(650px)}}.rain-paused .rain-canvas,.rain-paused .glass-trails,.motion-paused .glass-trails{visibility:hidden}.terminal-form input{caret-color:#b5c7c1}.terminal-form .cursor{display:none}@media (width<=760px){body{padding:22px 12px}.window-frame{height:clamp(270px,43svh,430px)}.waterfront{object-fit:cover;object-position:48% center}.window-foreground{opacity:.95}}@media (height<=650px) and (width>=761px){body{align-items:flex-start;padding-block:18px}.window-frame{height:270px}}:root{--sky-top:#172231;--sky-mid:#283446;--sky-horizon:#465064;--water-top:#263647;--water-bottom:#111c29;--city-far:#3b4759;--city-mid:#303d50;--city-near:#222f41;--haze:#738095;--window-level:1;--reflection:#b2b9b8;--sun:#d4b39c;--sun-visible:0;--moon-visible:1}:root[data-time=dawn]{--sky-top:#424558;--sky-mid:#80778b;--sky-horizon:#b89b95;--water-top:#575867;--water-bottom:#293340;--city-far:#697083;--city-mid:#4c586b;--city-near:#344254;--haze:#bda8af;--window-level:.3;--reflection:#c3a796;--sun:#dbb59a;--sun-visible:1;--moon-visible:0}:root[data-time=day]{--sky-top:#667b8d;--sky-mid:#8a9ba7;--sky-horizon:#a3afb5;--water-top:#637d89;--water-bottom:#3d5365;--city-far:#7a8c99;--city-mid:#607685;--city-near:#455e70;--haze:#c0cbd1;--window-level:.04;--reflection:#b9c8cd;--sun:#d1d2bf;--sun-visible:0;--moon-visible:0}:root[data-time=dusk]{--sky-top:#38394e;--sky-mid:#716174;--sky-horizon:#ac8b7c;--water-top:#4f4b5c;--water-bottom:#252d40;--city-far:#605b71;--city-mid:#49475e;--city-near:#30364c;--haze:#b3979e;--window-level:.72;--reflection:#c6a087;--sun:#cfaa87;--sun-visible:1;--moon-visible:0}.sky-top{stop-color:var(--sky-top)}.sky-mid{stop-color:var(--sky-mid)}.sky-horizon{stop-color:var(--sky-horizon)}.water-top{stop-color:var(--water-top)}.water-bottom{stop-color:var(--water-bottom)}.scene-art stop{transition:stop-color 1.8s}.scene-art .building,.scene-art .reflection path,.scene-art .warm-reflection{transition:fill 1.8s,stroke 1.8s}.city-light{opacity:calc(var(--light-opacity) * var(--window-level));transition:opacity 1.8s}.celestial{transition:opacity 1.8s}.moon{opacity:var(--moon-visible)}.sun{opacity:var(--sun-visible)}.scene-art .sun circle{transition:fill 1.8s}.scene-art{object-fit:initial}.controls{flex-wrap:wrap;gap:12px}.control{white-space:nowrap}.motion-paused .scene-art *{transition:none!important}@media (prefers-reduced-motion:reduce){.scene-art *{transition:none!important}}@media (width<=760px){.controls{justify-content:flex-start;gap:10px 14px}}:root{--horizon-strength:0;--horizon-reflection:0}:root[data-time=dawn]{--horizon-strength:.64;--horizon-reflection:.12}:root[data-time=day]{--horizon-strength:.27;--horizon-reflection:.065}:root[data-time=dusk]{--horizon-strength:.8;--horizon-reflection:.16}.horizon-glow{opacity:var(--horizon-strength);transition:opacity 1.8s}.horizon-water{opacity:var(--horizon-reflection);transition:opacity 1.8s}:root[data-time=day] .glass-trails i{background:linear-gradient(#0000,#cbdce080);width:1.2px;box-shadow:1px 0 #29445533}.terminal-panel{height:var(--terminal-height,250px);flex-direction:column;min-width:0;padding-top:22px;display:flex;position:relative}.terminal-resize{cursor:ns-resize;touch-action:none;border-radius:8px 8px 0 0;justify-content:center;align-items:center;height:18px;display:flex;position:absolute;top:0;left:0;right:0}.terminal-resize span{background:#61718088;border-radius:2px;width:38px;height:3px}.terminal-resize:hover span,.terminal-resize:focus-visible span{background:#9aafa5}.terminal-resize:focus-visible{outline-offset:2px;outline:2px solid #91bba9}.terminal-topline{flex-shrink:0}.terminal-content{flex-direction:column;flex:1;min-height:0;display:flex}.terminal-content[hidden]{display:none}.terminal-output{overscroll-behavior:contain;overflow-anchor:none;flex:1;min-height:0;overflow:auto;height:auto!important}.terminal-form,.terminal-panel[data-layout=collapsed]{height:auto}.terminal-panel[data-layout=expanded]{z-index:20;top:var(--terminal-top,12px);background:#0d1219fa;width:min(1440px,100% - 24px);position:fixed;left:50%;transform:translate(-50%);box-shadow:0 0 0 100vmax #070d16a6}.terminal-dragging,.terminal-dragging *{user-select:none!important;cursor:ns-resize!important}.control{min-height:28px;padding-inline:3px}.controls{gap:6px 10px}@media (width<=760px){.control{min-height:40px;padding:5px}.controls{gap:0 8px}.terminal-topline{gap:4px}.terminal-panel{padding-top:24px}.terminal-resize{height:22px}}@media (prefers-reduced-motion:reduce){.horizon-glow,.horizon-water{transition:none}}.motion-paused .horizon-glow,.motion-paused .horizon-water{transition:none}.little-radio{font:12px/1.5 var(--mono);color:#a8b5c1;background:#101720d9;border:1px solid #394450;border-radius:7px;min-width:0;margin-top:14px}.little-radio>summary{cursor:pointer;color:var(--green);justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;list-style:none;display:flex}.little-radio>summary::-webkit-details-marker{display:none}.little-radio>summary>span:first-child:before{content:"＋ ";color:#798d85}.little-radio[open]>summary>span:first-child:before{content:"− "}#radio-summary{color:#738491;text-overflow:ellipsis;white-space:nowrap;max-width:50%;font-size:10px;overflow:hidden}.radio-body{min-width:0;padding:0 16px 14px}.radio-tabs{border-bottom:1px solid #303a46;gap:10px;margin-bottom:12px;padding-bottom:8px;display:flex}.little-radio button,.little-radio select{font:11px var(--mono);color:#a4b5bf;cursor:pointer;background:#17212c;border:1px solid #3b4955;border-radius:4px;min-height:34px;padding:7px 10px}.little-radio select{max-width:100%}.little-radio button:hover{color:#d3e0d9;border-color:#7a9588}.little-radio button:disabled{opacity:.45;cursor:default}.little-radio button[aria-selected=true],.little-radio button[aria-pressed=true],.music-playlist button[aria-current=true]{color:#c8dfd0;border-color:#8da99c}.little-radio [hidden]{display:none!important}.radio-note{color:#7c8d9b;overflow-wrap:anywhere;font-size:10px}.radio-body section>label{margin-right:9px;font-size:10px}.radio-now{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;gap:6px 18px;margin:12px 0;display:flex}#track-title{color:#b9c9c4;min-width:0;max-width:100%}#playback-status{color:#83969f;font-size:10px}.radio-transport{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.radio-volume{align-items:center;gap:8px;font-size:10px;display:flex}.radio-volume input{accent-color:#8ebca7;cursor:pointer;width:100px;min-height:30px}.radio-volume output{min-width:32px}.ambience-volume{flex-wrap:wrap;margin-top:10px}.music-drop{border:1px dashed #3c4d5a;border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.music-drop.drag-over{background:#1a2c31;border-color:#91bba9}.music-playlist{overscroll-behavior:contain;max-height:150px;margin:12px 0 0;padding-left:25px;overflow:auto}.music-playlist:empty{display:none}.music-playlist li{margin-top:5px}.music-playlist button{text-align:left;overflow-wrap:anywhere;max-width:100%}.music-credits{color:#7c8d9b;margin-top:12px;font-size:10px}.music-credits summary{cursor:pointer}.music-credits p{overflow-wrap:anywhere}.music-credits a{color:#9abfae}.page-footer{flex-wrap:wrap;gap:10px 24px;margin-top:14px;line-height:1.6}.page-footer span:last-child{margin-left:auto}@media (width<=760px){.radio-body{padding-inline:12px}.little-radio button,.little-radio select{min-height:40px}.little-radio>summary{min-height:44px;padding-inline:12px}.radio-now{flex-direction:column}.radio-transport{gap:6px}.radio-volume input{width:95px}}@media (width<=400px){.page-footer{flex-direction:column;gap:3px}.page-footer span:last-child{margin-left:0}}.environment-panel{border-top:1px solid #74849333;margin:1rem 0;padding-top:.75rem}.environment-panel summary{cursor:pointer;color:var(--muted,#9da8b5)}.environment-actions{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.environment-layer{grid-template-columns:minmax(10rem,1fr) minmax(5rem,1fr) 3rem;align-items:center;gap:.6rem;margin:.6rem 0;display:grid}.environment-layer input{accent-color:#bca78c;width:100%;min-width:0}.environment-layer button{text-align:left}.environment-layer [role=status]{grid-column:1/-1}.environment-layer output{font-size:.75rem}.credits-link{color:inherit;margin-top:.8rem;font-size:.8rem;display:inline-block}@media (width<=520px){.environment-layer{grid-template-columns:minmax(0,1fr) 3rem}.environment-layer button{grid-column:1/-1}}:root{--cat-white:#b9bdbd;--cat-white-shadow:#7b8991;--cat-rim-strength:.68;--interior-strength:.5;--sill-top:#3b302e;--shore-reflection:#cbb08c;--water-sheen:.2}:root[data-time=dawn]{--cat-white:#d3c9bf;--cat-white-shadow:#919298;--cat-rim-strength:.62;--interior-strength:.38;--sill-top:#403431;--shore-reflection:#d1b19b;--water-sheen:.21}:root[data-time=day]{--cat-white:#d4d8d5;--cat-white-shadow:#929fa3;--cat-rim-strength:.35;--interior-strength:.2;--sill-top:#34363a;--shore-reflection:#c3cbd0;--water-sheen:.065}:root[data-time=dusk]{--cat-white:#cec6bc;--cat-white-shadow:#8d8d98;--cat-rim-strength:.85;--interior-strength:.55;--sill-top:#47342f;--shore-reflection:#d4aa80;--water-sheen:.28}.interior-spill{pointer-events:none;opacity:var(--interior-strength);background:radial-gradient(at 0 100%,#dc98562b,#0000 43%),radial-gradient(at 100% 100%,#d6a16b21,#0000 37%);transition:opacity 1.8s;position:absolute;inset:0}.sill-warm-edge{opacity:calc(.4 + var(--interior-strength));transition:opacity 1.8s}.sill-cat{width:clamp(108px,19%,245px);height:auto;transform:translateX(-50%) scale(var(--cat-scale,.9));transform-origin:50% 100%;transform-box:border-box;pointer-events:none;isolation:isolate;position:absolute;bottom:6.3%;overflow:visible}.sill-cat--black{--cat-scale:.78;width:clamp(108px,20%,255px);left:29%}.sill-cat--tuxedo{width:clamp(108px,19%,245px);left:68%}.cat-rim{opacity:var(--cat-rim-strength);transition:opacity 1.8s}.cat-white,.cat-white-shadow{transition:stop-color 1.8s}.cat-head,.cat-tail{transform-box:view-box;will-change:transform}.cat-head--black{transform-origin:153px 116px;animation:29s ease-in-out -5s infinite black-head-listen}.cat-head--tuxedo{transform-origin:103px 108px;animation:37s ease-in-out -19s infinite tuxedo-head-listen}.cat-tail--black{transform-origin:105px 263px;animation:21s ease-in-out -4s infinite black-tail-settle}.cat-tail--tuxedo{transform-origin:181px 252px;animation:26s ease-in-out -13s infinite tuxedo-tail-settle}@keyframes black-head-listen{0%,63%,82%,to{transform:rotate(0)}70%,74%{transform:rotate(1.5deg)}}@keyframes tuxedo-head-listen{0%,36%,57%,to{transform:rotate(0)}43%,47%{transform:rotate(-1.8deg)}}@keyframes black-tail-settle{0%,72%,94%,to{transform:rotate(0)}81%{transform:rotate(2.3deg)}88%{transform:rotate(.6deg)}}@keyframes tuxedo-tail-settle{0%,49%,71%,to{transform:rotate(0)}58%{transform:rotate(-3deg)}65%{transform:rotate(-.5deg)}}.water-refinements{pointer-events:none;width:100%;height:100%;opacity:var(--water-sheen);transition:opacity 1.8s;display:block;position:absolute;inset:0}.reflection-lane{transform-box:view-box;animation:water-glint var(--glint-duration,17s) ease-in-out infinite;animation-delay:var(--glint-delay,0s)}@keyframes water-glint{0%,to{opacity:.64;transform:translate(-.7px)}48%{opacity:1;transform:translate(1.1px)}74%{opacity:.8;transform:translate(.2px)}}@media (width<=760px){.sill-cat--black{width:clamp(112px,29%,180px);left:27%}.sill-cat--tuxedo{width:clamp(110px,28%,175px);left:72%}}@media (width<=380px){.sill-cat--black{width:110px;left:26%}.sill-cat--tuxedo{width:108px;left:73%}}@media (prefers-reduced-motion:reduce){.cat-head,.cat-tail,.reflection-lane{will-change:auto;animation:none!important;transform:none!important}.cat-rim,.cat-white,.cat-white-shadow,.water-refinements,.interior-spill,.sill-warm-edge{transition:none!important}}.motion-paused .cat-head,.motion-paused .cat-tail,.motion-paused .reflection-lane{will-change:auto;animation-play-state:paused!important}.scene-hidden .cat-head,.scene-hidden .cat-tail,.scene-hidden .reflection-lane{animation-play-state:paused!important}