:root{--void:#04060e;--cyan:#6ef2e4;--lilac:#b49dff;--ice:#e6f8ff;--face:#ccd5e3;--face-hi:#f2f6fb;--face-lo:#7a8398;--face-dk:#3d4455;--ink:#0b1020;--title-a:#1b2a72;--title-b:#7a3fd6}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{background:var(--void);color:var(--ice);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font:13px/1.5 Tahoma,Verdana,Geneva,sans-serif}#desk{z-index:0;position:fixed;inset:0;overflow:hidden}.rays{filter:blur(1px)saturate(1.25);opacity:.66;background:conic-gradient(#0a1830 0deg,#7ef7e8 3deg,#0c1a33 7deg,#b49dff 11deg,#081226 16deg,#9ef0ff 22deg,#0a1830 27deg,#c9b6ff 33deg,#07101f 39deg,#7ef7e8 46deg,#0a1830 52deg,#b49dff 59deg,#081226 66deg,#8ce8ff 74deg,#0a1830 81deg,#cdbcff 89deg,#07101f 97deg,#7ef7e8 106deg,#0a1830 115deg,#b49dff 124deg,#081226 134deg,#9ef0ff 145deg,#0a1830 156deg,#c9b6ff 168deg,#07101f 180deg,#7ef7e8 193deg,#0a1830 206deg,#b49dff 220deg,#081226 235deg,#8ce8ff 251deg,#0a1830 268deg,#cdbcff 286deg,#07101f 305deg,#7ef7e8 325deg,#0a1830 346deg 360deg);width:240vmax;height:240vmax;animation:150s linear infinite spin;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.rays.b{opacity:.32;filter:blur(28px)saturate(1.4);animation-duration:230s;animation-direction:reverse}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.core{background:radial-gradient(circle,#fff 0%,#cdf6ff 14%,#6ef2e46b 34%,#080e1c00 68%);width:46vmax;height:46vmax;animation:7s ease-in-out infinite breathe;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}@keyframes breathe{0%,to{opacity:.7;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.07)}}.vignette{background:radial-gradient(at 50% 44%,#0000 30%,#02040ae0 100%);position:absolute;inset:0}.crt{pointer-events:none;z-index:9000;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000004d 0 1px,#0000 1px 3px);position:fixed;inset:0}.crt:after{content:"";background:linear-gradient(#ffffff0f,#0000 18%);animation:10s linear infinite roll;position:absolute;inset:0}@keyframes roll{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}#page{z-index:20;flex-direction:column;max-width:720px;height:calc(100dvh - 40px);margin:0 auto;padding:8px 16px;display:flex;position:relative;overflow:hidden}.hero{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.hero-core{z-index:3;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:18px 8px;display:flex;position:relative}.hero-art{border:2px solid;border-color:var(--face-hi) var(--face-dk) var(--face-dk) var(--face-hi);width:min(440px,86vw,52vh);margin:0 0 4px;position:relative;overflow:hidden;box-shadow:0 0 60px #6ef2e459,0 0 120px #b49dff40,4px 4px #00000080}.hero-art img{width:100%;height:auto;display:block}.hero-art .sweep{z-index:2;pointer-events:none;background:linear-gradient(105deg,#0000 42%,#ffffff24 50%,#0000 58%);animation:6s linear infinite sweep;position:absolute;inset:0}@keyframes sweep{0%{transform:translate(-70%)}to{transform:translate(70%)}}.wordmark{letter-spacing:-.03em;background:linear-gradient(100deg,#fff,#6ef2e4 26%,#b49dff 52%,#fff 78%,#6ef2e4) 0 0/280% 100%;color:#0000;filter:drop-shadow(0 0 22px #96e6ffb3);-webkit-background-clip:text;background-clip:text;margin:8px 0 0;font:800 clamp(26px,6.2vw,52px)/1.02 Verdana,Tahoma,sans-serif;animation:9s linear infinite shift}@keyframes shift{to{background-position:280% 0}}.tagline{color:#cdeefb;text-shadow:0 1px 10px #000000b3;margin:14px 0 0;font-size:clamp(13px,2.4vw,16px)}.ca-tab{color:#06210f;background:linear-gradient(#d7ffe9,#7ad9a6);border:2px solid #2f6a48;border-color:#eafff4 #2f6a48 #2f6a48 #eafff4;align-items:center;gap:8px;margin-top:22px;padding:9px 16px;font:700 12.5px Tahoma,sans-serif;text-decoration:none;display:inline-flex;box-shadow:0 0 22px #6ef2c873}.ca-tab:active{border-color:#2f6a48 #eafff4 #eafff4 #2f6a48}.blink{color:#12b866;animation:1.2s steps(2,start) infinite blink}@keyframes blink{to{opacity:.25}}.scatter{z-index:1;pointer-events:none;position:absolute;inset:-6% -4%}.float{pointer-events:auto;border:2px solid;border-color:var(--face-hi) var(--face-dk) var(--face-dk) var(--face-hi);background:#05070f;width:250px;max-width:42vw;margin:0;padding:5px 5px 3px;animation:9s ease-in-out infinite floaty;position:absolute;box-shadow:3px 3px #0000008c,0 0 26px #6ef2e438}.float img{width:100%;height:auto;display:block}.float figcaption{color:#8fb7c9;text-align:right;margin-top:4px;font-size:10.5px}.g-ansem{animation-delay:0s;top:3%;left:-1%;transform:rotate(-6deg)}.g-decu{animation-delay:-3s;top:8%;right:-2%;transform:rotate(5deg)}.g-alon{animation-delay:-6s;bottom:2%;left:3%;transform:rotate(4deg)}@keyframes floaty{0%,to{translate:0}50%{translate:0 -14px}}.card{background:var(--face);color:var(--ink);border:2px solid;border-color:var(--face-hi) var(--face-dk) var(--face-dk) var(--face-hi);scroll-margin-top:16px;box-shadow:2px 2px #0000008c,0 0 34px #6ef2e424}.bar{-webkit-user-select:none;user-select:none;background:linear-gradient(90deg, var(--title-a), var(--title-b));color:#fff;align-items:center;gap:6px;padding:4px 7px;font-size:12px;font-weight:700;display:flex}.bar.static{cursor:default}.bar .name{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 1px #0009;flex:1;overflow:hidden}.body{background:var(--face);padding:14px}p.lead{color:#141a2b;margin:0 0 10px;font-size:13px}.cap{color:#2b3346;margin:10px 0 0;font-size:11.5px}a{color:#2a2ea8}a:focus-visible,button:focus-visible{outline-offset:2px;outline:2px solid #1b2a72}.line{border-left:3px solid #7a3fd6;margin:0 0 10px;padding-left:10px}.line b{color:#0b1020;display:block}.line span{color:#39415a;font-size:12px}.ca-box{color:#9ff3ea;border:2px solid;border-color:var(--face-dk) var(--face-hi) var(--face-hi) var(--face-dk);background:#07101d;align-items:center;gap:8px;padding:10px 12px;font:700 13px Tahoma,monospace;display:flex}.foot{text-align:center;color:#8fb7c9;padding:6px 0 2px;font-size:11.5px}.foot a{color:#9ff3ea}.overlay{z-index:8200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02040a9e;justify-content:center;align-items:center;padding:20px;animation:.14s ease-out fade;display:flex;position:fixed;inset:0 0 40px}@keyframes fade{0%{opacity:0}}.panel{flex-direction:column;width:min(460px,92vw);max-height:calc(100dvh - 80px);scroll-margin-top:0;display:flex}.panel .body{overflow:auto}.bar .x{cursor:pointer;color:#0b1020;border:2px solid;border-color:var(--face-hi) var(--face-dk) var(--face-dk) var(--face-hi);background:linear-gradient(#e8eef7,#b9c4d6);flex:none;width:20px;height:18px;font:700 11px Tahoma,sans-serif}.bar .x:active{border-color:var(--face-dk) var(--face-hi) var(--face-hi) var(--face-dk)}button.ca-tab{cursor:pointer}#bar{z-index:8000;background:var(--face);border-top:2px solid var(--face-hi);align-items:center;gap:6px;height:40px;padding:4px 6px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 18px #0009}#start{cursor:pointer;color:#0b1020;border:2px solid;border-color:var(--face-hi) var(--face-dk) var(--face-dk) var(--face-hi);background:linear-gradient(#e8eef7,#b9c4d6);flex:none;align-items:center;gap:7px;padding:6px 12px;font:800 12px Tahoma,sans-serif;display:flex}#start .dot{background:radial-gradient(circle at 38% 34%,#fff,#6ef2e4 55%,#7a3fd6);border-radius:50%;width:12px;height:12px;box-shadow:0 0 8px #6ef2e4e6}.ca-taskbar{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;color:#06210f;background:linear-gradient(#d7ffe9,#8ee0b3);border:2px solid #2f6a48;border-color:#eafff4 #2f6a48 #2f6a48 #eafff4;flex:1;align-items:center;gap:7px;min-width:0;padding:6px 10px;font:700 12px Tahoma,sans-serif;display:flex;overflow:hidden}.ca-taskbar:active{border-color:#2f6a48 #eafff4 #eafff4 #2f6a48}#sound{cursor:pointer;color:#0b1020;border:2px solid;border-color:var(--face-hi) var(--face-dk) var(--face-dk) var(--face-hi);background:linear-gradient(#e8eef7,#b9c4d6);flex:none;align-items:center;gap:6px;padding:5px 9px;font:700 11px Tahoma,sans-serif;display:flex}#sound:active{border-color:var(--face-dk) var(--face-hi) var(--face-hi) var(--face-dk)}#sound[aria-pressed=true]{color:#06210f;background:linear-gradient(#d7ffe9,#8ee0b3);border-color:#eafff4 #2f6a48 #2f6a48 #eafff4}#sound svg{display:block}#sound .s-label{text-transform:lowercase;letter-spacing:.02em}#sound.pulse{animation:1.1s ease-in-out infinite soundPulse}@keyframes soundPulse{0%,to{box-shadow:0 0 #6ef2e4b3}50%{box-shadow:0 0 0 4px #6ef2e400}}@media (prefers-reduced-motion:reduce){#sound.pulse{animation:none}}#clock{color:#0b1020;border:2px solid;border-color:var(--face-dk) var(--face-hi) var(--face-hi) var(--face-dk);flex:none;padding:6px 10px;font:12px Tahoma,sans-serif}#menu{z-index:8500;background:var(--face);border:2px solid;border-color:var(--face-hi) var(--face-dk) var(--face-dk) var(--face-hi);width:236px;display:none;position:fixed;bottom:44px;left:6px;box-shadow:3px 3px #00000080}#menu.open{display:block}#menu .head{background:linear-gradient(90deg, var(--title-a), var(--title-b));color:#fff;padding:10px;font-weight:700}#menu button,#menu a{text-align:left;cursor:pointer;color:#0b1020;background:0 0;border:0;width:100%;padding:9px 12px;font:12px Tahoma,sans-serif;text-decoration:none;display:block}#menu button:hover,#menu a:hover{background:var(--title-a);color:#fff}#menu .sep{background:var(--face-lo);height:1px;margin:4px 8px}@media (max-width:720px){.scatter{inset:0 -2%}.float{width:168px}.g-ansem{top:0;left:-2%}.g-decu{top:4%;right:-3%}.g-alon{bottom:0;left:0}.ca-taskbar{padding:6px 8px;font-size:11px}#sound .s-label{display:none}#sound{padding:6px 8px}}@media (prefers-reduced-motion:reduce){.rays,.core,.wordmark,.hero-core .sweep,.float,.blink,.crt:after{animation:none!important}}
