:root{--blue:#9bdcff;--edge:#467c9a;--panel:#101013;--ink:#bab6bf}*{box-sizing:border-box}body{margin:0;background:#28211e;color:var(--ink);font:700 14px "Courier New",monospace}a,button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a{touch-action:manipulation}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}[hidden]{display:none!important}.rail{position:fixed;inset:0 auto 0 0;width:74px;background:#171415;border-right:3px solid #37596c;display:flex;align-items:center;flex-direction:column;z-index:5;padding:22px 10px}.brand{display:block;margin-bottom:36px}.brand img{width:37px;height:37px;object-fit:contain}.rail nav{display:grid;gap:22px}.rail-button{width:40px;height:40px;display:grid;place-items:center;background:#151517;color:var(--blue);border:2px solid var(--edge);box-shadow:0 0 0 2px #08080a,inset 0 0 0 3px #1b2c38;border-radius:3px;font-size:24px}.rail-button.selected{background:#2a4758;border-color:var(--blue)}.rail-button:hover,.boxed:hover{background:#203849;transform:translateY(-1px)}.settings{margin-top:auto}header{height:68px;margin-left:74px;padding:15px 28px;background:#1c1817;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #322a26}.wordmark{letter-spacing:1px;font-size:14px;color:var(--blue)}.badge{background:#111113;border:2px solid var(--edge);box-shadow:0 0 0 2px #09090a;border-radius:3px;padding:9px 13px;font-size:12px;display:flex;gap:10px;align-items:center}.dot{height:6px;width:6px;background:var(--blue);box-shadow:0 0 9px #9bdcff99;border-radius:50%}main{position:relative;margin-left:74px;min-height:calc(100dvh - 68px);display:grid;place-items:center;overflow:hidden;padding:40px 24px}.backdrop{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;filter:blur(13px);opacity:.12;overflow:hidden}.back-logo{font-size:clamp(200px,40vw,600px);color:#7899a5;letter-spacing:-35px;line-height:.8;transform:rotate(-9deg)}.back-pixels{font-size:clamp(100px,22vw,350px);color:#538099;letter-spacing:30px;line-height:1.4}.home-content{position:relative;width:min(100%,490px);text-align:center;margin-top:-16px}.mascot{height:164px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:16px}.mascot img{width:166px;height:146px;object-fit:contain;filter:drop-shadow(0 8px 10px #0006)}.mascot-shadow{position:absolute;bottom:0;width:30px;height:5px;background:#6f8d9a;box-shadow:3px 3px 0 #100e0f;opacity:.55}h1{color:var(--blue);font-size:23px;letter-spacing:2px;margin:0 0 8px}.byline{font-size:12px;color:#9d969b;margin:0 0 27px}.web-search{display:flex;align-items:center;gap:12px;background:#101013;border:2px solid var(--edge);box-shadow:0 0 0 3px #090809,inset 0 0 0 4px #1d303c;border-radius:3px;padding:12px 16px;height:56px}.search-icon{color:var(--blue);font-size:30px;font-family:system-ui}.web-search input{min-width:0;flex:1;background:transparent;color:#d3d7df;border:0;outline:none;padding:0;font-size:14px}.web-search:focus-within{border-color:var(--blue)}.web-search input::placeholder{color:#777482}.web-search button{width:27px;height:30px;flex-shrink:0;background:#17232c;border:2px solid var(--edge);color:var(--blue);font-size:20px;padding:0;line-height:20px}.shortcuts{display:flex;justify-content:center;gap:12px;margin:28px 0 32px}.boxed{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;color:#c3bfc8;background:#111113;border:2px solid var(--edge);box-shadow:0 0 0 2px #08080a,inset 0 0 0 2px #1e303a;border-radius:3px;font-size:13px;transition:background .15s,transform .15s}.boxed span{font-size:20px;color:var(--blue)}.home-panels{display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:left}.panel{background:#101013dd;border:2px solid var(--edge);border-radius:3px;box-shadow:0 0 0 3px #080809,inset 0 0 16px #9bdcff14;min-height:128px;padding:19px 17px}.panel h2{font-size:15px;color:var(--blue);margin:0 0 9px}.panel p{font-size:12px;line-height:1.6;margin:3px 0;color:#aaa5ae}.jukebox{display:flex;align-items:center;gap:15px}.jukebox-info{flex:1}.jukebox h2{font-size:12px;color:var(--ink);margin-bottom:2px}.jukebox .boxed{width:100%;margin-top:7px;padding:7px 14px;color:var(--blue)}.record{flex-shrink:0;height:51px;width:51px;background:repeating-radial-gradient(circle,#292a2e 0px,#292a2e 2px,#121318 3px,#121318 5px);border:5px solid #060607;outline:1px solid #373842;display:grid;place-items:center}.record span{width:12px;height:12px;background:var(--blue);border:3px solid #437e9b}.playing .record{animation:spin 4s linear infinite}.gif-credit{display:inline-block;margin-top:24px;color:#817c83;font-size:10px}.gif-credit:hover{color:var(--blue)}dialog{width:min(440px,90vw);padding:24px;background:#1c1817;color:var(--ink);border:2px solid var(--blue);border-radius:3px}dialog::backdrop{background:#000a}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.dialog-top h2{font-size:18px;color:var(--blue);margin:0}dialog label{display:flex;align-items:center;gap:10px;line-height:1.5}dialog input{accent-color:var(--blue)}.volume-label{margin-top:22px}.volume-label input{min-width:0;flex:1}.settings-note{color:#938b92;font-size:11px;margin-top:24px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:550px){.rail{width:55px;padding:18px 8px}.brand img{width:30px;height:30px}.rail-button{width:33px;height:35px;font-size:20px}.rail nav{gap:20px}.brand{margin-bottom:28px}header{margin-left:55px;padding:14px;height:60px}.wordmark{font-size:11px}.badge{display:none}main{margin-left:55px;min-height:calc(100dvh - 60px);padding:26px 19px}.home-content{margin-top:0}.mascot{height:135px}.mascot img{width:143px;height:126px}h1{font-size:18px}.byline{font-size:11px}.shortcuts{gap:9px;flex-wrap:wrap;margin:24px 0}.boxed{padding:9px 12px;font-size:11px}.home-panels{grid-template-columns:1fr;gap:18px}.panel{min-height:105px}.web-search{padding:10px;height:53px;gap:8px}.web-search input{font-size:12px}.gif-credit{margin-top:20px}}@media(prefers-reduced-motion:reduce){.record{animation:none!important}.boxed{transition:none}}

/* Home screen motion and community shortcut */
body{background:#0c1118}header{background:#10151d}.rail{background:#0d121a}main{isolation:isolate;background-image:linear-gradient(#9bdcff09 1px,transparent 1px),linear-gradient(90deg,#9bdcff09 1px,transparent 1px);background-size:60px 60px;animation:grid-drift 24s linear infinite}.backdrop{opacity:.065}.home-content{width:min(100%,620px)}h1{font-size:clamp(22px,3vw,34px);letter-spacing:1px}.web-search{height:62px;border-radius:16px;background:#151b24;box-shadow:0 8px 25px #0004;border:1px solid #506778;padding:12px 19px;transition:border-color .2s,box-shadow .2s,transform .2s}.web-search:focus-within{box-shadow:0 0 0 4px #9bdcff1c,0 8px 30px #0005;transform:translateY(-2px)}.web-search button{border-radius:8px;width:32px;height:32px}.web-search input{font-family:system-ui,sans-serif;font-weight:500;font-size:16px}.community-block{margin:25px 0 0}.community-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;background:#5865f2;color:white;border:1px solid #8391ff;border-radius:12px;padding:12px 23px;font-family:system-ui,sans-serif;font-weight:700;font-size:14px;box-shadow:0 5px 22px #5865f230;transition:transform .2s,box-shadow .2s}.community-button svg{width:20px;height:20px}.community-button:hover{transform:translateY(-4px);box-shadow:0 9px 32px #5865f250}.community-button:active{transform:translateY(0)}.community-button:after{content:"";position:absolute;inset:-100% auto -100% -65%;width:35%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#fff3,transparent);animation:button-shine 7s ease-in-out infinite;pointer-events:none}.community-block p{color:var(--blue);font-size:12px;margin:13px 0 0;letter-spacing:.5px}.community-message{line-height:1.8}.shortcuts{margin-top:25px}.mascot img{animation:mascot-float 4s ease-in-out infinite}.mascot-shadow{animation:shadow-breathe 4s ease-in-out infinite}.home-content>h1,.byline,.web-search,.community-block,.shortcuts,.home-panels{animation:home-arrive .7s ease-out both}.web-search{animation-delay:.1s}.community-block{animation-delay:.2s}.shortcuts{animation-delay:.3s}.home-panels{animation-delay:.4s}.panel{transition:transform .25s,border-color .25s,box-shadow .25s}.panel:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 0 22px #9bdcff16}.rail-button{transition:transform .2s,background .2s}.rail-button:hover{transform:translateY(-3px)}.ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.ambient i{position:absolute;bottom:-20px;left:12%;width:5px;height:5px;background:var(--blue);border-radius:50%;box-shadow:0 0 18px #9bdcff;opacity:0;animation:particle-rise 14s linear infinite}.ambient i:nth-child(2){left:27%;animation-delay:-3s;animation-duration:19s}.ambient i:nth-child(3){left:44%;animation-delay:-10s;width:3px;height:3px}.ambient i:nth-child(4){left:63%;animation-delay:-6s;animation-duration:18s}.ambient i:nth-child(5){left:79%;animation-delay:-12s;width:3px;height:3px}.ambient i:nth-child(6){left:91%;animation-delay:-8s;animation-duration:21s}@keyframes grid-drift{to{background-position:60px 60px}}@keyframes home-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes mascot-float{50%{transform:translateY(-9px) rotate(2deg)}}@keyframes shadow-breathe{50%{transform:scaleX(.7);opacity:.3}}@keyframes particle-rise{10%{opacity:.4}80%{opacity:.15}to{transform:translate(28px,-95vh);opacity:0}}@keyframes button-shine{0%,70%{left:-65%}95%,100%{left:150%}}
.calm main,.calm main *{animation:none!important}.calm .boxed,.calm .rail-button,.calm .panel,.calm .community-button,.calm .web-search{transition:none}.calm .ambient{display:none}@media(prefers-reduced-motion:reduce){main,main *{animation:none!important}.ambient{display:none}.panel,.rail-button,.community-button,.web-search{transition:none}}@media(max-width:550px){h1{font-size:21px}.web-search{height:56px}.web-search input{font-size:13px}.home-content{width:100%}.community-button{padding:10px 18px}.community-block{margin-top:22px}}

/* Additional ambient lights and changelog */
.ambient i:nth-child(7){left:66%;animation-delay:-21s;animation-duration:21s;width:5px;height:5px;}
.ambient i:nth-child(8){left:6%;animation-delay:-2s;animation-duration:22s;width:2px;height:2px;}
.ambient i:nth-child(9){left:43%;animation-delay:-5s;animation-duration:14s;width:3px;height:3px;}
.ambient i:nth-child(10){left:80%;animation-delay:-8s;animation-duration:15s;width:4px;height:4px;}
.ambient i:nth-child(11){left:20%;animation-delay:-11s;animation-duration:16s;width:5px;height:5px;}
.ambient i:nth-child(12){left:57%;animation-delay:-14s;animation-duration:17s;width:2px;height:2px;}
.ambient i:nth-child(13){left:94%;animation-delay:-17s;animation-duration:18s;width:3px;height:3px;}
.ambient i:nth-child(14){left:34%;animation-delay:-20s;animation-duration:19s;width:4px;height:4px;}
.ambient i:nth-child(15){left:71%;animation-delay:-1s;animation-duration:20s;width:5px;height:5px;}
.ambient i:nth-child(16){left:11%;animation-delay:-4s;animation-duration:21s;width:2px;height:2px;}
.ambient i:nth-child(17){left:48%;animation-delay:-7s;animation-duration:22s;width:3px;height:3px;}
.ambient i:nth-child(18){left:85%;animation-delay:-10s;animation-duration:14s;width:4px;height:4px;}
.ambient i:nth-child(19){left:25%;animation-delay:-13s;animation-duration:15s;width:5px;height:5px;}
.ambient i:nth-child(20){left:62%;animation-delay:-16s;animation-duration:16s;width:2px;height:2px;}
.ambient i:nth-child(21){left:2%;animation-delay:-19s;animation-duration:17s;width:3px;height:3px;}
.ambient i:nth-child(22){left:39%;animation-delay:-0s;animation-duration:18s;width:4px;height:4px;}
.ambient i:nth-child(23){left:76%;animation-delay:-3s;animation-duration:19s;width:5px;height:5px;}
.ambient i:nth-child(24){left:16%;animation-delay:-6s;animation-duration:20s;width:2px;height:2px;}
.updates-link{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:26px}.updates-link>span{font-size:10px;color:#8394a5}.updates-link .boxed{font-size:11px;padding:9px 13px}#update-log{width:min(560px,92vw);max-height:80dvh;overflow:auto;background:#111923;box-shadow:0 25px 80px #0008}#update-log[open]{animation:log-in .25s ease-out}.update-entry{border-top:1px solid #9bdcff28;padding:19px 0 9px;text-align:left}.update-entry h3{font-size:14px;color:#d9e9f4;margin:10px 0}.update-date{font-size:10px;letter-spacing:1px;color:var(--blue);margin:0}.update-entry ul{padding-left:20px;margin:12px 0}.update-entry li,.update-entry>p:not(.update-date){font:13px/1.8 system-ui,sans-serif;color:#afbdcb}.update-entry li{margin:5px 0}@keyframes log-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#update-log[open]{animation:none}}.calm #update-log{animation:none}