:root{--bg:#060714;--bg-glow:#5865f247;--frame:#0f1230;--panel:#171b3d;--panel-soft:#ffffff0b;--border:#ffffff14;--text:#f3f4fb;--text-dim:#868fb8;--accent:#5865f2;--accent-2:#7c6cff;--danger:#ff5c7a;--yt:#ff2d2d;--tt-bg:#0e0e10;--shazam:#0095ff;--pin:#e0245e;--x:#1d1f24;--ok:#ee8208;--likee:#fe2c55}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);background-image:radial-gradient(650px circle at 50% 0%, var(--bg-glow), transparent 60%), radial-gradient(500px circle at 100% 100%, #7c6cff29, transparent 55%);color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{font-family:inherit}.app-frame{background:var(--frame);border:1px solid var(--border);border-radius:28px;min-height:calc(100vh - 20px);margin:10px;overflow:hidden;box-shadow:0 30px 70px -20px #0000008c,inset 0 0 0 1px #5865f20f}.app{flex-direction:column;min-height:calc(100vh - 20px);display:flex}.app-body{flex:1;padding:18px 16px 150px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:0 8px 24px -10px #00000073}.card{padding:16px}.playlist-header{align-items:center;gap:12px;margin-bottom:18px;display:flex}.round-icon{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:19px;display:flex}.playlist-header-title{font-size:19px;font-weight:800}.playlist-header-sub{color:var(--accent-2);font-size:12px}.header-spacer{flex:1}.dots-btn{background:var(--panel-soft);width:36px;height:36px;color:var(--text-dim);cursor:pointer;border:none;border-radius:50%;font-size:16px}.search-wrap{margin-bottom:16px;position:relative}.search-wrap .search-icon{color:var(--text-dim);pointer-events:none;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{border:1px solid var(--border);background:var(--panel-soft);width:100%;color:var(--text);border-radius:14px;padding:12px 14px 12px 38px;font-size:14px}.search-input::placeholder{color:var(--text-dim)}.song-row{cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:9px 6px;display:flex}.song-row:active,.song-row.active{background:var(--panel-soft)}.song-cover{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.cover-youtube{background:linear-gradient(135deg, var(--yt), #8a0000)}.cover-instagram{background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7)}.cover-tiktok{background:var(--tt-bg)}.cover-shazam{background:linear-gradient(135deg, var(--shazam), var(--accent-2))}.cover-pinterest{background:linear-gradient(135deg, var(--pin), #8a0033)}.cover-x{background:var(--x)}.cover-ok{background:linear-gradient(135deg, var(--ok), #a34e00)}.cover-likee{background:linear-gradient(135deg, var(--likee), #8a0032)}.row-play-btn{background:var(--panel-soft);width:26px;height:26px;color:var(--text);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.song-row.active .row-play-btn{background:var(--accent);color:#fff}.song-meta{flex:1;min-width:0}.song-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.song-artist{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.song-duration{color:var(--text-dim);flex-shrink:0;font-size:12px}.icon-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;padding:6px;font-size:17px}.icon-btn:active{color:var(--danger)}.empty-state{text-align:center;color:var(--text-dim);padding:48px 16px;font-size:14px;line-height:1.6}.mini-player{z-index:15;padding:10px 12px;position:fixed;bottom:76px;left:12px;right:12px}.mini-player-expanded{border:1px solid #7c6cff80;box-shadow:0 0 0 1px #7c6cff26,0 10px 30px -10px #5865f273}.mini-player-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.mini-controls{align-items:center;gap:4px;display:flex}.mini-btn{background:var(--panel-soft);width:30px;height:30px;color:var(--text);cursor:pointer;border:none;border-radius:50%;font-size:11px}.mini-btn.play{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;width:34px;height:34px;font-size:13px}.seek-track{background:var(--panel-soft);cursor:pointer;border-radius:3px;height:5px;margin-bottom:6px;position:relative}.seek-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:3px;position:absolute;top:0;bottom:0;left:0}.seek-thumb{background:#fff;border-radius:50%;width:13px;height:13px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0006}.seek-times{color:var(--text-dim);justify-content:space-between;font-size:12px;display:flex}.bottom-nav{z-index:10;padding:6px;display:flex;position:fixed;bottom:12px;left:12px;right:12px}.bottom-nav button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:4px;font-size:13px;font-weight:600;display:flex}.bottom-nav button span{border-radius:14px;padding:9px 18px}.bottom-nav button.active span{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 6px 16px -4px #5865f28c}.profile-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;font-weight:800;display:flex;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-name{font-size:18px;font-weight:800}.profile-handle{color:var(--accent-2);font-size:13px}.member-since{align-items:center;gap:12px;margin-bottom:4px;display:flex}.member-since-icon{background:var(--panel-soft);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.member-since-label{color:var(--text-dim);font-size:11px}.member-since-value{font-size:14px;font-weight:700}.section-header{color:var(--text-dim);align-items:center;gap:8px;margin:22px 0 10px;font-size:13px;font-weight:700;display:flex}.stat-grid-compact{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat-chip{text-align:center;flex-direction:column;align-items:center;padding:10px 6px;display:flex}.stat-chip-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:6px;font-size:12px;display:flex}.stat-chip-value{font-size:16px;font-weight:800;line-height:1.2}.stat-chip-label{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.limit-gauge{align-items:center;gap:18px;display:flex}.limit-ring{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:78px;height:78px;padding:6px;display:flex}.limit-ring-inner{background:var(--panel);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;font-weight:800;line-height:1.2;display:flex}.limit-ring-inner span{color:var(--text-dim);font-size:10px;font-weight:600}.limit-ring-unlimited{background:linear-gradient(135deg, var(--accent), var(--accent-2))}.limit-ring-unlimited .limit-ring-inner{font-size:22px}.limit-title{margin-bottom:4px;font-size:14px;font-weight:700}.limit-sub{color:var(--text-dim);margin-bottom:8px;font-size:12px}.limit-bar-track{background:var(--panel-soft);border-radius:3px;height:6px;overflow:hidden}.limit-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:3px;height:100%}