.app{flex:1;min-height:0;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:stretch;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.player{width:min(100%,42rem);height:100%;max-height:100%;min-height:0;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:1px solid var(--border);border-radius:1.5rem;background:#17182ce0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.player__content{flex:1;min-height:0;display:grid;grid-template-rows:auto auto auto auto minmax(auto,1fr);gap:1.5rem;overflow:hidden}.player__header{text-align:center}.player__eyebrow{margin:0 0 .5rem;color:var(--accent);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.player__title{margin:0;font-size:clamp(2rem,8vw,2.75rem);line-height:1.1}.player__subtitle{margin:.75rem 0 0;color:var(--text-muted)}.player__now-playing{padding:1.25rem;border-radius:1rem;background:var(--bg-elevated);border:1px solid var(--border)}.player__label{margin:0 0 .35rem;color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.player__track-title{margin:0;font-size:clamp(1.25rem,5vw,1.75rem);line-height:1.25;word-break:break-word}.player__track-meta{margin:.5rem 0 0;color:var(--text-muted)}.player__hint{color:var(--accent-strong)}.player__error{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:.875rem;background:#ff8b8b1f;border:1px solid rgba(255,139,139,.35);color:var(--danger)}.player__error p{margin:0}.player__error button,.player__control{border:0;cursor:pointer}.player__error button{align-self:flex-start;padding:.65rem 1rem;border-radius:999px;background:var(--accent);color:#1a1408;font-weight:600}.player__controls{display:flex;flex-direction:column;align-items:stretch;gap:1rem}.player__controls-primary{display:flex;justify-content:center}.player__control{width:3.25rem;height:3.25rem;border-radius:50%;background:#ffffff14;color:var(--text);font-size:1.25rem;transition:transform .15s ease,background .15s ease}.player__control:hover:not(:disabled){transform:translateY(-1px);background:#ffffff24}.player__control:disabled{opacity:.45;cursor:not-allowed}.player__control--primary{width:4.5rem;height:4.5rem;font-size:1.5rem;background:linear-gradient(180deg,var(--accent-strong),var(--accent));color:#1a1408}.volume-control{display:flex;align-items:center;gap:.75rem;width:100%}.volume-control__button{flex:0 0 auto;width:2.75rem;height:2.75rem;border:0;border-radius:.35rem;background:transparent;color:var(--text);font-size:1.2rem;cursor:pointer;transition:background .15s ease}.volume-control__button:hover{background:#ffffff14}.volume-control__slider-wrap{--volume: .75;position:relative;flex:1;display:flex;align-items:center;min-height:2.75rem}.volume-control__track{width:100%;height:calc(.3rem + var(--volume) * .9rem);border-radius:999px;background:#ffffff1f;overflow:hidden;box-shadow:inset 0 1px 2px #00000047;transition:height .12s ease}.volume-control__fill{height:100%;width:calc(var(--volume) * 100%);border-radius:inherit;background:linear-gradient(90deg,#8a6528 0%,var(--accent) 40%,var(--accent-strong) 75%,#ffeab0 100%);box-shadow:0 0 .65rem #f0c56d59;transition:width .12s ease}.volume-control__slider{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.volume-control__percent{flex:0 0 2.75rem;color:var(--text-muted);font-size:.8rem;font-variant-numeric:tabular-nums;text-align:right}.player__header,.player__now-playing,.player__error-slot,.player__controls,.player__footer,.player__playlist-placeholder{min-height:0}.player__playlist{margin:0;padding:0;list-style:none;min-height:0;overflow-y:auto;border:1px solid var(--border);border-radius:1rem;align-self:stretch}.player__playlist-item{display:grid;grid-template-columns:2.5rem 1fr;gap:.75rem;align-items:center;width:100%;padding:.85rem 1rem;border:0;border-bottom:1px solid var(--border);background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .15s ease}.player__playlist-item:hover{background:#ffffff0a}.player__playlist li:last-child .player__playlist-item{border-bottom:0}.player__playlist-item.is-active{background:#d4a8531f}.player__playlist-item.is-active:hover{background:#d4a8532e}.player__playlist-index{color:var(--text-muted);font-variant-numeric:tabular-nums}.player__playlist-name{word-break:break-word}.player__footer{flex-shrink:0;text-align:center;color:var(--text-muted);font-size:.9rem}.player__footer p{margin:0}@media(min-width:768px){.player{padding:2rem;gap:1.75rem}}@media(hover:none)and (pointer:coarse){.player__control{width:3.75rem;height:3.75rem}.player__control--primary{width:5rem;height:5rem}}@media(display-mode:standalone),(display-mode:fullscreen),(display-mode:minimal-ui){.app{padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.player--pwa{border-radius:1rem;gap:.75rem;padding:1rem}.player--pwa .player__content{gap:1rem}}:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #0f1020;--bg-elevated: #17182c;--text: #f4f1ea;--text-muted: #a8a3b8;--accent: #d4a853;--accent-strong: #f0c56d;--border: rgba(255, 255, 255, .08);--danger: #ff8b8b;--shadow: 0 24px 80px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{height:100%;overflow:hidden}html,body,#root{height:100%}#root{display:flex;flex-direction:column;overflow:hidden}body{margin:0;min-width:320px;min-height:100dvh;height:100dvh;overflow:hidden;overscroll-behavior:none;background:radial-gradient(circle at top,rgba(212,168,83,.12),transparent 32rem),linear-gradient(180deg,#121326 0%,var(--bg) 100%);color:var(--text)}button,input{font:inherit}a{color:var(--accent-strong)}