:root{color-scheme:dark;--bg: #08060c;--bg-elevated: #0d0913;--surface: #171020;--surface-2: #20152d;--surface-3: #2a1b3a;--purple: #7a43df;--purple-2: #a04ce0;--magenta: #cf4dac;--orange: #ff8a3d;--amber: #ffbd52;--text: #f8f5fb;--muted: #aba3b6;--green: #63d5a0;--danger: #ff6881;--line: rgba(255, 255, 255, .08);--shadow: 0 18px 45px rgba(0, 0, 0, .36);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}button{border:0;color:inherit}button,input[type=range]{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.app-shell{min-height:100vh;background:linear-gradient(180deg,rgba(122,67,223,.08),transparent 280px),var(--bg)}.auth-page{min-height:100vh;padding:28px;background:linear-gradient(180deg,rgba(122,67,223,.12),transparent 340px),radial-gradient(circle at 82% 18%,rgba(255,138,61,.14),transparent 34%),var(--bg);display:grid;place-items:center}.auth-panel{width:min(460px,100%);border:1px solid var(--line);border-radius:8px;padding:30px;background:#0d0913db;box-shadow:var(--shadow);display:grid;gap:18px}.auth-panel img{width:min(250px,100%);height:auto}.auth-panel h1{margin:0;font-size:clamp(2rem,4.8vw,3rem);line-height:1;letter-spacing:0}.auth-panel p{margin:0;color:var(--muted);line-height:1.55}.auth-form{display:grid;gap:12px}.auth-form label{min-height:46px;border:1px solid var(--line);border-radius:8px;padding:0 13px;background:#ffffff0e;color:var(--muted);display:flex;align-items:center;gap:10px}.auth-form input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text)}.auth-message{min-height:40px;border:1px solid rgba(99,213,160,.24);border-radius:8px;padding:10px 12px;background:#63d5a00f;color:var(--green)}.auth-message.danger{border-color:#ff688147;background:#ff688112;color:var(--danger)}.sidebar{position:fixed;inset:0 auto 86px 0;z-index:20;width:252px;border-right:1px solid var(--line);background:#0a070ff0;display:flex;flex-direction:column;padding:15px 12px}.brand-lockup{display:flex;align-items:center;justify-content:flex-start;min-height:74px;padding:8px 6px 12px;background:transparent;text-align:left;font-weight:800;color:var(--text)}.brand-lockup img{width:min(205px,100%);height:auto;max-height:62px;object-fit:contain}.nav-section{margin-top:22px}.nav-section p{margin:0 0 8px 10px;color:#8f86a1;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.nav-item{width:100%;height:42px;padding:0 12px;border-radius:8px;background:transparent;color:#a79db6;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;text-align:left;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-item:hover,.nav-item.active{background:var(--surface-2);color:var(--text)}.nav-item.active{box-shadow:inset 3px 0 0 var(--purple)}.nav-item b{min-width:25px;border-radius:999px;padding:3px 6px;background:#ffffff14;color:var(--text);font-size:.68rem;text-align:center}.sidebar-bottom{margin-top:auto;display:grid;gap:12px}.upload-cta,.primary-button,.install-button{min-height:42px;border-radius:8px;padding:0 16px;background:linear-gradient(105deg,#8e44ff,var(--magenta) 52%,#ff652d);display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-weight:800;white-space:nowrap;box-shadow:0 10px 24px #a04ce038}.upload-cta{width:100%}.install-button{background:linear-gradient(105deg,#5d3dd6,#a04ce0);min-width:140px}.storage-card{border:1px solid var(--line);border-radius:8px;padding:12px;background:#ffffff09}.storage-title,.storage-line{display:flex;align-items:center;justify-content:space-between;color:#9e94ad;font-size:.82rem}.storage-title{justify-content:flex-start;gap:8px}.storage-line{margin-top:8px}.meter{height:5px;margin-top:8px;border-radius:999px;background:#ffffff17;overflow:hidden}.meter span{display:block;width:37%;height:100%;background:linear-gradient(90deg,var(--purple),var(--orange))}.settings-link{height:36px;border-radius:8px;background:transparent;color:#a79db6;display:flex;align-items:center;gap:8px;padding:0 10px}.topbar{position:fixed;inset:0 0 auto 252px;z-index:18;height:66px;border-bottom:1px solid var(--line);background:#0c0812e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 24px}.topbar-controls,.topbar-actions{display:flex;align-items:center;gap:10px;min-width:0}.topbar-controls{position:relative}.searchbox,.local-search{height:42px;width:clamp(260px,31vw,520px);border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#ffffff0e;color:#92889f;display:flex;align-items:center;gap:10px}.searchbox input,.local-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text)}.searchbox kbd{min-width:32px;border-radius:6px;padding:3px 6px;background:#ffffff14;color:#8d8499;font-size:.75rem;text-align:center}.global-results{position:absolute;top:calc(100% + 10px);left:96px;z-index:40;width:min(520px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 98px));border:1px solid var(--line);border-radius:8px;padding:8px;background:#100a18fa;box-shadow:var(--shadow);overflow:auto}.global-results button,.global-empty{width:100%;min-height:58px;border-radius:8px;padding:8px;color:var(--text);display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left}.global-results button:hover{background:#ffffff12}.global-results strong,.global-results small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-results small,.global-results b,.global-empty{color:var(--muted)}.global-results b{font-size:.78rem}.global-empty{grid-template-columns:24px minmax(0,1fr)}.ghost-icon,.heart-button,.offline-button,.round-action{width:38px;height:38px;border-radius:8px;background:transparent;color:#9c93aa;display:inline-flex;align-items:center;justify-content:center}.ghost-icon:hover,.heart-button:hover,.offline-button:hover,.round-action:hover{background:#ffffff14;color:var(--text)}.ghost-icon:disabled,.offline-button:disabled,.play-button:disabled,.round-action:disabled{cursor:not-allowed;opacity:.45}.active-control{color:var(--orange);background:#ff8a3d1f}.repeat-button{position:relative}.repeat-button span{position:absolute;right:7px;bottom:5px;min-width:11px;height:11px;border-radius:999px;background:var(--orange);color:#13080b;display:grid;place-items:center;font-size:.58rem;font-weight:900;line-height:1}.heart-button.active{color:var(--magenta)}.offline-button.active{color:var(--green)}.library-chip{height:42px;border-radius:8px;padding:0 12px 0 5px;background:#ffffff0e;display:flex;align-items:center;gap:8px;color:var(--text);white-space:nowrap}.library-chip span{width:31px;height:31px;border-radius:8px;background:linear-gradient(135deg,var(--purple),var(--orange));display:grid;place-items:center;font-size:.75rem;font-weight:800}.library-chip strong{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-surface{min-height:100vh;margin-left:252px;padding:92px 28px 122px}.page{max-width:1380px;margin:0 auto}.home-page{display:grid;gap:18px}.page-header{margin-bottom:24px}.page-header h2,.section-title h3{margin:0;color:var(--text)}.page-header h2{font-size:clamp(1.7rem,2.8vw,2.35rem)}.page-header p{margin:7px 0 0;color:var(--muted)}.hero-panel{position:relative;min-height:320px;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;background:linear-gradient(112deg,#2a1b3af5,#211130f2 48%,#12091afa),var(--surface);box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);align-items:center;gap:26px;padding:clamp(28px,5vw,52px)}.hero-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,138,61,.1)),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 32px);pointer-events:none}.hero-copy,.hero-art{position:relative;z-index:1}.sync-pill{display:inline-flex;align-items:center;gap:7px;min-height:28px;border-radius:999px;padding:0 10px;background:#63d5a01a;color:var(--green);font-size:.75rem;font-weight:800;text-transform:uppercase}.hero-copy h1{margin:18px 0 12px;max-width:620px;font-size:clamp(3rem,5.1vw,4.75rem);line-height:.94;letter-spacing:0}.hero-copy h1 span{display:block;background:linear-gradient(90deg,var(--purple-2),var(--magenta),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{max-width:650px;margin:0;color:var(--muted);line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-button{min-width:132px;background:linear-gradient(105deg,var(--amber),var(--orange));color:#241109}.secondary-button,.text-button{min-height:42px;border-radius:8px;padding:0 16px;background:#ffffff13;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.text-button{min-height:34px;background:transparent;color:var(--muted)}.text-button:hover,.secondary-button:hover{background:var(--surface-2);color:var(--text)}.hero-art{min-height:260px}.cassette-card{position:absolute;top:34px;left:18px;width:190px;height:158px;border-radius:8px;background:linear-gradient(160deg,rgba(255,255,255,.28),transparent 38%),linear-gradient(135deg,var(--purple),var(--magenta) 55%,var(--orange));transform:rotate(-7deg);box-shadow:0 28px 45px #00000057;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;color:#fff}.cassette-card span{font-size:1.7rem;font-weight:950;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cassette-card small{text-transform:uppercase;color:#ffffffc2}.vinyl{position:absolute;right:42px;top:8px;width:230px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#050409 0,#050409 8px,#111018 8px,#111018 12px),#050409;box-shadow:0 26px 48px #00000080}.vinyl span{position:absolute;top:78px;right:78px;bottom:78px;left:78px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--magenta),var(--orange))}.vinyl i{position:absolute;top:104px;right:104px;bottom:104px;left:104px;border-radius:50%;background:#0b0810;border:6px solid var(--amber)}.track-popover{position:absolute;right:10px;bottom:26px;min-width:190px;border:1px solid var(--line);border-radius:8px;padding:12px;background:#0d0913db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;gap:10px}.track-popover strong,.track-popover small{display:block}.track-popover small{color:var(--muted)}.mini-bars{width:26px;height:26px;display:flex;align-items:flex-end;gap:3px}.mini-bars span{width:5px;border-radius:999px;background:linear-gradient(180deg,var(--orange),var(--magenta))}.mini-bars span:nth-child(1){height:14px}.mini-bars span:nth-child(2){height:24px}.mini-bars span:nth-child(3){height:18px}.stats-grid,.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card,.metric-card,.browse-card,.queue-card,.collection-card,.offline-panel,.upload-row{border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.stat-card{min-height:82px;padding:16px;display:grid;grid-template-columns:42px auto 1fr;align-items:center;gap:12px}.stat-card>span,.metric-card>span,.browse-card>span,.collection-card>span,.upload-file-icon,.drop-icon{border-radius:8px;background:#7a43df52;color:#c98cff;display:grid;place-items:center}.stat-card>span,.metric-card>span{width:42px;height:42px}.stat-card strong{font-size:1.35rem}.stat-card b,.stat-card small,.metric-card small,.collection-card small{display:block}.stat-card small,.metric-card small,.browse-card small,.collection-card small{color:var(--muted)}.section-title{margin:8px 0 10px;display:flex;align-items:center;justify-content:space-between;gap:16px}.empty-state{min-height:96px;border:1px solid var(--line);border-radius:8px;padding:18px;background:#ffffff09;color:var(--muted);display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px}.empty-state>span{width:44px;height:44px;border-radius:8px;background:#7a43df38;color:#c98cff;display:grid;place-items:center}.empty-state strong{display:block;color:var(--text)}.empty-state p{margin:4px 0 0;line-height:1.45}.album-strip,.artist-grid,.albums-grid,.playlist-grid,.settings-grid{display:grid;gap:18px}.album-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.album-card,.album-tile,.artist-card{min-width:0;border-radius:8px;background:transparent;text-align:left;color:var(--text)}.album-card strong,.album-card span,.album-tile strong,.album-tile span,.album-tile small,.artist-card strong,.artist-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-card strong,.album-tile strong,.artist-card strong{margin-top:10px}.album-card span,.album-tile span,.album-tile small,.artist-card span{margin-top:3px;color:var(--muted);font-size:.88rem}.art{width:100%;aspect-ratio:1;border-radius:8px;color:#ffffffdb;display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.art:after{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border:2px solid rgba(255,255,255,.14);border-radius:999px}.art img,.playlist-cover.image-cover img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover}.art:has(img):after{display:none}.art.compact{width:52px;height:52px;flex:0 0 52px}.art.tiny{width:44px;height:44px;flex:0 0 44px}.art.round{border-radius:50%}.art.round:after{border-radius:50%}.playlist-cover{width:100%;aspect-ratio:1;border-radius:8px;background:linear-gradient(135deg,#7a43dfeb,#63d5a0b8),var(--surface-2);color:#ffffffe6;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;box-shadow:var(--shadow)}.playlist-cover.compact{width:52px;height:52px;flex:0 0 52px}.playlist-cover.large{width:clamp(154px,18vw,230px);flex:0 0 auto}.playlist-cover.image-cover{display:block;position:relative}.playlist-cover>.art{width:100%;height:100%;border-radius:0;box-shadow:none}.playlist-cover>svg{place-self:center;grid-column:1 / -1;grid-row:1 / -1}.art-sunset{background:linear-gradient(135deg,#ffbd52f0,#cf4dace6 50%,#7a43dff0),#331640}.art-mic{background:linear-gradient(135deg,#1b1624,transparent),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 7px,transparent 7px 15px),linear-gradient(135deg,#ff8a3d,#45165e 68%)}.art-smoke{background:linear-gradient(145deg,rgba(255,255,255,.78),transparent 42%),linear-gradient(135deg,#7a43df,#171020 62%,#ff6881)}.art-violet{background:linear-gradient(135deg,#06040a,transparent),linear-gradient(45deg,#7a43df,#2a1b3a 42%,#cf4dac)}.art-neon{background:linear-gradient(135deg,rgba(99,213,160,.7),transparent 42%),linear-gradient(140deg,#061414,#2b1c72 50%,#ff8a3d)}.art-orange{background:linear-gradient(135deg,rgba(255,255,255,.2),transparent),linear-gradient(140deg,#ffbd52,#ff652d)}.art-stage{background:linear-gradient(180deg,#040207,transparent 50%),linear-gradient(135deg,#ffbd52,#26103f 55%,#08060c)}.art-radio{background:linear-gradient(135deg,rgba(255,255,255,.62),transparent 45%),linear-gradient(140deg,#63d5a0,#20152d 60%,#aba3b6)}.split-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:18px}.single-section{max-width:760px}.queue-card{min-height:82px;padding:14px;display:flex;align-items:center;gap:14px}.queue-card div{min-width:0;flex:1}.queue-card strong,.queue-card span{display:block}.queue-card span{color:var(--muted)}.round-action{border-radius:50%;background:var(--orange);color:#221009}.ops-list{display:grid;gap:10px}.status-line{min-height:54px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#ffffff0b;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px}.status-line span{width:32px;height:32px;border-radius:8px;display:grid;place-items:center}.status-line.green span{background:#63d5a01f;color:var(--green)}.status-line.purple span{background:#a04ce02e;color:var(--purple-2)}.status-line.amber span{background:#ffbd5226;color:var(--amber)}.status-line small{color:var(--muted)}.metric-row{margin-bottom:28px}.library-summary-row{margin-bottom:28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{min-height:88px;padding:18px;display:flex;align-items:center;gap:14px}.metric-card strong{display:block;font-size:1.65rem}.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.library-filter-row{margin-bottom:16px;display:flex;flex-wrap:wrap;gap:10px}.filter-pill{min-height:34px;border-radius:999px;padding:0 15px;background:#ffffff14;color:var(--muted);font-weight:800}.filter-pill.active,.filter-pill:hover{background:#fff;color:#130d19}.library-playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:24px}.library-playlist-card{min-width:0;background:transparent;color:var(--text);text-align:left}.library-playlist-card strong,.library-playlist-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-playlist-card strong{margin-top:12px}.library-playlist-card span{margin-top:4px;color:var(--muted);font-size:.88rem}.browse-card{min-height:96px;padding:18px;display:flex;align-items:center;gap:16px;text-align:left}.browse-card>span,.collection-card>span{width:52px;height:52px;flex:0 0 52px}.local-search{width:100%;margin-bottom:28px}.artist-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-items:start}.artist-card{text-align:center}.artist-card .art{max-width:210px;margin:0 auto}.albums-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.album-detail-page{gap:18px}.album-back-button{justify-self:start;display:inline-flex;align-items:center;gap:8px}.album-detail-hero{min-height:270px;padding:28px;border:1px solid var(--line);border-radius:8px;background:radial-gradient(circle at 20% 20%,rgba(155,72,255,.28),transparent 34%),linear-gradient(135deg,#3d1f55eb,#0d1113f0);display:flex;align-items:flex-end;gap:26px}.album-detail-hero>.art{width:clamp(160px,18vw,230px);flex:0 0 auto}.album-detail-copy{min-width:0}.album-detail-copy span,.album-detail-copy p{color:var(--muted)}.album-detail-copy h2{margin:10px 0 8px;font-size:clamp(2.4rem,6vw,5rem);line-height:.95;overflow-wrap:anywhere}.album-command-bar{min-height:78px;display:flex;align-items:center;gap:14px}.album-track-table{display:grid;gap:2px}.album-track-row{min-height:68px;border-radius:8px;padding:0 12px;background:transparent;color:#a79db6;display:grid;grid-template-columns:38px minmax(240px,1fr) minmax(110px,.3fr) 90px 46px;align-items:center;gap:12px;text-align:left}.album-track-row:not(.table-head):hover{background:#ffffff0e;color:var(--text)}.album-track-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-track-row .icon-button{justify-self:end}.track-table{display:grid;gap:2px}.track-row{min-height:70px;border-radius:8px;padding:0 18px;background:transparent;color:#a79db6;display:grid;grid-template-columns:44px minmax(260px,1fr) minmax(170px,.34fr) 92px 44px 44px 44px;align-items:center;gap:14px;text-align:left}.track-row:not(.table-head):hover{background:#ffffff0e;color:var(--text)}.table-head{min-height:42px;border-bottom:1px solid var(--line);color:#8f86a1;font-size:.86rem}.track-title{display:flex;align-items:center;gap:14px;min-width:0;overflow:hidden}.track-play-cell{width:100%;min-width:0;padding:0;overflow:hidden;background:transparent;color:inherit;text-align:left}.track-row .heart-button,.track-row .offline-button,.track-playlist-cell{justify-self:end}.track-playlist-cell{position:relative}.track-playlist-menu{position:absolute;z-index:30;top:calc(100% + 10px);right:0;width:min(320px,82vw);padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#120d18fa;box-shadow:0 18px 48px #00000070;display:grid;gap:10px}.track-playlist-menu form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.track-playlist-menu label{min-width:0;height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0e;display:flex;align-items:center;gap:8px}.track-playlist-menu input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.track-playlist-options{max-height:220px;overflow:auto;display:grid;gap:6px}.track-playlist-options button{min-width:0;min-height:44px;padding:9px 10px;border-radius:8px;background:#ffffff0b;color:var(--text);display:grid;gap:2px;text-align:left}.track-playlist-options button:hover{background:#b153ff2e}.track-playlist-options span,.track-playlist-options small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-playlist-options small,.track-playlist-empty{color:var(--muted);font-size:.82rem}.track-title>span{min-width:0;overflow:hidden}.track-title strong,.track-title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-title strong{color:var(--text)}.track-title small{color:var(--muted)}.playlist-grid,.settings-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.collection-card{min-height:116px;padding:18px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;text-align:left}.collection-card b{color:var(--amber)}.playlist-workspace{display:grid;grid-template-columns:minmax(260px,.3fr) minmax(0,1fr);gap:18px;align-items:start}.playlist-panel,.playlist-detail{min-width:0;display:grid;gap:14px}.playlist-create,.playlist-add,.playlist-detail-head,.playlist-actions,.playlist-item-actions{display:flex;align-items:center;gap:10px}.playlist-create{align-items:stretch}.playlist-name-field,.playlist-add label{min-width:0;min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#ffffff0b;color:var(--muted);display:flex;align-items:center;gap:10px}.playlist-name-field{flex:1}.playlist-name-field input,.playlist-add select{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text)}.playlist-add select option{background:#171020;color:var(--text)}.playlist-list,.playlist-items{display:grid;gap:10px}.playlist-card,.playlist-item{min-width:0;border:1px solid var(--line);border-radius:8px;background:#ffffff09;color:var(--text)}.playlist-card{min-height:78px;padding:12px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left}.playlist-card:hover,.playlist-card.active{background:#a04ce021;border-color:#a04ce06b}.playlist-card strong,.playlist-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-card small,.playlist-detail-head p,.playlist-item>span{color:var(--muted)}.playlist-card b{min-width:28px;border-radius:999px;padding:4px 7px;background:#ffffff14;color:var(--text);font-size:.75rem;text-align:center}.playlist-detail-head{min-height:96px;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}.playlist-detail-head h2{margin:12px 0 5px;font-size:clamp(1.55rem,2.4vw,2.25rem)}.playlist-detail-head p{margin:0}.playlist-hero{min-height:260px;border-radius:8px;padding:28px;background:linear-gradient(180deg,#63d5a080,#18462659 55%,#ffffff09),var(--surface);display:flex;align-items:flex-end;gap:24px}.playlist-hero-copy{min-width:0}.playlist-hero-copy h2{margin:14px 0 8px;font-size:clamp(2.7rem,7vw,5.6rem);line-height:.95}.playlist-hero-copy p,.playlist-hero-copy small{margin:0;color:#ffffffd1;font-weight:700}.playlist-command-bar{min-height:82px;padding:18px 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.playlist-cover-upload{cursor:pointer}.playlist-cover-upload input{display:none}.playlist-play-button{width:58px;height:58px;border-radius:50%;background:var(--green);color:#04140c;display:grid;place-items:center}.playlist-command-bar .offline-button,.playlist-command-bar .ghost-icon{width:46px;height:46px}.playlist-command-bar .playlist-add{margin-left:auto;width:min(520px,100%)}.playlist-filter-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}.playlist-filter-bar .local-search{margin-bottom:0}.playlist-sort{min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#ffffff0b;color:var(--muted);display:flex;align-items:center;gap:10px}.playlist-sort select{min-width:170px;border:0;outline:0;background:transparent;color:var(--text)}.playlist-sort option{background:#171020;color:var(--text)}.playlist-track-table{display:grid;gap:2px}.playlist-track-row{min-height:68px;border-radius:8px;padding:0 12px;color:#a79db6;display:grid;grid-template-columns:38px minmax(220px,1fr) minmax(150px,.42fr) 130px 72px 150px;align-items:center;gap:12px}.playlist-track-row:not(.table-head):hover{background:#ffffff0e;color:var(--text)}.playlist-track-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-actions{flex:0 0 auto}.playlist-add{justify-content:space-between}.playlist-add label{flex:1}.playlist-item{min-height:66px;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr) 62px auto;align-items:center;gap:10px}.playlist-item .track-title{min-width:0}.playlist-item-actions{justify-content:flex-end}.playlist-queue-preview{margin-top:22px}.offline-panel{margin-bottom:24px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(100deg,rgba(99,213,160,.12),transparent),#ffffff0b}.offline-panel h2{margin:14px 0 5px;font-size:clamp(1.5rem,2.5vw,2.2rem)}.offline-panel p{margin:0;color:var(--muted)}.admin-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.admin-menu{position:sticky;top:86px;display:grid;gap:8px}.admin-menu button{min-height:42px;border-radius:8px;padding:0 12px;background:#ffffff0a;color:var(--muted);display:flex;align-items:center;gap:10px;text-align:left}.admin-menu button.active,.admin-menu button:hover{background:#a04ce029;color:var(--text)}.admin-main{display:grid;gap:18px}.admin-hero,.admin-card{border:1px solid var(--line);border-radius:8px;background:#ffffff0a}.admin-hero{min-height:190px;padding:24px;background:linear-gradient(110deg,#7a43df2e,#63d5a014),#ffffff0a;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.admin-hero h2{margin:12px 0 8px;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.admin-hero p{max-width:680px;margin:0;color:var(--muted);line-height:1.55}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-card{min-width:0;padding:18px;display:grid;gap:12px}.admin-action-row{display:flex;flex-wrap:wrap;gap:10px}.admin-review-card{grid-column:1 / -1}.admin-review-workspace{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.35fr);gap:16px;align-items:start}.admin-review-list,.admin-log-list{display:grid;gap:10px}.admin-review-row{min-height:58px;border-radius:8px;padding:8px 10px;background:#ffffff0b;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px}button.admin-review-row{width:100%;color:var(--text);text-align:left}.admin-review-row.active{outline:1px solid rgba(255,172,82,.48);background:#ffac5217}.admin-review-row span{min-width:0}.admin-review-row strong,.admin-review-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-review-row small,.admin-log-row small{color:var(--muted)}.admin-review-row b{color:var(--amber);font-size:.82rem}.admin-mini-icon{width:38px;height:38px;border-radius:8px;background:#ff688121;color:var(--danger);display:grid;place-items:center}.admin-review-form{display:grid;gap:12px}.admin-review-form label{display:grid;gap:7px;color:var(--muted);font-size:.82rem;font-weight:800}.admin-review-form input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#0000002e;color:var(--text);font:inherit}.cover-picker{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:start}.cover-picker .art{width:86px;height:86px}.cover-picker>div{min-width:0;display:grid;gap:8px}.cover-upload-button{min-height:38px;border-radius:8px;padding:0 12px;background:#ffffff13;color:var(--text);display:inline-flex!important;align-items:center;justify-content:center;gap:8px!important;cursor:pointer}.cover-upload-button input{display:none}.admin-review-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-review-warning{min-height:40px;border:1px solid rgba(255,172,82,.28);border-radius:8px;padding:10px 12px;background:#ffac5217;color:var(--amber);display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:800}.admin-review-warning.danger{border-color:#ff68814d;background:#ff688117;color:var(--danger)}.admin-log-row{min-height:48px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:64px minmax(160px,.35fr) minmax(0,1fr);align-items:center;gap:12px}.admin-log-row span{color:var(--amber);font-weight:800;font-size:.82rem}.upload-page{max-width:860px}.drop-zone{width:100%;min-height:282px;border:1px dashed rgba(255,255,255,.18);border-radius:8px;background:#ffffff05;color:var(--text);display:grid;place-items:center;align-content:center;gap:12px}.drop-zone:hover{border-color:#a04ce0c7;background:#a04ce00f}.drop-icon{width:70px;height:70px;background:linear-gradient(135deg,#7a43df61,#ff652d47)}.drop-zone strong{font-size:1.18rem}.drop-zone small{color:var(--muted)}.drop-zone .primary-button{margin-top:8px}.upload-server-actions{display:flex;justify-content:flex-end}.upload-server-actions .secondary-button:disabled{cursor:wait;opacity:.68}.upload-toolbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted)}.upload-toolbar div{display:flex;align-items:center;gap:12px}.compact{min-height:38px}.upload-list{display:grid;gap:12px}.upload-empty{min-height:52px;margin-top:18px;border:1px solid var(--line);border-radius:8px;padding:0 14px;background:#ffffff06;color:var(--muted);display:inline-flex;align-items:center;gap:9px}.upload-row{min-height:88px;padding:14px;display:grid;grid-template-columns:54px minmax(0,1fr) auto 38px;align-items:center;gap:14px}.upload-row.done{border-color:#63d5a047;background:#63d5a009}.upload-row.failed{border-color:#ff5d7057;background:#ff5d700a}.upload-file-icon{width:54px;height:54px;background:#ffffff0f;color:#a79db6}.upload-row strong,.upload-row span,.upload-row small{display:block}.upload-row span,.upload-row small{color:var(--muted)}.upload-progress{position:relative;width:min(280px,100%);height:8px;margin-top:9px;border-radius:999px;overflow:hidden;background:#ffffff14}.upload-progress>span{display:block;min-width:4px;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--pink),var(--orange));transition:width .18s ease}.upload-progress>b{position:absolute;right:0;top:-22px;font-size:.74rem;color:var(--text)}.upload-status{display:inline-flex;align-items:center;gap:7px;color:var(--muted)}.upload-status.complete{color:var(--green)}.upload-status.processing{color:var(--amber)}.upload-status.failed{color:#ff6b83}.player{position:fixed;inset:auto 0 0 0;z-index:30;height:86px;border-top:1px solid var(--line);background:#0a070ff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;grid-template-columns:320px minmax(320px,1fr) 340px;align-items:center;gap:20px;padding:0 24px}.player-track,.player-tools,.player-center,.player-controls,.timeline{display:flex;align-items:center}.player-track{gap:12px;min-width:0}.player-track div{min-width:0}.player-track strong,.player-track span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-track span{color:var(--muted);font-size:.86rem}.player-center{flex-direction:column;justify-content:center;gap:8px}.player-controls{gap:6px}.play-button{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--magenta));color:#fff;display:grid;place-items:center;box-shadow:0 0 0 6px #a04ce01f}.timeline{width:min(560px,100%);gap:10px;color:#8f86a1;font-size:.78rem}input[type=range]{accent-color:var(--orange)}.timeline input{width:100%}.player-tools{justify-content:flex-end;gap:10px;color:#9f96ab}.sync-status{min-height:28px;border:1px solid rgba(99,213,160,.22);border-radius:999px;padding:0 10px;color:var(--green);display:inline-flex;align-items:center;gap:6px;font-size:.76rem}.volume{width:92px}.mobile-nav,.mobile-menu{display:none}.mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0000009e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:flex-end}.mobile-drawer{width:min(360px,86vw);height:100%;padding:18px;border-left:1px solid var(--line);background:#0d0912fa;box-shadow:-24px 0 48px #00000073;display:grid;grid-template-rows:auto auto 1fr auto;gap:16px}.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.mobile-drawer-head strong,.mobile-drawer-head span{display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-drawer-head span{margin-top:3px;color:var(--muted);font-size:.86rem}.mobile-drawer .install-button{width:100%;min-width:0;font-size:1rem}.mobile-drawer-nav{min-height:0;overflow:auto;display:grid;align-content:start;gap:8px}.mobile-drawer-nav button{min-height:46px;border-radius:8px;padding:0 12px;background:#ffffff12;color:var(--muted);display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left}.mobile-drawer-nav button.active,.mobile-drawer-nav button:hover{background:#a04ce038;color:var(--text)}.mobile-drawer-nav span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-drawer-nav b{min-width:24px;border-radius:999px;padding:3px 6px;background:#ffffff1c;color:var(--text);font-size:.72rem;text-align:center}.mobile-logout{width:100%}.toast{position:fixed;right:24px;bottom:104px;z-index:60;max-width:min(360px,calc(100vw - 36px));border:1px solid var(--line);border-radius:8px;padding:13px 16px;background:#20152df5;color:var(--text);box-shadow:var(--shadow)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fade-up{opacity:0;transform:translateY(18px);animation:fadeUp .58s ease forwards;animation-delay:var(--delay, 0ms)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1180px){.searchbox{width:min(460px,40vw)}.hero-panel{grid-template-columns:1fr}.hero-art{min-height:300px}.album-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid,.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.player{grid-template-columns:270px minmax(260px,1fr) 220px}.sync-status{display:none}}@media(max-width:1320px){.library-chip{display:none}}@media(max-width:900px){.sidebar{display:none}.topbar{left:0;padding:0 14px}.desktop-only,.library-chip{display:none}.install-button{min-width:42px;width:42px;padding:0;overflow:hidden;font-size:0;flex:0 0 42px}.install-button svg{margin:0}.mobile-menu{display:inline-flex}.topbar-actions .primary-button{min-width:42px;width:42px;padding:0;overflow:hidden;font-size:0}.topbar-actions .primary-button svg{color:#fff;margin:0}.searchbox{width:min(100%,62vw)}.searchbox kbd{display:none}.main-surface{margin-left:0;padding:88px 14px 210px}.hero-panel{min-height:0;padding:24px}.hero-copy h1{font-size:clamp(2.6rem,12vw,4rem)}.hero-art{min-height:250px}.cassette-card{left:0;width:160px;height:132px}.vinyl{right:0;width:190px}.track-popover{left:20px;right:auto}.split-grid,.browse-grid,.playlist-workspace,.admin-layout,.admin-grid,.admin-review-workspace{grid-template-columns:1fr}.album-strip,.stats-grid,.metric-row,.library-summary-row,.albums-grid,.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.album-detail-hero{align-items:flex-start;flex-direction:column}.album-detail-hero>.art{width:min(220px,72vw)}.album-track-row{grid-template-columns:30px minmax(0,1fr) 72px 40px;gap:8px}.album-track-row>span:nth-child(3){display:none}.track-row{grid-template-columns:30px minmax(0,1fr) 54px 38px 38px 38px;gap:8px;padding:0 12px}.track-row>span:nth-child(3){display:none}.upload-row{grid-template-columns:48px minmax(0,1fr)}.playlist-item{grid-template-columns:minmax(0,1fr) 54px}.playlist-hero{min-height:0;align-items:flex-start}.playlist-filter-bar,.playlist-command-bar .playlist-add{grid-template-columns:1fr}.playlist-track-row{grid-template-columns:30px minmax(0,1fr) 54px 112px;gap:8px}.playlist-track-row>span:nth-child(3),.playlist-track-row>span:nth-child(4){display:none}.playlist-track-row .playlist-item-actions{justify-content:flex-end}.playlist-item-actions{grid-column:1 / -1;justify-content:flex-start}.upload-status,.upload-row .ghost-icon{justify-self:start;grid-column:2}.player{bottom:64px;height:118px;grid-template-columns:1fr;grid-template-rows:48px 56px;gap:2px;padding:8px 12px}.player-center{width:100%}.player-tools,.timeline{display:none}.player-track{min-width:0;justify-content:center}.player-track .art{width:40px;height:40px;flex:0 0 40px}.player-controls{width:100%;justify-content:center;gap:8px}.mobile-nav{position:fixed;inset:auto 0 0 0;z-index:32;height:64px;border-top:1px solid var(--line);background:#0a070ff7;display:grid;grid-template-columns:repeat(5,1fr)}.mobile-nav button{background:transparent;color:#9f96ab;display:grid;place-items:center;align-content:center;gap:2px;font-size:.72rem}.mobile-nav button.active{color:var(--orange)}}@media(max-width:560px){.topbar{gap:8px}.searchbox{width:100%}.hero-actions,.playlist-create,.playlist-add,.playlist-detail-head,.upload-toolbar,.offline-panel{align-items:stretch;flex-direction:column}.hero-actions>*,.playlist-create>*,.playlist-add>*,.playlist-actions,.upload-toolbar .primary-button,.upload-toolbar .text-button,.offline-panel .secondary-button{width:100%}.playlist-actions{display:grid;grid-template-columns:1fr 1fr}.album-strip,.stats-grid,.metric-row,.library-summary-row,.albums-grid,.artist-grid,.playlist-grid,.settings-grid{grid-template-columns:1fr}.library-playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.playlist-hero{padding:18px;flex-direction:column}.playlist-cover.large{width:min(180px,58vw)}.playlist-hero-copy h2{font-size:clamp(2.1rem,13vw,3.4rem)}.playlist-command-bar{gap:10px}.playlist-command-bar .playlist-add{margin-left:0}.playlist-sort{width:100%}.playlist-sort select{min-width:0;flex:1}.admin-menu{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-hero{align-items:stretch;flex-direction:column}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-log-row{grid-template-columns:58px minmax(0,1fr)}.admin-log-row small{grid-column:2}.stat-card{grid-template-columns:42px 52px 1fr}.collection-card{grid-template-columns:52px 1fr}.collection-card b{grid-column:2}.empty-state{grid-template-columns:44px 1fr}.empty-state .secondary-button{grid-column:1 / -1;width:100%}}