.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.welcome-copy p{display:flex;align-items:center;gap:7px;margin:0 0 5px;color:var(--muted);font-size:.8rem}.welcome-copy p .icn{color:var(--purple)}.welcome-copy h2{margin:0;font-size:clamp(1.35rem,2.4vw,1.85rem);letter-spacing:-.055em}.welcome-note{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.72rem}.welcome-note .icn{color:var(--purple);font-size:18px}body[data-route=home] .hero{isolation:isolate;overflow:hidden;min-height:316px;padding:34px;border:1px solid rgba(194,127,255,.26);border-radius:24px;background:#260d44}.hero-art{position:absolute;z-index:-2;inset:0 0 0 auto;width:76%;height:100%;object-fit:cover;object-position:72% center}body[data-route=home] .hero:after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,#260d44 0%,rgba(38,13,68,.92) 26%,rgba(38,13,68,.2) 61%,transparent 100%)}body[data-route=home] .hero h1{max-width:490px;margin:16px 0 12px;color:#fff;font-size:clamp(2rem,3.6vw,3.45rem);font-weight:800;line-height:1.1;letter-spacing:-.055em}body[data-route=home] .hero h1 span{color:#d6a7ff}body[data-route=home] .hero p:not(.eyebrow){max-width:355px;color:#ded0ed;font-size:.87rem}.hero-tag{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid rgba(234,211,255,.2);border-radius:6px;background:#a14ae72e;color:#ecd9ff;font-size:9px;letter-spacing:.12em;font-weight:700;text-transform:uppercase}.hero-tag .icn{font-size:13px}body[data-route=home] .hero .hero-actions{gap:20px;margin-top:24px}body[data-route=home] .hero .primary-btn{border-radius:10px;background:#f7eeff;color:#351149;padding:12px 21px;font-size:.82rem}body[data-route=home] .hero .text-btn{color:#f5e7ff;font-size:.8rem}.hero-signature{position:absolute;bottom:22px;right:24px;display:flex;align-items:center;gap:6px;color:#f0d9ff;font-size:8px;letter-spacing:.17em}.hero-signature i{display:block;width:2px;height:12px;background:#ddbcff;border-radius:2px}.hero-signature i:nth-child(2n){height:20px}.hero-signature i:last-of-type{margin-right:6px}.chips,.ytm-chips{display:flex;align-items:center;gap:9px;overflow-x:auto;padding:4px 0 9px;scrollbar-width:thin;scrollbar-color:var(--line-bright) transparent}#mood-chips{margin-top:22px}.chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:40px;padding:9px 18px;border:1px solid var(--line);border-radius:22px;color:var(--muted);background:var(--panel);font-size:.8rem;font-weight:500;white-space:nowrap}.chip.active{color:var(--purple-ink);background:var(--purple);border-color:var(--purple);font-weight:700}.chip:hover:not(.active){background:var(--panel-raised);border-color:var(--line-bright);color:var(--ink)}.quick-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px 20px}.quick-grid .track{background:var(--panel);border:1px solid var(--line)}.card-rail,.ytm-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(144px,17vw,196px);gap:18px;max-width:100%;overflow-x:auto;padding:3px 0 14px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--line-bright) transparent}.music-card,.ytm-card{display:block;min-width:0;width:100%;padding:0;border:0;color:var(--ink);background:transparent;text-align:left;scroll-snap-align:start}.music-card h3,.ytm-title{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:12px 0 4px;color:var(--ink);font:600 .9rem/1.5 DM Sans,sans-serif;text-wrap:initial}.music-card p,.ytm-sub{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;color:var(--muted);font-size:.76rem}.cover{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;color:var(--purple);background:var(--panel-raised);isolation:isolate}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .28s}.music-card:hover .cover img{transform:scale(1.04)}.cover-play{position:absolute;z-index:2;bottom:12px;right:12px;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;color:#2a1043;background:#e3c3ff;box-shadow:0 5px 15px #0003;opacity:0;transform:translateY(5px);transition:.18s;font-size:21px}.music-card:hover .cover-play,.music-card:focus-within .cover-play{opacity:1;transform:none}.mix-cover:after{position:absolute;z-index:0;inset:0;content:"";background:linear-gradient(0deg,rgba(23,6,39,.96),transparent 85%)}.mix-label{position:absolute;z-index:1;top:16px;left:16px;color:#fff;font-size:8px;font-weight:700;letter-spacing:.16em}.mix-number{position:absolute;z-index:1;bottom:9px;left:15px;color:#fff;font-family:var(--heading-font);font-size:clamp(1.6rem,3vw,2.35rem);font-weight:800;letter-spacing:-.065em}.mix-number small{font-size:.55em;opacity:.8;letter-spacing:-.02em}.ytm-circle{display:grid;place-items:center;width:100%;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;background:var(--panel-raised);color:var(--purple);overflow:hidden}.ytm-circle img{width:100%;height:100%;object-fit:cover}.ytm-circle>.icn{width:45px;height:45px}.ytm-card.is-circle{text-align:center}.track-list{display:grid;gap:6px;min-width:0}.track{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:13px;min-width:0;padding:9px;border:1px solid transparent;border-radius:12px;transition:background .15s}.track:hover,.track:focus-within{background:var(--panel-raised)}.track.current{background:var(--panel-raised);border-color:var(--line-bright)}.track-cover{display:grid;place-items:center;width:50px;height:50px;padding:0;border:0;border-radius:8px;background:var(--panel-raised);overflow:hidden}.track-cover img{width:100%;height:100%;object-fit:cover}.track-title{margin:0;color:var(--ink);font-size:.86rem;font-weight:600;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-author{display:block;margin:4px 0 0;color:var(--muted);font-size:.74rem;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-link{padding:0;border:0;color:inherit;background:none;font:inherit;text-align:left}.artist-link:hover{color:var(--purple-bright);text-decoration:underline;text-underline-offset:3px}.track-actions{display:flex;align-items:center;gap:0;min-width:0}.track-actions .icon-btn{width:40px;height:44px;font-size:17px}.play-mini{display:grid;place-items:center;width:40px;height:44px;padding:0;border:0;border-radius:50%;color:var(--purple-bright);background:transparent;font-size:22px}.play-mini:hover{background:var(--panel-raised)}.track-more{display:inline-flex}.track-extra{display:none!important}.follow-artist-btn{min-height:40px;padding:9px 13px;border:1px solid var(--line-bright);border-radius:22px;color:var(--purple-bright);background:transparent;font-size:.74rem}.follow-artist-btn.is-following{background:var(--panel-raised)}.track.dragging{opacity:.45}.track.drag-over-top{border-top:2px solid var(--purple)}.track.drag-over-bottom{border-bottom:2px solid var(--purple)}.context-menu{position:fixed;z-index:220;width:min(268px,calc(100vw - 20px));max-height:calc(100dvh - 24px);overflow-y:auto;padding:7px;border:1px solid var(--line-bright);border-radius:15px;background:var(--panel);box-shadow:var(--shadow)}.context-menu button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:9px;color:var(--ink);background:transparent;text-align:left;font-size:.84rem}.context-menu button:hover,.context-menu button:focus{background:var(--panel-raised)}.context-menu .icn{color:var(--purple);font-size:18px}.search-form{position:relative;display:flex;gap:7px;width:100%;max-width:720px;margin-top:22px;padding:5px;border:1px solid var(--line-bright);border-radius:14px;background:var(--panel)}.search-form>input{flex:1;width:100%;min-width:0;padding:10px 13px!important;border:0!important;background:transparent!important}.search-form>button{display:grid;place-items:center;width:48px;flex:none;border:0;border-radius:10px;color:var(--purple-ink);background:var(--purple);font-size:22px}.search-suggest{position:absolute;z-index:20;top:calc(100% + 8px);left:0;right:0;max-height:300px;overflow-y:auto;padding:6px;border:1px solid var(--line-bright);border-radius:13px;background:var(--panel);box-shadow:var(--shadow)}.search-suggest button{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:12px;border:0;border-radius:9px;color:var(--ink);background:transparent;text-align:left;font-size:.85rem}.search-suggest button:hover,.search-suggest button:focus{background:var(--panel-raised)}.search-results-shell{min-width:0}.search-tabs{display:flex;gap:8px;margin-bottom:18px;overflow-x:auto}.search-tab{display:flex;flex:none;align-items:center;gap:8px;min-height:44px;padding:11px 19px;border:1px solid var(--line);border-radius:24px;color:var(--muted);background:var(--panel);font-size:.85rem}.search-tab.active{color:var(--purple-ink);background:var(--purple);border-color:var(--purple)}.search-source-note{margin-bottom:16px;color:var(--muted);font-size:.8rem}.search-source-note strong{color:var(--purple-bright)}.genre-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.genre-tile{position:relative;display:flex;align-items:flex-start;min-height:134px;padding:19px;border-radius:16px;color:#fff;background:linear-gradient(130deg,var(--genre-a,#7225a6),var(--genre-b,#392074));overflow:hidden;isolation:isolate}.genre-tile strong{position:relative;z-index:1;font-family:var(--heading-font);font-size:clamp(1rem,2vw,1.35rem);letter-spacing:-.045em}.genre-tile small{position:absolute;z-index:1;bottom:17px;left:19px;color:#fff;font-size:.69rem;opacity:.88}.genre-tile:after{position:absolute;z-index:-1;width:140px;height:140px;top:8px;right:-62px;border:24px solid rgba(255,255,255,.09);border-radius:50%;content:""}.genre-tile .icn{position:absolute;right:20px;bottom:19px;width:47px;height:47px;transform:rotate(-17deg);opacity:.36;stroke-width:1;transition:transform .2s}.genre-tile:hover .icn{transform:rotate(0) scale(1.1)}.discovery-loading{display:flex;gap:18px;overflow:hidden}.discovery-loading span{width:180px;height:220px;flex:none;border-radius:16px;background:var(--panel-raised);animation:skeleton-shimmer 1.5s infinite}.discover-summary{display:flex;align-items:center;flex-wrap:wrap;gap:16px 26px;margin:30px 0;padding:18px 22px;border:1px solid var(--line);border-radius:16px;color:var(--muted);background:var(--panel);font-size:.82rem}.discover-summary b{color:var(--purple-bright);font-size:1.15rem}.discover-summary .text-action{margin-left:auto}.search-video-rail{display:grid;grid-auto-flow:initial;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;overflow:visible}.video-result-card .cover{aspect-ratio:16/10}.video-result-card h3{-webkit-line-clamp:2}.video-modal{position:fixed;z-index:120;inset:0;display:none;place-items:center;padding:18px}.video-modal.open{display:grid}.video-backdrop{position:absolute;inset:0;background:#000000d9}.video-frame{position:relative;width:min(100%,960px);aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#000}.video-close{position:absolute;z-index:2;top:9px;right:9px;color:#fff;background:#000000b3}.video-frame video{width:100%;height:100%}.video-stream-status{position:absolute;bottom:10px;left:20px;right:20px;color:#fff;text-align:center;font-size:.82rem}.two-col{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.library-tabs{margin:18px 0 0}.library-stats{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.library-stats span{padding:6px 12px;border-radius:6px;background:var(--panel-raised);color:var(--muted);font-size:.75rem}.library-stats b{color:var(--purple-bright)}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:18px}.playlist{min-width:0;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.playlist-art{display:grid;place-items:center;height:134px;margin-bottom:18px;border-radius:12px;color:#ead5ff;background:radial-gradient(circle at 75% 0,#974bce,transparent 65%),linear-gradient(125deg,#472365,#28153f);font-size:42px;overflow:hidden}.playlist-art img{width:100%;height:100%;object-fit:cover}.playlist-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.playlist-heading>div{min-width:0}.playlist h3{overflow:hidden;margin:0 0 4px;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;letter-spacing:-.025em}.playlist p{margin:0;color:var(--muted);font-size:.78rem}.playlist-track{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:5px 0;border-top:1px solid var(--line)}.playlist-track>.text-btn{display:block;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.inline-actions{display:flex}.inline-actions .icon-btn{width:34px;font-size:15px}.collection-hero{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:26px;padding:28px;border:1px solid var(--line-bright);border-radius:24px;background:radial-gradient(ellipse at 10% 0,rgba(154,59,222,.3),transparent 80%),var(--panel)}.collection-cover{width:100%;aspect-ratio:1;display:grid;place-items:center;border-radius:14px;color:var(--purple);background:var(--panel-raised);box-shadow:0 18px 32px #0003;overflow:hidden;font-size:60px}.collection-cover img{width:100%;height:100%;object-fit:cover}.artist-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:24px;padding:28px;border:1px solid var(--line-bright);border-radius:24px;color:var(--ink);background:var(--panel);overflow:hidden;isolation:isolate}.artist-hero:before{position:absolute;inset:0;z-index:-1;background:var(--artist-bg) center/cover no-repeat;content:"";filter:blur(60px);opacity:.14}.artist-hero-visual{width:140px;aspect-ratio:1;margin-inline:auto}.artist-photo{width:100%;height:100%;display:grid;place-items:center;border:4px solid var(--line-bright);border-radius:50%;overflow:hidden;background:var(--panel-raised);font-size:45px}.artist-photo img{width:100%;height:100%;object-fit:cover}.artist-hero-meta{min-width:0}.artist-hero h2{margin:8px 0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;letter-spacing:-.055em}.artist-bio,.artist-handle,.artist-audience{color:var(--muted);font-size:.85rem;line-height:1.65}.artist-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.artist-stat{display:grid;gap:5px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-raised)}.artist-stat strong{color:var(--ink);font-size:1.3rem;letter-spacing:-.035em}.artist-stat small,.artist-stat span{color:var(--muted);font-size:.72rem}.artist-hero-actions{display:flex;flex-wrap:wrap;gap:10px}.artist-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:14px}.artist-strip .artist-stat strong{font-size:.9rem}.artist-stat-thumb{width:50px;height:50px;border-radius:50%;background:var(--panel);overflow:hidden}.artist-stat-thumb img{width:100%;height:100%;object-fit:cover}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 28px}.summary-metric{padding:clamp(15px,2.4vw,28px);border:1px solid var(--line-bright);border-radius:18px;background:radial-gradient(ellipse at 0 0,rgba(165,80,225,.16),transparent 100%),var(--panel)}.summary-metric strong{display:block;color:var(--purple-bright);font-family:var(--heading-font);font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.055em}.summary-metric span{color:var(--muted);font-size:.78rem}.rank-list{display:grid}.rank-row{display:flex;align-items:center;gap:20px;min-width:0;padding:18px 8px;border-bottom:1px solid var(--line)}.rank-row:last-child{border:0}.rank-num{flex:none;width:30px;color:var(--purple);font-family:var(--heading-font);font-size:1.5rem;text-align:center;font-weight:800}.rank-track{flex:1;min-width:0}.rank-track strong{font-size:.95rem}.profile-simple-panel{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.profile-simple-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px;padding:28px;background:radial-gradient(ellipse at 0 0,rgba(171,80,237,.2),transparent 85%)}.profile-identity-row{display:flex;align-items:center;gap:20px;min-width:0}.profile-photo{display:grid;place-items:center;flex:none;width:64px;height:64px;border:1px solid var(--line-bright);border-radius:50%;color:var(--purple-bright);background:var(--panel-raised);overflow:hidden;font-weight:700}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-photo-large{width:84px;height:84px;font-size:24px;border:3px solid var(--line-bright)}.profile-identity-copy{min-width:0}.profile-identity-copy h2{margin:7px 0 5px;font-size:1.6rem;letter-spacing:-.05em}.profile-handle,.profile-email{color:var(--muted);margin:3px 0 0;font-size:.8rem;overflow-wrap:anywhere}.profile-simple-status{display:grid;justify-items:start;gap:5px}.profile-status-copy{color:var(--muted);font-size:.75rem}.profile-pill,.status-label{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid var(--line);border-radius:20px;color:var(--muted);background:var(--panel-raised);font-size:.72rem;font-weight:600}.profile-pill.is-positive,.status-label{border-color:var(--line-bright);color:var(--purple-bright)}.profile-simple-divider{height:1px;background:var(--line)}.profile-simple-form{margin:0;padding:28px;gap:28px}.profile-form-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.profile-form-heading h3{margin:5px 0 0;font-size:1.2rem;letter-spacing:-.04em}.profile-form-heading>p{margin:0;color:var(--muted);font-size:.78rem}.profile-photo-field{display:flex;align-items:center;gap:16px;min-width:0}.profile-photo-field .field{flex:1}.profile-form-grid,.profile-playback-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.profile-simple-form #genre-chips{flex-wrap:wrap}.profile-playback-settings{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.profile-playback-settings h3{margin:5px 0;font-size:1.2rem}.profile-playback-controls{align-items:end;margin-top:22px}.setting-toggle{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px}.setting-toggle input{margin-top:4px}.setting-toggle b,.setting-toggle small{display:block}.setting-toggle b{font-size:.84rem}.setting-toggle small{margin-top:4px;color:var(--muted);font-size:.75rem}.profile-form-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:12px;border-top:1px solid var(--line)}.profile-form-footer p{margin:0;color:var(--muted);font-size:.78rem}.security-panel{padding:clamp(18px,3vw,28px);border:1px solid var(--line);border-radius:20px;background:var(--panel)}.security-panel-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px;padding-bottom:24px;border-bottom:1px solid var(--line)}.security-panel-head h2{margin:6px 0 8px;font-size:1.35rem}.security-session{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}.security-session-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;color:var(--purple);background:var(--panel-raised);font-size:22px}.security-session-copy{flex:1;min-width:130px}.security-session-copy strong,.security-session-copy span,.security-session-copy small{display:block;overflow-wrap:anywhere}.security-session-copy strong{font-size:.94rem}.security-session-copy span,.security-session-copy small{margin-top:4px;color:var(--muted);font-size:.78rem}.security-note{display:flex;align-items:flex-start;gap:12px;margin-top:24px;color:var(--muted);font-size:.84rem}.security-note .icn{color:var(--purple)}.security-note p{margin:0}.notification-list{display:grid}.notification-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px 16px;padding:22px 10px;border-bottom:1px solid var(--line);border-radius:12px}.notification-item.unread{background:linear-gradient(90deg,rgba(155,76,221,.1),transparent);border-left:3px solid var(--purple)}.notification-item:hover{background:var(--panel-raised)}.notification-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:var(--purple);background:var(--panel-raised);font-size:20px}.notification-copy h3{margin:0 0 6px;font-size:.94rem}.notification-copy p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.6}.notification-time{grid-column:2;color:var(--subtle);font-size:.7rem}.notification-actions{display:flex}.preference-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.preference-row:last-child{border:0}.preference-row b{font-size:.9rem}.preference-row small{display:block;margin-top:5px;color:var(--muted);font-size:.8rem}.following-list{display:flex;flex-wrap:wrap;gap:12px}.following-chip{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:5px 10px 5px 16px;border:1px solid var(--line);border-radius:28px;color:var(--purple-bright);background:var(--panel-raised);font-size:.82rem}.following-chip button{display:grid;place-items:center;min-width:38px;min-height:38px;border:0;border-radius:50%;color:var(--muted);background:transparent}.verified-hero{text-align:center;padding:32px;border:1px solid var(--line-bright);border-radius:22px;background:radial-gradient(ellipse at 50% 0,rgba(160,73,235,.18),transparent 85%),var(--panel)}.verified-orbit{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 20px;border:1px solid var(--line-bright);border-radius:24px;color:var(--purple);background:var(--panel-raised);font-size:38px}.verified-hero h2{font-size:1.9rem;margin:10px 0}.verified-hero p:not(.eyebrow){margin:0 auto;max-width:520px;color:var(--muted)}.verified-name{display:inline-block;margin-top:20px;color:var(--purple-bright)}.verification-grid{display:grid;gap:20px;margin-top:20px}.verification-step{min-width:0;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.step-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:20px;border-radius:12px;color:var(--purple);background:var(--panel-raised);font-weight:700}.verification-step h3{margin:6px 0 8px;font-size:1.15rem}.verification-step p,.verification-note{color:var(--muted);font-size:.84rem;line-height:1.65}.code-form,.phone-form{display:grid;gap:8px;margin-top:22px;font-size:.8rem}.code-form>div,.phone-form>div{display:flex;flex-wrap:wrap;gap:10px}.code-form input,.phone-form input{flex:1;width:120px}.verification-note{padding:20px 4px}.modal{position:fixed;z-index:130;inset:0;display:grid;place-items:center;padding:20px;background:#07020dbf;backdrop-filter:blur(8px)}.dialog{width:min(100%,480px);max-height:calc(100dvh - 40px);padding:26px;overflow-y:auto;border:1px solid var(--line-bright);border-radius:22px;color:var(--ink);background:var(--panel);box-shadow:var(--shadow)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dialog h2{margin:0;font-size:1.5rem;letter-spacing:-.04em}.dialog p{margin:10px 0 0;color:var(--muted);font-size:.9rem}.dialog-list{display:grid;gap:10px;margin-top:24px}.dialog-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:64px;padding:14px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--bg);text-align:left}.dialog-choice small{display:block;margin-top:4px;color:var(--muted);font-size:.77rem}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:24px}.download-status{padding:24px;margin-top:24px;border:1px solid var(--line-bright);border-radius:18px;background:var(--bg)}.download-status-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}.download-status-head strong{display:block;margin-top:6px}.download-status-badge{align-self:flex-start;padding:7px 12px;border-radius:20px;background:var(--panel-raised);color:var(--purple);font-size:.72rem}.download-status-badge[data-state=error]{color:var(--danger)}.download-status-badge[data-state=done]{color:var(--success)}.download-steps{display:grid;gap:18px;margin:24px 0}.download-step{display:flex;align-items:center;gap:14px;color:var(--muted)}.download-step-dot{width:10px;height:10px;flex:none;border:2px solid var(--subtle);border-radius:50%}.download-step b,.download-step small{display:block}.download-step b{font-size:.82rem}.download-step small{margin-top:3px;font-size:.72rem}.download-step[data-state=active] .download-step-dot{border-color:var(--purple);background:var(--purple);box-shadow:0 0 0 4px var(--panel-raised)}.download-step[data-state=done] .download-step-dot{background:var(--success);border-color:var(--success)}.download-step[data-state=error] .download-step-dot{background:var(--danger);border-color:var(--danger)}.download-progress{height:5px;border-radius:4px;background:var(--panel-raised);overflow:hidden}.download-progress span{display:block;height:100%;width:0;background:var(--purple);transition:width .2s}.download-status-detail{margin:14px 0 0;color:var(--muted);font-size:.8rem}.share-panel{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.share-cover{width:min(100%,200px);aspect-ratio:1;display:grid;place-items:center;border-radius:16px;overflow:hidden;background:var(--panel-raised);color:var(--purple);font-size:56px}.share-cover img{width:100%;height:100%;object-fit:cover}.share-meta{margin-top:24px}.share-meta h2{margin:8px 0;font-size:clamp(1.5rem,3vw,2.2rem)}.share-meta p{color:var(--muted)}.share-track{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.share-track-thumb{flex:none;width:48px;height:48px;border-radius:9px;background:var(--panel-raised);overflow:hidden}.share-track-thumb img{width:100%;height:100%;object-fit:cover}.share-track>div:nth-child(2){min-width:0;flex:1}.share-track strong,.share-track span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.share-track span{color:var(--muted);font-size:.75rem;margin-top:3px}.share-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:24px;color:var(--muted);font-size:.8rem}.legal-copy{max-width:920px;padding:clamp(24px,4vw,48px)}.legal-copy h2{font-size:1.2rem;margin-top:28px;margin-bottom:12px}.legal-copy h2:first-child{margin-top:0}.legal-copy p{color:var(--muted);font-size:.95rem;line-height:1.9}.legal-copy p:last-child{margin-bottom:0}.auth-page{display:grid;place-items:center;padding:clamp(20px,4vw,60px);background:radial-gradient(ellipse at 0 0,rgba(144,58,215,.2),transparent 60%),var(--bg)}.auth-grid{display:grid;width:min(100%,1120px);grid-template-columns:minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid var(--line-bright);border-radius:26px;background:var(--panel);box-shadow:var(--shadow)}.auth-aside{position:relative;display:none;flex-direction:column;padding:44px;min-width:0;color:#fff;background:#200b37;isolation:isolate;overflow:hidden}.auth-aside:after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(0deg,#260c43 4%,#260c4333 62%,#200b37)}.auth-aside .auth-art{position:absolute;z-index:-2;top:15%;left:0;width:100%;height:65%;object-fit:cover;object-position:63% center;opacity:.8}.auth-aside .brand{color:#fff}.auth-slogan{position:relative;margin:auto 0 0;padding-top:260px}.auth-slogan .eyebrow{color:#e8caff}.auth-slogan h2{margin:12px 0 16px;font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.12;letter-spacing:-.06em}.auth-slogan p{max-width:350px;margin:0;color:#ddcbea;font-size:.9rem;line-height:1.7}.auth-aside-note{display:flex;align-items:center;gap:9px;margin-top:30px;color:#dac4eb;font-size:.75rem}.auth-form-wrap{min-width:0;width:100%;padding:clamp(24px,5vw,55px)}.auth-brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-family:var(--heading-font);font-weight:800;font-size:1rem;margin-bottom:30px}.auth-brand img{width:36px;height:36px;object-fit:contain}.auth-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--muted);font-size:.8rem;margin-bottom:22px}.auth-form-wrap h1,.auth-form-wrap h2{margin:10px 0 12px;font-size:clamp(1.8rem,3.2vw,2.35rem);line-height:1.15;letter-spacing:-.055em}.auth-form-wrap>p{margin:0;color:var(--muted);font-size:.87rem;line-height:1.65}.auth-form-wrap>.eyebrow{color:var(--purple);font-size:.68rem}.auth-submit{width:100%;min-height:49px}.field-control{display:flex;align-items:center;min-width:0;position:relative}.field-control input{width:100%;padding-right:50px!important}.password-toggle{position:absolute;right:4px;top:3px;width:42px;height:42px;min-height:42px;font-size:19px}.form-links{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;margin-top:22px;color:var(--purple-bright);font-size:.81rem}.form-links a{display:inline-flex;align-items:center;min-height:44px}.form-links a:hover{text-decoration:underline}.auth-split{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:24px 0;color:var(--subtle);font-size:.76rem}.auth-split:before,.auth-split:after{content:"";height:1px;background:var(--line)}.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px;border:1px solid var(--line-bright);border-radius:12px;color:var(--ink);background:var(--bg);font-size:.85rem;font-weight:600}.google-btn:hover{background:var(--panel-raised)}.google-logo{width:19px;height:19px;flex:none}#google-fallback{display:flex;justify-content:center;max-width:100%;margin-top:12px;overflow-x:auto}.register-grid{display:grid;gap:18px}.terms-note,.auth-legal{color:var(--muted);font-size:.76rem;line-height:1.7;margin:0}.terms-note a,.auth-legal a{color:var(--purple-bright);text-decoration:underline}.auth-consent{display:flex;gap:10px;align-items:flex-start}.auth-consent input{margin-top:3px}.password-meter{height:4px;border-radius:3px;background:var(--line);overflow:hidden}.password-meter-bar{height:100%;border-radius:inherit;transition:width .2s}.strength-0,.strength-1{color:var(--danger)}.password-meter-bar.strength-0,.password-meter-bar.strength-1{background:var(--danger)}.strength-2,.hint-warn{color:var(--warning)}.password-meter-bar.strength-2{background:var(--warning)}.strength-3,.strength-4,.hint-ok{color:var(--success)}.password-meter-bar.strength-3,.password-meter-bar.strength-4{background:var(--success)}.password-strength{font-size:.7rem;font-weight:500}.turnstile-wrap{display:grid;justify-items:center;width:100%;margin:4px 0}#turnstile-widget{max-width:100%}#turnstile-status{margin:8px 0 0;color:var(--muted);font-size:.71rem;text-align:center;line-height:1.6}#turnstile-retry{margin-top:10px}.auth-footnote{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:22px;color:var(--muted);font-size:.76rem}.auth-footnote a{min-height:44px;display:inline-flex;align-items:center}.onboarding-card{width:min(100%,800px);margin:24px auto;padding:clamp(24px,5vw,48px)}.onboarding-card>.brand{margin-bottom:28px}.onboarding-card h1{margin:10px 0 16px;font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:-.055em}.onboarding-card>p:not(.eyebrow){color:var(--muted)}.genre-options,.onboarding-genres{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 18px}.genre-option{position:relative;display:flex;align-items:center;gap:10px;min-height:57px;padding:15px;border:1px solid var(--line-bright);border-radius:13px;color:var(--muted);background:var(--bg);cursor:pointer}.genre-option input{width:17px;height:17px}.genre-option.is-selected{color:var(--purple-bright);background:var(--panel-raised);border-color:var(--purple)}.genre-option:focus-within{outline:3px solid var(--purple);outline-offset:3px}#genre-count{color:var(--muted);font-size:.82rem}#genre-count.is-ready{color:var(--success)}.state-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;min-height:100dvh;padding:28px 20px;background:radial-gradient(ellipse at 50% 5%,rgba(155,65,232,.2),transparent 70%),var(--bg)}.state-card{width:min(100%,560px);padding:clamp(24px,5vw,48px);border:1px solid var(--line-bright);border-radius:26px;background:var(--panel);box-shadow:var(--shadow);text-align:center}.state-icon{display:grid;place-items:center;width:78px;height:78px;margin:0 auto 25px;border:1px solid var(--line-bright);border-radius:24px;background:var(--panel-raised);color:var(--purple);font-size:36px}.state-code{margin:0;color:var(--purple);font-family:var(--heading-font);font-size:clamp(4rem,15vw,6rem);font-weight:800;line-height:1.1;letter-spacing:-.08em}.state-card h1{font-size:clamp(1.5rem,4vw,2rem);letter-spacing:-.05em;margin:14px 0;line-height:1.2}.state-card>p:not(.eyebrow){color:var(--muted);font-size:.9rem;line-height:1.7}.state-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:26px}.state-card .state-note{margin:24px 0 0;font-size:.75rem!important}.state-foot{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:22px;color:var(--muted);font-size:.75rem}.state-foot a{display:flex;align-items:center;min-height:44px}.state-details{display:grid;gap:14px;padding:20px;border-radius:14px;color:var(--muted);background:var(--bg);text-align:left;font-size:.8rem}.state-details>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.state-details dd{margin:0;color:var(--ink);overflow-wrap:anywhere}.state-timer{display:block;margin:22px 0;color:var(--purple);font-family:var(--heading-font);font-size:2.5rem;font-weight:700;font-variant-numeric:tabular-nums}.phone-preview{width:min(100%,390px);height:min(760px,78dvh);border:8px solid var(--panel-raised);border-radius:32px;overflow:hidden;box-shadow:var(--shadow)}.phone-preview iframe{width:100%;height:100%;border:0;background:var(--bg)}.admin-dashboard-root{display:grid;gap:26px;margin-top:24px}.admin-section{min-width:0;padding:clamp(18px,2.5vw,28px);border:1px solid var(--line);border-radius:20px;background:var(--panel)}.admin-section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:24px}.admin-section-heading h2{margin:7px 0;font-size:1.5rem;letter-spacing:-.045em}.admin-muted{margin:0;color:var(--muted);font-size:.8rem}.admin-head-badges{display:flex;flex-wrap:wrap;gap:8px}.admin-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-metric{display:grid;gap:5px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.admin-metric-icon,.admin-system-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:9px;border-radius:10px;color:var(--purple);background:var(--panel-raised);font-size:18px}.admin-metric strong{color:var(--ink);font:800 2rem/1.3 var(--heading-font);letter-spacing:-.05em}.admin-metric span{font-size:.78rem;font-weight:600}.admin-metric small{color:var(--muted);font-size:.68rem}.admin-system-grid{display:grid;gap:18px}.admin-system-card{min-width:0;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.admin-system-card-head{display:flex;align-items:center;gap:10px}.admin-system-card-head>div{min-width:0;flex:1}.admin-system-card-head strong,.admin-system-card-head small{display:block}.admin-system-card-head strong{font-size:.84rem}.admin-system-card-head small{color:var(--muted);font-size:.7rem}.admin-system-card-head>b{font-size:.92rem}.admin-system-icon{flex:none;margin:0}.admin-progress{height:5px;margin-top:20px;border-radius:4px;overflow:hidden;background:var(--panel-raised)}.admin-progress span{display:block;height:100%;background:var(--purple)}.admin-sparkline{display:block;width:100%;height:74px;margin-top:12px}.admin-card-foot,.admin-system-footer,.admin-network-values{margin-top:14px;color:var(--muted);font-size:.7rem;overflow-wrap:anywhere}.admin-system-footer,.admin-network-values{display:flex;flex-wrap:wrap;gap:12px 22px}.admin-live-status,.admin-count-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--line);border-radius:20px;color:var(--success);background:var(--bg);font-size:.72rem}.admin-count-pill{color:var(--purple)}.admin-live-status i,.admin-status i,.download-dot,.upload-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--success)}.admin-user-table-wrap{width:100%;max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:14px}.admin-user-table{min-width:740px;width:100%;border-collapse:collapse;font-size:.78rem}.admin-user-table th,.admin-user-table td{padding:15px 18px;border-bottom:1px solid var(--line);text-align:left}.admin-user-table th{color:var(--muted);background:var(--bg);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.admin-user-table td{color:var(--muted)}.admin-user-table tr:last-child td{border:0}.admin-user-cell{display:flex;align-items:center;gap:10px}.admin-user-avatar,.admin-user-cell img{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--panel-raised);color:var(--purple);object-fit:cover}.admin-user-cell strong{display:block;color:var(--ink);font-size:.82rem}.admin-user-cell small{font-size:.68rem}.admin-status,.admin-role{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;background:var(--panel-raised);font-size:.67rem;color:var(--muted)}.admin-status.is-active{color:var(--success)}.admin-role.is-admin{color:var(--purple)}.admin-table-empty{padding:30px;text-align:center;color:var(--muted)}.admin-event{display:flex;gap:13px;padding:18px 0;border-bottom:1px solid var(--line)}.admin-event:last-child{border:0}.admin-event>span{flex:none;color:var(--purple);font-size:21px}.admin-event strong{font-size:.88rem}.admin-event p{margin:6px 0;color:var(--muted);font-size:.8rem}.admin-event small{color:var(--subtle);font-size:.7rem}.skeleton{pointer-events:none}.skeleton-box{background:linear-gradient(90deg,var(--panel) 0%,var(--panel-raised) 50%,var(--panel) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0;opacity:.6}50%{opacity:1}to{background-position:-200% 0;opacity:.6}}.pwa-banner,.pwa-update-toast{position:fixed;z-index:140;left:20px;right:20px;bottom:calc(var(--bottom-nav) + var(--player-height) + 20px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;max-width:560px;margin:auto;padding:18px;border:1px solid var(--line-bright);border-radius:16px;color:var(--ink);background:var(--panel);box-shadow:var(--shadow)}.pwa-banner-content{display:flex;align-items:center;gap:12px}.pwa-banner-content img{width:42px}.pwa-banner-content strong{font-size:.9rem}.pwa-banner-content p{margin:3px 0 0;color:var(--muted);font-size:.75rem}.pwa-banner-actions{display:flex;gap:8px}.cache-badge,.crossfade-indicator{display:inline-flex;padding:3px 8px;border-radius:12px;color:var(--purple);background:var(--panel-raised);font-size:.66rem}.preview-badge{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;padding:7px 15px;border-bottom:1px solid var(--line);color:var(--muted);background:var(--bg-deep);font-size:10px}.preview-badge b{color:var(--purple);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.preview-badge a{color:var(--purple-bright);text-decoration:underline}.native-dialog{position:fixed;margin:auto}.native-dialog::backdrop{background:#07020dbf;backdrop-filter:blur(6px)}.boot-loading{display:grid;place-items:center;min-height:60vh;color:var(--muted);font-size:.9rem}.hero-art{-webkit-mask-image:linear-gradient(to right,transparent,#000 35%);mask-image:linear-gradient(to right,transparent,#000 35%)}.auth-page>.preview-badge,.state-page>.preview-badge{align-self:stretch;margin-bottom:12px;border-radius:10px}.library-count{color:var(--subtle);font-size:.78rem}.playlist-art.has-covers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;aspect-ratio:1.5;gap:2px}.playlist-art.has-covers>span{min-height:0;height:100%;overflow:hidden}.playlist-art.has-covers img{display:block;width:100%;height:100%;object-fit:cover}.playlist-art.has-covers:has(>span:only-child){grid-template-columns:minmax(0,1fr)}.playlist-card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:14px;border-top:1px solid var(--line);padding-top:8px}.playlist-card-actions .icon-btn{color:var(--purple)}.hero-actions .hero-actions{margin:0}