:root{--bg:#0a0a0a;--bg-soft:#121212;--text:#f7f1e8;--muted:#ffffff9e;--line:#ffffff1a;--line-strong:#c9b8a047;--gold:#a78b71;--gold-light:#c9b8a0;--gold-hover:#e8d5b7;--glass:#ffffff08;--glass-strong:#ffffff0d;--shadow-glow:0 0 80px #a78b7138,0 0 200px #a78b711a;--shadow-deep:0 30px 80px #00000080;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Playfair Display",Georgia,serif;--ease:cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box}html{background:radial-gradient(circle,#a78b711a 0%,#a78b7100 42%),radial-gradient(circle,#ffffff14 1px,#0000 1px) 0 0/32px 32px;background-color:var(--bg);min-height:100%}body{min-height:100vh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(circle at 50% 28%,#a78b712e 0%,#a78b7100 30%),linear-gradient(#0a0a0a 0%,#101010 100%);margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{z-index:1;flex-direction:column;width:min(1320px,100vw - 32px);min-height:100dvh;margin:0 auto;padding:20px 0 24px;display:flex;position:relative}.shell-player{padding-top:20px}#player{flex-direction:column;flex:1;display:flex}.page-intro{display:none}.glass-panel{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-deep)}.eyebrow{letter-spacing:.34em;text-transform:uppercase;color:var(--gold-light);margin:0;font-size:.7rem;font-weight:600}.panel{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-deep);border-radius:32px}.empty{text-align:center;padding:72px 32px}.share-experience{flex-direction:column;flex:1;gap:28px;display:flex;position:relative}.player-stage{flex:1;justify-content:center;align-items:center;padding:16px 0;display:flex}.player-card{width:min(440px,100%);box-shadow:var(--shadow-glow),var(--shadow-deep);background:linear-gradient(#ffffff0d 0%,#ffffff05 100%),#ffffff05;border-radius:32px;flex-direction:column;gap:20px;padding:24px;display:flex}.player-card-header{text-align:center;flex-direction:column;gap:6px;display:flex}.player-card-title{color:var(--text);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:600;line-height:1.35}.player-card-subtitle{color:var(--muted);margin:0;font-size:.84rem;line-height:1.55}.player-card-creator{color:var(--muted);margin:0;font-size:.78rem}.player-artwork{aspect-ratio:1;border:1px solid #ffffff14;border-radius:20px;align-self:center;width:100%;position:relative;overflow:hidden}.player-artwork-img{object-fit:cover;filter:grayscale(.06);width:100%;height:100%;display:block}.player-artwork-fallback{font-family:var(--font-display);background:linear-gradient(135deg,#c9b8a066,#a78b7138);place-items:center;font-size:5rem;font-style:italic;display:grid}.player-artwork-chips{flex-wrap:wrap;gap:8px;display:flex;position:absolute;inset:auto 16px 16px}.player-controls{justify-content:center;align-items:center;gap:18px;display:flex}.player-control{cursor:pointer;transition:transform .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease),color .22s var(--ease);border:1px solid #0000}.player-control:hover:not(:disabled){transform:translateY(-1px)}.player-control:disabled{opacity:.45;cursor:not-allowed}.player-control-primary{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#0a0a0a;border-radius:999px;justify-content:center;align-items:center;width:72px;height:72px;display:inline-flex;box-shadow:0 0 40px #a78b7166}.player-control-secondary{width:56px;height:56px;color:var(--text);background:#ffffff0a;border-color:#ffffff14;border-radius:999px;align-content:center;justify-items:center;gap:4px;display:grid}.player-control-secondary span{color:var(--gold-light);font-size:.72rem;font-weight:700}.player-control-icon{width:24px;height:24px}.player-control-icon-play{width:28px;height:28px;margin-left:3px}.player-control-icon-back{transform:scaleX(-1)}.player-spinner{border:2px solid #0a0a0a40;border-top-color:#0a0a0a;border-radius:999px;width:24px;height:24px;animation:.7s linear infinite spin}.player-progress{gap:10px;display:grid}.player-progress-range{--progress:0%;appearance:none;background:0 0;width:100%;margin:0}.player-progress-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--gold-light)0 var(--progress),#ffffff1a var(--progress)100%);border-radius:999px;height:6px}.player-progress-range::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:999px;width:18px;height:18px;margin-top:-6px;box-shadow:0 0 22px #a78b7159}.player-progress-range::-moz-range-track{background:#ffffff1a;border-radius:999px;height:6px}.player-progress-range::-moz-range-progress{background:var(--gold-light);border-radius:999px;height:6px}.player-progress-range::-moz-range-thumb{background:#fff;border:0;border-radius:999px;width:18px;height:18px;box-shadow:0 0 22px #a78b7159}.player-progress-meta{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:16px;font-size:.84rem;display:flex}.player-status{color:var(--muted);text-align:center;margin:0;font-size:.9rem}.player-status-error{color:#fca5a5}.player-ctas{gap:12px;display:flex}.player-cta{cursor:pointer;min-height:48px;transition:transform .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease),color .22s var(--ease);border:1px solid #0000;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.84rem;font-weight:600;display:inline-flex}.player-cta:hover{transform:translateY(-1px)}.player-cta-solid{color:#000;background:#fff}.player-cta-outline{color:var(--text);border-color:var(--line-strong);background:0 0}.btn-icon{width:16px;height:16px}.node-chip{letter-spacing:.24em;text-transform:uppercase;min-height:30px;color:var(--gold-light);background:#0000008f;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:.62rem;display:inline-flex}.node-chip-soft{color:#fff}.queue-section{gap:22px;display:grid}.queue-header{justify-content:space-between;align-items:end;gap:18px;display:flex}.queue-title{font-family:var(--font-display);margin:8px 0 0;font-size:clamp(2rem,4vw,3rem);font-style:italic;line-height:.95}.queue-caption{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.queue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.queue-card{text-align:left;transition:transform .24s var(--ease),border-color .24s var(--ease),box-shadow .24s var(--ease);cursor:pointer;border-radius:26px;padding:22px}.queue-card:hover{border-color:#e8d5b742;transform:translateY(-4px)}.queue-card.is-active{border-color:#a78b7166;box-shadow:0 0 40px #a78b7126}.queue-card-label{letter-spacing:.28em;text-transform:uppercase;color:var(--gold-light);margin-bottom:14px;font-size:.62rem;display:block}.queue-card-title{color:var(--text);margin-bottom:10px;font-size:1.1rem;line-height:1.3;display:block}.queue-card-summary{color:var(--muted);margin:0 0 18px;font-size:.9rem;line-height:1.65}.queue-card-meta{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:10px;font-size:.76rem;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.shell{width:min(100vw - 20px,100%)}.queue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.shell{padding-bottom:24px}.player-card{border-radius:28px;gap:16px;padding:20px}.player-artwork{border-radius:16px}.player-controls{gap:12px}.player-control-primary{width:64px;height:64px}.player-control-secondary{width:52px;height:52px}.player-ctas{flex-direction:column}.queue-grid{grid-template-columns:1fr}.queue-header{align-items:start;gap:10px;display:grid}}