:root{color-scheme:dark;--bg: #030406;--glass: rgba(245, 245, 245, .94);--line: rgba(0, 0, 0, .14);--text: rgba(248, 251, 255, .96);--muted: rgba(213, 224, 236, .68);--accent: #ffcf6b;--accent-2: #79d5ff;--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}body{overflow:auto;background:#02030a;color:var(--text);font-family:var(--font-ui)}button,select,input{font:inherit}.blackhole-shell{display:grid;min-height:100%;padding:clamp(10px,2vw,24px);place-items:center}.blackhole-view{position:relative;width:min(100%,2048px);overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 24px 80px #00000073}.blackhole-poster,.shader-stage,.shader-stage canvas{display:block;width:100%;aspect-ratio:16 / 9}.blackhole-poster{object-fit:cover}.shader-stage{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .26s ease}.blackhole-view.is-live .shader-stage{opacity:1}.shader-stage canvas{height:100%;cursor:grab}.shader-stage canvas:active{cursor:grabbing}.back-link{position:absolute;right:18px;bottom:18px;z-index:3;padding:10px 13px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#02030ab3;color:#bfe7ff;font-weight:800;text-decoration:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.back-link:hover{border-color:#79d5ff99;color:#fff}.music-toggle{position:absolute;left:18px;bottom:18px;z-index:3;padding:10px 13px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#02030ab3;color:#ffe1a1;font-weight:800;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.music-toggle:hover{border-color:#ffcf6b9e;color:#fff}.music-toggle.is-hidden{display:none}.display-stats{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;grid-template-columns:repeat(3,max-content);align-items:center;justify-content:center;gap:clamp(18px,4vw,34px);height:58px;border-top:1px solid rgba(255,255,255,.72);background:#f8f8f8f0;color:#050505;font-weight:800;font-size:clamp(.86rem,2.1vw,1.15rem)}.display-stats span{white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button,select,input{border:1px solid var(--line);border-radius:7px;background:var(--glass);color:var(--text)}@media(max-width:760px){.back-link{right:10px;bottom:10px;font-size:.86rem}.music-toggle{left:10px;bottom:10px;font-size:.86rem}.display-stats{height:44px;gap:14px}}