:root{--bg-root: #060608;--bg-surface: #0b0b0f;--bg-elevated: #101014;--bg-hover: #16161d;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--border-subtle: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .18);--brand: #1db954;--brand-hover: #1ed760;--brand-soft: rgba(29, 185, 84, .14);--brand-border: rgba(29, 185, 84, .38);--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-provider=anghami]{--brand: #a855f7;--brand-hover: #c084fc;--brand-soft: rgba(168, 85, 247, .16);--brand-border: rgba(168, 85, 247, .42)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-root);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}button,input,select{font-family:inherit}button{border:none;outline:none;cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#ffffff47}.v2-root{min-height:100vh;background-color:var(--bg-root);color:var(--text-primary);display:flex;flex-direction:column}.brand-bg{background-color:var(--brand);color:#000}.brand-bg:hover:not(:disabled){background-color:var(--brand-hover)}.brand-text{color:var(--brand)}.brand-pill{background-color:var(--brand-soft);color:var(--brand);border:1px solid var(--brand-border)}.brand-active-card{background-color:var(--brand-soft)!important;border-color:var(--brand)!important}.obsidian-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:14px}.obsidian-card-interactive{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:14px;transition:all .16s ease}.obsidian-card-interactive:hover{background:var(--bg-hover);border-color:var(--border-hover)}.v2-login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:radial-gradient(ellipse at top,#27272a73,#09090c 55%,#060608)}.v2-login-card{width:100%;max-width:680px;padding:2.25rem 2rem;text-align:center;box-shadow:0 25px 60px -15px #000000d9}.v2-status-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:9999px;background:#18181be6;border:1px solid var(--border-subtle);font-size:.75rem;color:#d4d4d8;margin-bottom:1.25rem}.v2-status-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399}.v2-status-dot.error{background:#f87171;box-shadow:0 0 8px #f87171}.v2-hero-title{font-size:clamp(1.65rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;margin:0;line-height:1.15}.v2-hero-subtitle{font-size:.875rem;color:var(--text-secondary);max-width:520px;margin:.75rem auto 0;line-height:1.55}.v2-login-btn-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:520px;margin:1.5rem auto 0}.v2-btn-spotify{width:100%;padding:.85rem 1.25rem;border-radius:12px;background:#1db954;color:#000;font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.6rem;box-shadow:0 8px 20px -4px #1db95459;transition:transform .15s ease,background .15s ease}.v2-btn-spotify:hover{background:#1ed760;transform:translateY(-2px)}.v2-btn-anghami{width:100%;padding:.85rem 1.25rem;border-radius:12px;background:linear-gradient(90deg,#9333ea,#db2777);color:#fff;font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.6rem;box-shadow:0 8px 20px -4px #a855f759;transition:transform .15s ease,opacity .15s ease}.v2-btn-anghami:hover{opacity:.95;transform:translateY(-2px)}.v2-quick-url-box{max-width:520px;margin:1.25rem auto 0;padding:.85rem;text-align:left}.v2-quick-url-header{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:600;color:#d4d4d8;margin-bottom:.5rem}.v2-quick-url-row{display:flex;gap:.5rem}.v2-input{flex:1;background:#09090b;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.55rem .75rem;font-size:.8rem;color:#fff;outline:none;transition:border-color .15s ease}.v2-input:focus{border-color:var(--brand)}.v2-input::placeholder{color:var(--text-muted)}.v2-login-workflows{margin-top:1.75rem;text-align:left}.v2-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.v2-login-workflow-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;margin-top:.75rem}.v2-login-wf-card{padding:.85rem;display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;text-align:left}.v2-wf-icon{font-size:1.2rem;padding:.55rem;border-radius:10px;background:#ffffff0d;flex-shrink:0;line-height:1}.v2-app-shell{max-width:1440px;width:100%;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:#070709;border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle)}.v2-header{padding:.75rem 1.25rem;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:.75rem;position:sticky;top:0;z-index:30}.v2-header-left{display:flex;align-items:center;gap:.65rem;min-width:0}.v2-logo-mark{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;flex-shrink:0}.v2-header-title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.v2-app-name{font-size:.95rem;font-weight:800;color:#fff}.v2-provider-badge{font-size:.7rem;padding:.15rem .55rem;border-radius:9999px;font-weight:600}.v2-header-right{display:flex;align-items:center;gap:.6rem}.v2-btn-secondary{padding:.45rem .75rem;border-radius:10px;font-size:.75rem;font-weight:600;background:#18181b;color:#e4e4e7;border:1px solid rgba(255,255,255,.12);display:inline-flex;align-items:center;gap:.4rem;transition:background .15s ease,border-color .15s ease}.v2-btn-secondary:hover:not(:disabled){background:#27272a;border-color:#ffffff38}.v2-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.v2-user-area{display:flex;align-items:center;gap:.55rem;padding-left:.6rem;border-left:1px solid var(--border-subtle)}.v2-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0}.v2-user-meta{text-align:left}.v2-user-name{font-size:.75rem;font-weight:700;color:#fff;line-height:1.1}.v2-user-sub{font-size:.68rem;color:var(--text-secondary)}.v2-btn-logout{padding:.35rem .6rem;border-radius:8px;font-size:.75rem;font-weight:600;background:transparent;color:var(--text-secondary);border:1px solid transparent;transition:all .15s ease}.v2-btn-logout:hover{color:#f87171;background:#ef44441f;border-color:#ef444440}.v2-quick-dock{padding:.85rem 1.25rem;background:#0e0e13;border-bottom:1px solid var(--border-subtle)}.v2-quick-dock-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem}.v2-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.v2-qa-card{padding:.75rem;display:flex;align-items:center;gap:.65rem;text-align:left;width:100%;color:#fff}.v2-qa-icon{font-size:1.2rem;background:#00000073;padding:.5rem;border-radius:10px;flex-shrink:0;line-height:1}.v2-qa-title{font-size:.8rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v2-qa-sub{font-size:.72rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.v2-workspace-body{display:flex;flex-direction:row;flex:1;min-height:0}.v2-playlist-sidebar{width:270px;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border-subtle);padding:.85rem;display:flex;flex-direction:column;gap:.6rem}.v2-sidebar-top{display:flex;align-items:center;justify-content:space-between}.v2-multi-btn{font-size:.7rem;padding:.25rem .55rem;border-radius:6px;background:#27272a;color:#e4e4e7;font-weight:600;transition:all .15s ease}.v2-multi-btn.active{background:var(--brand);color:#000;font-weight:700}.v2-playlist-list{display:flex;flex-direction:column;gap:.35rem;overflow-y:auto;max-height:calc(100vh - 240px)}.v2-playlist-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .7rem;border-radius:11px;background:#18181b73;border:1px solid transparent;color:#a1a1aa;text-align:left;width:100%;transition:all .14s ease}.v2-playlist-item:hover{background:#ffffff0d;color:#f4f4f5}.v2-playlist-item.selected{background-color:var(--brand-soft);border-color:var(--brand);color:#fff}.v2-playlist-item-left{display:flex;align-items:center;gap:.55rem;min-width:0;flex:1}.v2-playlist-item-name{font-size:.78rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v2-playlist-item-count{font-size:.68rem;color:var(--text-muted)}.v2-playlist-item-badge{font-size:.65rem;padding:.12rem .4rem;border-radius:5px;background:#ffffff0f;color:var(--text-secondary);flex-shrink:0}.v2-main-content{flex:1;min-width:0;padding:1.1rem 1.35rem 5rem;display:flex;flex-direction:column;gap:.9rem}.v2-view-header{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.v2-view-title-wrap{min-width:0}.v2-view-title-row{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.v2-view-title{font-size:1.15rem;font-weight:800;margin:0;color:#fff}.v2-count-badge{padding:.18rem .6rem;border-radius:9999px;font-size:.72rem;font-weight:800}.v2-view-subtitle{font-size:.75rem;color:var(--text-secondary);margin:.25rem 0 0}.v2-action-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.v2-btn-primary{padding:.52rem .9rem;border-radius:11px;font-size:.76rem;font-weight:700;display:inline-flex;align-items:center;gap:.4rem;box-shadow:0 6px 18px -4px #00000080;transition:transform .14s ease,opacity .14s ease}.v2-btn-primary:disabled{opacity:.45;cursor:not-allowed}.v2-btn-danger{padding:.52rem .8rem;border-radius:11px;font-size:.75rem;font-weight:600;background:#ef444424;color:#f87171;border:1px solid rgba(239,68,68,.32);display:inline-flex;align-items:center;gap:.35rem;transition:background .15s ease}.v2-btn-danger:hover:not(:disabled){background:#ef44443d}.v2-btn-danger:disabled{opacity:.4;cursor:not-allowed}.v2-scan-banner{padding:.6rem .9rem;border-radius:11px;background:#1db9541a;border:1px solid var(--brand-border);display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.76rem;color:#e4e4e7}.v2-toolbar{display:flex;flex-direction:column;gap:.6rem}.v2-toolbar-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.v2-select{background:#121217;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.52rem .7rem;font-size:.76rem;color:#e4e4e7;outline:none}.v2-chips-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.v2-chips-scroll{display:flex;align-items:center;gap:.4rem;overflow-x:auto;padding-bottom:2px}.v2-chip{padding:.32rem .65rem;border-radius:8px;font-size:.74rem;font-weight:500;background:#141419;color:#d4d4d8;border:1px solid rgba(255,255,255,.1);white-space:nowrap;transition:all .14s ease}.v2-chip:hover{border-color:#ffffff38;color:#fff}.v2-chip.active{background-color:var(--brand-soft);color:var(--brand);border-color:var(--brand-border);font-weight:700}.v2-chip-filter-active{background:#38bdf82e;color:#7dd3fc;border:1px solid rgba(56,189,248,.4);font-weight:600}.v2-adv-panel{background:#101015;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.v2-adv-header{width:100%;padding:.65rem .95rem;background:#121218;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left;transition:background .15s ease}.v2-adv-header:hover{background:#181820}.v2-adv-header-left{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;min-width:0}.v2-adv-summary{font-size:.72rem;color:var(--text-secondary)}.v2-adv-body{padding:.95rem;border-top:1px solid var(--border-subtle);background:#0e0e13d9;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.v2-adv-col{display:flex;flex-direction:column;gap:.4rem}.v2-adv-col-full{grid-column:1 / -1;padding-top:.75rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:1rem}.v2-adv-title{font-size:.78rem;font-weight:700;color:#fff;margin:0}.v2-adv-desc{font-size:.68rem;color:var(--text-muted);margin:0;line-height:1.35}.v2-toggle-pill-group{display:inline-flex;background:#09090c;padding:3px;border-radius:9px;border:1px solid rgba(255,255,255,.1);width:fit-content}.v2-toggle-pill-btn{padding:.28rem .65rem;border-radius:7px;font-size:.72rem;font-weight:600;background:transparent;color:var(--text-secondary);transition:all .14s ease}.v2-toggle-pill-btn.active{background:var(--brand);color:#000;font-weight:700}.v2-switch{width:44px;height:24px;border-radius:9999px;background:#27272a;position:relative;flex-shrink:0;transition:background .18s ease;padding:0}.v2-switch.on{background:var(--brand)}.v2-switch-knob{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .18s ease}.v2-switch.on .v2-switch-knob{transform:translate(20px)}.v2-insights-panel{display:flex;flex-direction:column;gap:.75rem}.v2-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.v2-kpi-card{padding:.8rem}.v2-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.v2-chart-card{padding:.9rem}.v2-bar-row{cursor:pointer;margin-bottom:.55rem}.v2-bar-row:last-child{margin-bottom:0}.v2-bar-labels{display:flex;justify-content:space-between;font-size:.74rem;margin-bottom:.25rem}.v2-bar-track{height:7px;width:100%;background:#27272a;border-radius:9999px;overflow:hidden}.v2-bar-fill{height:100%;background:var(--brand);border-radius:9999px;transition:width .25s ease}.v2-tracks-list{display:flex;flex-direction:column;gap:.4rem}.v2-track-row{padding:.6rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer}.v2-track-row.selected{border-color:#fff3;background:#ffffff08}.v2-track-left{display:flex;align-items:center;gap:.7rem;min-width:0;flex:1}.v2-track-thumb{width:36px;height:36px;border-radius:8px;object-fit:cover;background:#27272a;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#a1a1aa;flex-shrink:0}.v2-track-info{min-width:0;flex:1}.v2-track-title-line{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.v2-track-title{font-size:.84rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v2-track-sub{font-size:.74rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.v2-badge-keep{padding:.1rem .45rem;border-radius:5px;font-size:.68rem;font-weight:700;background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.4)}.v2-badge-remove{padding:.1rem .45rem;border-radius:5px;font-size:.68rem;font-weight:700;background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4)}.v2-badge-reason{padding:.1rem .45rem;border-radius:5px;font-size:.68rem;font-weight:600}.v2-track-right{display:flex;align-items:center;gap:.7rem;flex-shrink:0}.v2-track-pop{font-size:.72rem;color:var(--text-muted)}.v2-track-dur{font-size:.74rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--text-secondary)}.v2-mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#0b0b0ff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(4,1fr);gap:.25rem}.v2-mnav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:.35rem .25rem;border-radius:10px;background:transparent;color:var(--text-secondary);font-size:.68rem;font-weight:600}.v2-mnav-btn.active{color:var(--brand);background:#ffffff0d;font-weight:700}.v2-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem}.v2-modal-card{width:100%;max-width:480px;padding:1.35rem;background:#101015;border:1px solid rgba(255,255,255,.15);border-radius:18px;box-shadow:0 25px 60px #000000e6}.v2-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.v2-modal-title{font-size:.98rem;font-weight:800;margin:0;color:#fff}.v2-export-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;max-height:220px;overflow-y:auto;margin:.75rem 0 1rem;padding-right:4px}.v2-field-checkbox{display:flex;align-items:center;gap:.45rem;font-size:.74rem;background:#18181e;padding:.45rem .6rem;border-radius:8px;border:1px solid var(--border-subtle);cursor:pointer;color:#e4e4e7}.v2-toast{position:fixed;bottom:4.5rem;right:1.25rem;z-index:70;padding:.65rem 1rem;border-radius:12px;font-size:.78rem;font-weight:700;box-shadow:0 15px 35px #000000bf}@media (max-width: 768px){.v2-login-card{padding:1.5rem 1.15rem}.v2-login-btn-grid,.v2-login-workflow-grid{grid-template-columns:1fr}.v2-quick-dock{display:none}.v2-mobile-bottom-nav{display:grid}.v2-workspace-body{flex-direction:column}.v2-playlist-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-subtle);padding:.55rem .85rem;gap:.4rem}.v2-playlist-search-wrap{display:none}.v2-playlist-list{flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;gap:.4rem;padding-bottom:2px}.v2-playlist-item{width:auto;flex-shrink:0;padding:.38rem .75rem;border-radius:9999px}.v2-playlist-item-count,.v2-playlist-item-badge,.v2-user-meta,.v2-paste-label,.v2-track-pop{display:none}.v2-main-content{padding:.85rem .85rem 5.5rem}.v2-kpi-grid,.v2-adv-body{grid-template-columns:repeat(2,1fr)}.v2-charts-grid,.v2-export-fields-grid{grid-template-columns:1fr}}