:root{color:#171717;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f2f1ee;font-synthesis:none;line-height:1.4;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:#f2f1ee}button,input{font:inherit}button{color:inherit}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 51% 50%,rgb(255 255 255 / 88%) 0%,transparent 32%),radial-gradient(circle at 51% 50%,rgb(255 76 62 / 12%) 0%,transparent 26%),radial-gradient(circle at 24% 18%,rgb(255 255 255 / 72%),transparent 36%),linear-gradient(180deg,#faf9f6,#ecebea)}.app-shell:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;content:"";background:radial-gradient(ellipse at 50% 48%,transparent 0%,transparent 54%,rgb(222 219 214 / 26%) 100%),linear-gradient(90deg,rgb(255 255 255 / 62%) 0%,transparent 18%,transparent 84%,rgb(255 255 255 / 42%) 100%)}.gallery-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.gallery-scene canvas{display:block;width:100%;height:100%}.brand-mark{position:absolute;top:clamp(18px,3vw,34px);right:clamp(18px,4vw,58px);z-index:5;color:#141414b8;font-size:clamp(.8rem,1vw,1.05rem);font-weight:800;letter-spacing:0}.panel-anchor{position:absolute;left:clamp(16px,4vw,56px);bottom:clamp(16px,5vw,64px);z-index:5;width:min(430px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.panel-anchor::-webkit-scrollbar{display:none}.player-panel{position:relative;isolation:isolate;width:100%;padding:18px;border:1px solid rgb(20 20 20 / 9%);border-radius:8px;overflow:hidden;background:linear-gradient(145deg,#ffffff3d,#ffffff14 48%,#ffffff29),#ffffff14;box-shadow:inset 0 1px #ffffffb3,inset 0 -18px 42px #ffffff2e,inset 0 0 24px #ffffff2e,0 20px 62px #28262224;-webkit-backdrop-filter:blur(6px) saturate(1.55) contrast(1.04);backdrop-filter:blur(6px) saturate(1.55) contrast(1.04)}.player-panel:before{position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:-1;pointer-events:none;content:"";border-radius:7px;background:radial-gradient(ellipse at 10% 2%,rgb(255 255 255 / 42%),transparent 36%),linear-gradient(306deg,transparent 62%,rgb(255 255 255 / 12%) 100%);opacity:.78}.player-panel:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";background:radial-gradient(ellipse at 34% 8%,rgb(255 255 255 / 22%),transparent 44%);opacity:.5}.player-topline{display:flex;align-items:center;gap:8px;color:#1414149e;font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.signal-dot{width:8px;height:8px;border-radius:50%;background:#a8a398;box-shadow:0 0 #9ef01a00}.signal-dot[data-active=true]{background:#9ef01a;box-shadow:0 0 22px #9ef01acc}.track-row{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:14px;align-items:center;margin-top:14px}.track-meta{min-width:0}.track-meta h1{margin:0;color:#171717;font-size:clamp(1.25rem,3.5vw,1.72rem);font-weight:900;line-height:1;letter-spacing:0;text-transform:uppercase}.track-meta p{margin:6px 0 0;color:#14141494;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.track-meta p+p{margin-top:2px;color:#14141475;font-size:.7rem}.anonymous-logo-wrap{display:flex;width:46px;height:46px;align-items:center;justify-content:center;padding:7px;border:1px solid rgb(20 20 20 / 8%);border-radius:8px;background:#ffffff2e;box-shadow:inset 0 1px #ffffff8c,0 12px 24px #28262214}.anonymous-logo-wrap img{display:block;width:100%;height:100%;object-fit:contain;border-radius:4px}.embed-shell{--embed-scale: .58;height:calc(344px * var(--embed-scale));margin-top:14px;overflow:hidden;border:1px solid rgb(20 20 20 / 10%);border-radius:18px;background:#ffffff14;box-shadow:inset 0 1px #ffffff6b,0 16px 34px #2826221a}.embed-shell iframe{display:block;width:calc(100% / var(--embed-scale));height:344px;border:0;opacity:.72;transform:scale(var(--embed-scale));transform-origin:top left}@media(max-width:760px){body{overflow:auto}.app-shell{min-height:100svh}.app-shell:after{background:radial-gradient(ellipse at 50% 46%,transparent 0%,transparent 58%,rgb(222 219 214 / 28%) 100%),linear-gradient(0deg,rgb(255 255 255 / 62%) 0%,transparent 42%,rgb(255 255 255 / 38%) 100%)}.panel-anchor{bottom:16px;max-height:calc(100svh - 24px)}.player-panel{padding:14px}.track-row{grid-template-columns:minmax(0,1fr) 42px;gap:10px}.anonymous-logo-wrap{width:42px;height:42px;padding:6px}.embed-shell iframe{width:calc(100% / var(--embed-scale));height:344px}.embed-shell{--embed-scale: .56;height:calc(344px * var(--embed-scale));border-radius:16px}}