:root{--bg:#0b0716;--panel:#141022;--text:#e6ddff;--dim:#a896c9;--accent:#b794f6;--accent-bright:#d6bcff;--accent-dark:#5b3d99;--border:#6d4fb5;--inverted:#140b2e;--link:#d6bcff;--visited:#9f7fd6;--green:#6ee7a0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);background-image:radial-gradient(circle,#b794f614 1px,#0000 1px);background-size:16px 16px;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5}a{color:var(--link);text-decoration:none}a:visited{color:var(--visited)}a:hover{text-decoration:underline}a:focus-visible,.btn:focus-visible{outline:1px dotted var(--accent-bright);outline-offset:2px}code{overflow-wrap:anywhere;font-family:inherit}.top{text-align:center;padding:14px 8px 0}.brand{text-align:left;display:inline-block}.logo{letter-spacing:3px;color:var(--accent-bright);font-size:30px;font-weight:700;display:block}.hello{color:var(--dim);margin-top:2px;font-size:12px;display:block}.cur{color:var(--accent)}.mini-nav{margin:4px 0 10px;font-size:12px}.announce{background:var(--accent);color:var(--inverted);max-width:980px;margin:0 auto;padding:2px 0;overflow:hidden}.announce-inner{width:max-content;animation:25s linear infinite marquee;display:flex}.announce-inner span{white-space:pre;font-size:12px;font-weight:700}@keyframes marquee{to{transform:translate(-50%)}}.cols{grid-template-columns:170px minmax(0,620px) 170px;justify-content:center;gap:16px;padding:14px 8px 0;display:grid}.side{font-size:12px}.side-group{margin-bottom:14px}.side-title{background:var(--panel);border:1px solid var(--border);color:var(--dim);letter-spacing:2px;text-transform:uppercase;border-bottom:0;padding:0 5px;font-size:10px;display:inline-block}.side-group ul{border:1px solid var(--border);padding:4px 6px;list-style:none}.side-group p{border:1px solid var(--border);border-top:0;padding:4px 6px}.side-group ul+p{border-top:0}.side-group a{word-break:break-all;display:inline-block}.side-media{border:1px solid var(--border);background:var(--panel);padding:6px}.box{border:1px solid var(--border);background:var(--panel);margin-bottom:14px;padding:14px 10px 8px;position:relative}.box>.lbl{position:absolute;top:-9px;left:8px}.center section{margin-bottom:10px}.lbl{background:var(--accent);color:var(--inverted);letter-spacing:1px;padding:1px 7px;font-size:12px;font-weight:700;display:inline-block}.center p{margin:6px 0}.center ul{margin:4px 0;padding-left:22px;list-style:square}.center li{overflow-wrap:anywhere;margin:3px 0}.dots{border-top:1px dotted var(--border);margin:12px 0}.icon{vertical-align:-.15em;fill:currentColor;color:var(--accent-bright);flex-shrink:0;display:inline-block}.icon-link{align-items:center;gap:4px;display:inline-flex}.btn{background:var(--panel);color:var(--text);border:1px solid var(--border);cursor:pointer;padding:0 5px;font:11px Courier New,Courier,monospace}.btn:hover{background:var(--accent-dark);color:var(--accent-bright)}.btn:active{background:var(--accent);color:var(--inverted)}.pixel-art{place-items:center;padding:6px;display:grid}.pixel-heart{background:var(--accent);width:3px;height:3px;box-shadow:3px 0 0 var(--accent), 6px 0 0 var(--accent), 12px 0 0 var(--accent), 15px 0 0 var(--accent), 0 3px 0 var(--accent), 3px 3px 0 var(--accent), 6px 3px 0 var(--accent), 9px 3px 0 var(--accent), 12px 3px 0 var(--accent), 15px 3px 0 var(--accent), 18px 3px 0 var(--accent), 0 6px 0 var(--accent), 3px 6px 0 var(--accent), 6px 6px 0 var(--accent), 9px 6px 0 var(--accent), 12px 6px 0 var(--accent), 15px 6px 0 var(--accent), 18px 6px 0 var(--accent), 3px 9px 0 var(--accent), 6px 9px 0 var(--accent), 9px 9px 0 var(--accent), 12px 9px 0 var(--accent), 15px 9px 0 var(--accent), 6px 12px 0 var(--accent), 9px 12px 0 var(--accent), 12px 12px 0 var(--accent), 9px 15px 0 var(--accent)}.badge{border:1px solid var(--border);color:var(--accent-bright);margin:1px 0;padding:1px 5px;font-size:10px;display:inline-block}.counter{border:1px solid var(--border);color:var(--accent-bright);letter-spacing:2px;background:#05030c;padding:0 4px;display:inline-block}.blink{animation:1s step-start infinite blink}@keyframes blink{50%{opacity:0}}.site-foot{text-align:center;color:var(--dim);padding:16px 8px 24px;font-size:11px}.post-list{padding:0;list-style:none}.post-list li{border-bottom:1px dotted var(--border);padding:6px 0}.post-date{color:var(--dim);font-size:11px}.post-body p{margin:8px 0}.post-body pre{border:1px solid var(--border);background:#05030c;padding:8px;overflow-x:auto}.post-body img{border:1px solid var(--border);max-width:100%}@media (width<=900px){.cols{grid-template-columns:1fr}.side-left{order:2}.center{order:1}.side-right{order:3}}.player[data-astro-cid-47dbuaza]{flex-direction:column;align-items:center;gap:8px;padding:2px 0;display:flex}.vinyl[data-astro-cid-47dbuaza]{aspect-ratio:1;background:radial-gradient(circle,#000 0 11%,#0000 11.5%),repeating-radial-gradient(circle,#101010 0 1px,#1e1a1a 1px 3px);border:1px solid #000;border-radius:50%;place-items:center;width:100px;animation:6s linear infinite paused spin;display:grid;position:relative;box-shadow:0 0 10px #b794f64d}.label[data-astro-cid-47dbuaza]{aspect-ratio:1;background:var(--accent,#b794f6);border-radius:50%;place-items:center;width:34%;margin:auto;display:grid;position:absolute;inset:0}.label[data-astro-cid-47dbuaza] span[data-astro-cid-47dbuaza]{color:var(--inverted,#140b2e);letter-spacing:1px;font:700 7px Courier New,Courier,monospace}.hole[data-astro-cid-47dbuaza]{aspect-ratio:1;background:var(--bg,#0b0716);border-radius:50%;width:4%;margin:auto;position:absolute;inset:0}.track-info[data-astro-cid-47dbuaza]{width:100%}.track-title[data-astro-cid-47dbuaza]{text-align:center;margin-bottom:4px;font-size:10px}.progress[data-astro-cid-47dbuaza]{border:1px solid var(--border,#6d4fb5);background:var(--bg,#0b0716);width:100%;height:8px}.progress-fill[data-astro-cid-47dbuaza]{background:var(--accent-dark,#5b3d99);width:0%;height:100%}.times[data-astro-cid-47dbuaza]{color:var(--dim,#a896c9);justify-content:space-between;margin:2px 0 4px;font-size:9px;display:flex}.controls[data-astro-cid-47dbuaza]{justify-content:center;gap:6px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}