:root{--bg-body: #0f0f12;--text-main: #e6e6ec;--accent: #6a5acd;--panel-bg: rgba(0, 0, 0, .5);--btn-bg: rgba(0, 0, 0, .38)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100vh}body{background:var(--bg-body);color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.player-shell{min-height:100vh;display:flex;justify-content:center;align-items:center}.player-ovr{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.player-card{position:relative;width:min(100vw,56.25vh);height:min(100vh,177.78vw);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000008c;display:flex;flex-direction:column;justify-content:space-between;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.background-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 30% 20%,rgba(106,90,205,.4),transparent 42%),radial-gradient(circle at 75% 65%,rgba(67,120,238,.32),transparent 45%),#121218;z-index:0}.background-cover{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--player-cover-image);background-position:center;background-size:cover;filter:none;transform:none;pointer-events:none}.background-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent}.background-layer--with-cover{background:#101018}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;background:#08080cc7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.loading-overlay p{margin:0;font-size:.95rem;letter-spacing:.02em}.info-strip{position:absolute;top:0;left:0;width:100%;padding:14px 16px 12px;text-align:center;background:var(--panel-bg);z-index:2}.info-strip h2{margin:0;font-size:1.05rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-strip p{margin:4px 0 0;font-size:.85rem;opacity:.78}.state-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:min(86%,360px);background:#0e0e12ad;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:14px 16px;text-align:center}.state-player{background:transparent;border:0}.state-title{margin:0;font-size:1rem;font-weight:600}.state-subtitle{margin:8px 0 0;font-size:.9rem;opacity:.82}.action-ghost{margin-top:12px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:#ffffff14;color:var(--text-main);padding:9px 12px;cursor:pointer}.controls-row{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:12px;z-index:3}.ctrl-btn{width:52px;height:52px;border-radius:50%;border:none;background:var(--btn-bg);color:#fff;font-size:1.1rem;cursor:pointer}.ctrl-btn--main{width:64px;height:64px;font-size:1.35rem}.side-actions{position:absolute;right:12px;bottom:112px;display:flex;flex-direction:column;gap:8px;z-index:3}.side-btn{width:34px;height:34px;border-radius:50%;border:none;background:var(--btn-bg);color:#fff;font-size:.95rem;cursor:pointer}.share-toast{position:absolute;left:50%;bottom:92px;transform:translate(-50%);z-index:5;padding:8px 12px;border-radius:10px;background:#0c0c12d1;border:1px solid rgba(255,255,255,.18);font-size:.82rem;color:#f0f0f6;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}button:disabled{opacity:.5;cursor:default}audio{display:none}