.c-page{--c-bg:#170c09;--c-panel:rgba(48,22,14,.55);--c-text:#f6efe6;--c-dim:hsla(34,47%,93%,.45);--c-faint:hsla(34,47%,93%,.16);--c-glow:#ffc24b;--c-red:#b7312c;min-height:100vh;background:radial-gradient(92% 46% at 50% 15%,rgba(255,118,48,.17),rgba(255,194,75,.05) 46%,transparent 64%),linear-gradient(180deg,#251009 0,var(--c-bg) 52%);color:var(--c-text);display:flex;flex-direction:column;overflow-x:hidden;position:relative}.c-page ::selection{background:var(--c-red);color:var(--c-text)}.c-grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.c-stage{position:relative;width:min(420px,calc(100% - 48px));margin:30px auto 0;aspect-ratio:1/1;border:1px solid transparent;transition:width .55s cubic-bezier(.4,0,.2,1),height .55s cubic-bezier(.4,0,.2,1),background .55s ease,border-color .55s ease}.c-stage.is-player{width:min(640px,calc(100% - 40px));aspect-ratio:auto;background:var(--c-panel);border-color:var(--c-faint);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.c-art{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;aspect-ratio:1/1;object-fit:cover;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 60px rgba(255,194,75,.08);transition:width .55s cubic-bezier(.4,0,.2,1),top .55s cubic-bezier(.4,0,.2,1),left .55s cubic-bezier(.4,0,.2,1),transform .55s cubic-bezier(.4,0,.2,1),box-shadow .55s ease}.c-stage.is-player .c-art{top:12px;left:12px;transform:translateX(0);width:76px;box-shadow:0 6px 18px rgba(0,0,0,.5)}.c-playbig{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;border:1px solid hsla(34,47%,93%,.85);background:rgba(23,12,9,.3);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:var(--c-text);font-size:20px;display:flex;align-items:center;justify-content:center;padding-left:6px;cursor:pointer;z-index:3;transition:transform .3s ease,box-shadow .3s ease,opacity .35s ease}.c-playbig:hover{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 44px rgba(255,194,75,.35)}.c-stage.is-player .c-playbig{opacity:0;transform:translate(-50%,-50%) scale(.8);pointer-events:none}.c-ui{position:absolute;inset:0;padding:12px 14px 12px 102px;display:flex;align-items:center;gap:12px;opacity:0;pointer-events:none;transition:opacity .4s ease .22s}.c-stage.is-player .c-ui{opacity:1;pointer-events:auto}.c-ui-info{flex:1 1;min-width:0}.c-now-label{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.28em;text-transform:lowercase;color:var(--c-dim);margin-bottom:5px}.c-now-title{font-family:DM Sans,sans-serif;font-size:17px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-mini-time{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.14em;color:var(--c-dim);flex-shrink:0}.c-ctl{display:flex;align-items:center;gap:7px;flex-shrink:0}.c-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--c-faint);background:none;color:var(--c-text);font-family:DM Mono,monospace;font-size:10px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.c-btn:hover{border-color:var(--c-glow);box-shadow:0 0 14px rgba(255,194,75,.22)}.c-btn.is-side{width:30px;height:30px;font-size:9px}.c-expand{background:none;border:none;color:var(--c-dim);font-family:DM Mono,monospace;font-size:11px;cursor:pointer;padding:4px 6px;transition:color .15s;flex-shrink:0}.c-expand:hover{color:var(--c-text)}.c-below{width:min(640px,calc(100% - 40px));margin:10px auto 0;animation:c-rise .5s ease .28s both}@keyframes c-rise{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.c-bar{height:3px;background:hsla(34,47%,93%,.14);cursor:pointer;position:relative}.c-bar-fill{position:absolute;inset:0 auto 0 0;background:var(--c-glow);box-shadow:0 0 10px rgba(255,194,75,.55)}.c-tracks{margin-top:10px}.c-track{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%;padding:8px 2px;background:none;border:none;border-top:1px solid hsla(34,47%,93%,.08);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:lowercase;color:var(--c-dim);cursor:pointer;text-align:left;transition:color .15s}.c-track:hover{color:var(--c-text)}.c-track.is-on{color:var(--c-glow);text-shadow:0 0 12px rgba(255,194,75,.5)}.c-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.18em;color:var(--c-dim);background:rgba(23,12,9,.55);z-index:4}.c-pick{width:min(640px,calc(100% - 40px));margin:34px auto 0}.c-pick-label{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.3em;text-transform:lowercase;color:var(--c-dim);text-align:center;margin-bottom:16px}.c-pick-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.c-service{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border:1px solid var(--c-faint);font-family:DM Mono,monospace;font-size:11px;letter-spacing:.2em;text-transform:lowercase;color:var(--c-text);text-decoration:none;transition:border-color .2s,box-shadow .2s,background .2s,letter-spacing .2s}.c-service .arrow{color:var(--c-dim);transition:color .2s}.c-service:hover{border-color:var(--c-glow);background:rgba(255,194,75,.06);box-shadow:0 0 26px rgba(255,194,75,.14),inset 0 0 18px rgba(183,49,44,.08);letter-spacing:.26em}.c-service:hover .arrow{color:var(--c-glow)}.c-follow{display:flex;justify-content:center;gap:12px;margin:42px auto 0;padding:0 24px;flex-wrap:wrap}.c-follow a{display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border:1px solid var(--c-faint);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.22em;text-transform:lowercase;color:var(--c-text);text-decoration:none;transition:border-color .2s,box-shadow .2s,background .2s}.c-follow a:hover{border-color:var(--c-red);background:rgba(183,49,44,.12);box-shadow:0 0 24px rgba(183,49,44,.25)}.c-foot{margin-top:auto;text-align:center;padding:44px 24px 24px}.c-foot a{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.24em;text-transform:lowercase;color:hsla(34,47%,93%,.25);text-decoration:none;transition:color .2s}.c-foot a:hover{color:var(--c-dim)}@media (min-width:900px){.c-stage:not(.is-player){width:min(380px,calc(100% - 48px))}}@media (max-width:640px){.c-mini-time{display:none}.c-pick-grid{grid-template-columns:1fr}.c-ui{padding:10px 10px 10px 86px}.c-stage.is-player .c-art{top:10px;left:10px;width:64px}.c-playbig{width:76px;height:76px}}