@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#17131f;--muted:#817b89;--paper:#f8f7fa;--surface:#fff;--line:#e9e5ee;--purple:#7044db;--purple-dark:#5525b6;--pink:#f2528c;--mint:#dafa91;--green:#4d8c37;--shadow:0 22px 65px #31204416;--radius:24px}
[data-theme=dark]{--ink:#f5efff;--muted:#aaa1b6;--paper:#16131d;--surface:#211c29;--line:#393142;--purple:#ad8bff;--purple-dark:#c0a7ff;--pink:#ff79a9;--mint:#ddff9a;--green:#a7df86;--shadow:0 22px 65px #0008}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 9%,#eee5ff 0,transparent 27%),radial-gradient(circle at 93% 80%,#f7e3ed 0,transparent 24%);z-index:-2}.ambient{position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:-1}.ambient-one{width:260px;height:260px;right:-120px;top:190px;background:#eddbff80}.ambient-two{width:210px;height:210px;left:-140px;bottom:60px;background:#ffd4e566}.shell{max-width:1200px;margin:auto;padding:25px 40px 80px}.topbar{display:flex;justify-content:space-between;align-items:center;min-height:42px;position:relative;z-index:2}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);font-size:14px;font-weight:600;letter-spacing:-.035em}.brand b{font-weight:800}.brand-mark{width:36px;height:36px;border-radius:12px;background:var(--ink);color:var(--mint);display:grid;place-items:center;font-size:22px;box-shadow:0 7px 15px #17131f22}.account{font:500 11px 'DM Mono',monospace;color:var(--muted);display:flex;align-items:center;gap:12px}.account a{color:var(--ink);font-family:Manrope;font-size:12px;text-decoration:none;border-bottom:1px solid #bdb7c5;padding-bottom:2px}.hidden{display:none!important}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--purple);font:500 10px 'DM Mono',monospace;letter-spacing:.13em}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 4px #f2528c1c}.hero{min-height:700px;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:90px;padding:60px 0 70px}.hero h1{font-size:clamp(54px,7.5vw,92px);line-height:.99;letter-spacing:-.085em;margin:25px 0 28px}.hero h1 em{font-style:normal;color:var(--purple)}.lede{max-width:475px;color:var(--muted);font-size:16px;line-height:1.75;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:0;border-radius:13px;padding:15px 17px;font:700 13px Manrope;cursor:pointer;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-dark{min-width:184px;background:var(--ink);color:#fff;box-shadow:0 10px 20px #17131f22}.button-dark b{font-size:19px;line-height:12px;color:var(--mint)}.hero-note{display:flex;gap:9px;align-items:center;color:var(--muted);font:11px 'DM Mono',monospace;margin-top:21px}.hero-note span{font-size:18px;color:var(--purple)}.hero-stage{height:430px;border-radius:32px;padding:29px 30px;position:relative;overflow:hidden;background:linear-gradient(145deg,#efe6ff 0%,#dbbffd 44%,#f8accb 100%);box-shadow:var(--shadow);isolation:isolate}.stage-glow{position:absolute;width:380px;height:380px;right:-155px;top:-170px;border:1px solid #fff9;border-radius:50%;box-shadow:0 0 0 35px #fff2,0 0 0 70px #fff1;z-index:-1}.stage-top,.stage-bottom{display:flex;justify-content:space-between;align-items:center;color:#5d476c;font:11px 'DM Mono',monospace}.live-badge{display:inline-flex;align-items:center;gap:7px;color:var(--ink);background:#fff7;padding:8px 10px;border-radius:999px;font-size:10px}.live-badge i{width:6px;height:6px;background:var(--pink);border-radius:50%;box-shadow:0 0 0 4px #f2528c27}.stage-time{opacity:.7}.stage-screen{margin-top:56px;padding-left:6px;display:grid;gap:11px}.screen-kicker{color:#69458b;font:500 10px 'DM Mono',monospace;letter-spacing:.14em}.stage-screen strong{font-size:38px;line-height:1.03;letter-spacing:-.065em}.stage-screen strong em{font-style:normal;color:#ba286c}.screen-next{color:#674e78;font-size:12px}.stage-eq{height:122px;display:flex;align-items:center;gap:7px;margin-top:16px}.stage-eq i{width:13px;border-radius:99px;background:var(--ink);opacity:.9;animation:stagepulse 1.2s ease-in-out infinite alternate}.stage-eq i:nth-child(1){height:36px}.stage-eq i:nth-child(2){height:70px;animation-delay:.12s}.stage-eq i:nth-child(3){height:112px;animation-delay:.24s}.stage-eq i:nth-child(4){height:64px;animation-delay:.36s}.stage-eq i:nth-child(5){height:95px;animation-delay:.48s}.stage-eq i:nth-child(6){height:50px;animation-delay:.6s}.stage-eq i:nth-child(7){height:120px;animation-delay:.72s}.stage-eq i:nth-child(8){height:76px;animation-delay:.84s}.stage-eq i:nth-child(9){height:43px;animation-delay:.96s}@keyframes stagepulse{to{transform:scaleY(.62)}}.app-heading{display:flex;justify-content:space-between;align-items:end;margin:96px 0 30px}.app-heading h2{font-size:53px;line-height:1;letter-spacing:-.075em;margin:20px 0 0}.muted{color:var(--muted);font-size:13px}.guild-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.guild-card{width:100%;border:1px solid var(--line);border-radius:20px;background:#fffffff0;padding:17px;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;box-shadow:0 6px 20px #26113d08;transition:transform .18s,box-shadow .18s,border-color .18s}.guild-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#cbb8ef}.guild-icon{width:47px;height:47px;border-radius:15px;background:linear-gradient(145deg,var(--ink),#39264d);color:var(--mint);display:grid;place-items:center;font-size:24px;box-shadow:inset 0 1px #fff2}.guild-info{display:grid;gap:5px;flex:1;min-width:0}.guild-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guild-status{font:10px 'DM Mono',monospace;color:var(--muted)}.guild-arrow{font-size:20px;color:var(--purple);padding-right:3px}.workspace{margin-top:38px}.workspace-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.back{background:none;border:0;color:var(--muted);font:600 12px Manrope;cursor:pointer;padding:7px 0}.back:hover{color:var(--ink)}.status-pill{display:inline-flex;align-items:center;gap:7px;font:500 10px 'DM Mono',monospace;padding:8px 11px;border-radius:999px;background:#ece8f3;color:var(--purple)}.status-pill.live{background:#e8f7dc;color:var(--green)}.status-pill.live:before{content:'';width:6px;height:6px;border-radius:50%;background:#70b83d;box-shadow:0 0 0 3px #70b83d24}.workspace-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:17px;margin-bottom:17px}.panel{background:#fffffff2;border:1px solid var(--line);border-radius:var(--radius);padding:27px;box-shadow:0 7px 25px #26113d08}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.panel-head h3{font-size:22px;letter-spacing:-.06em;margin:0}.panel-kicker{color:var(--muted);font:10px 'DM Mono',monospace;margin-top:6px}.panel-symbol{width:34px;height:34px;border-radius:11px;background:#f0eaff;color:var(--purple);display:grid;place-items:center;font-size:17px}.search-row{display:flex;align-items:center;gap:9px;padding:5px 5px 5px 15px;background:#f7f5f9;border:1px solid var(--line);border-radius:14px}.search-row .input{background:transparent;border:0;padding:10px 0;min-width:0}.search-row .input:focus{border:0;box-shadow:none}.input{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 13px;font:13px Manrope;outline:none;background:#fff;color:var(--ink);transition:border-color .18s,box-shadow .18s}.input:focus{border-color:#a482e5;box-shadow:0 0 0 4px #7044db12}.search-row .control{white-space:nowrap}.control{border:0;border-radius:10px;padding:11px 14px;background:var(--ink);color:#fff;font:700 12px Manrope;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}.control:hover{transform:translateY(-1px);box-shadow:0 7px 15px #17131f20}.control:active{transform:translateY(0)}.control.alt{background:#f0edf5;color:var(--ink);box-shadow:none}.control.alt:hover{background:#e7e1f0;box-shadow:none}.control-accent{background:var(--purple);box-shadow:0 8px 18px #7044db2e}.control-accent:hover{background:var(--purple-dark)}.help{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 0}.notice{font-size:12px;line-height:1.5;margin:12px 0 0;color:var(--purple)}.voice-select{margin:0 0 17px}.voice-select label{margin-top:0}.playback-actions{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:8px}.playback-actions .control{padding:11px 8px}.queue{min-height:64px;padding-top:21px;color:var(--muted);font-size:12px;line-height:1.75}.queue strong{color:var(--ink);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.queue a{display:inline-flex;margin-top:13px}.settings-panel{padding-top:25px}.settings-intro{max-width:430px;color:var(--muted);font-size:12px;line-height:1.6;margin:-12px 0 23px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.settings-grid label:last-of-type{grid-column:1/-1}.field-note{font-size:10px;color:var(--muted);line-height:1.5;margin:-1px 0 0}.range-row{display:flex;align-items:center;gap:13px}.range-row .input{padding:0;border:0;box-shadow:none;accent-color:var(--purple)}.range-value{font:500 11px 'DM Mono',monospace;color:var(--purple);min-width:30px}label{display:block;font-size:11px;font-weight:800;letter-spacing:.01em;margin:17px 0 7px}.save-row{display:flex;align-items:center;gap:14px;margin-top:21px}.save-row .notice{margin:0}.save{padding:12px 17px}.invite-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 21px;background:linear-gradient(100deg,#21152b,#392150);color:#fff;border-radius:17px;margin-top:17px}.invite-card p{font-size:12px;margin:0}.invite-card small{display:block;color:#c6b4d3;font:10px 'DM Mono',monospace;margin-top:5px}.invite-card .control{background:var(--mint);color:var(--ink);white-space:nowrap}.empty-state{padding:35px 25px;text-align:center}.empty-state strong{display:block;margin-bottom:8px}.empty-state p{color:var(--muted);font-size:13px;margin:0}.footer-note{color:var(--muted);font:10px 'DM Mono',monospace;text-align:center;margin:45px 0 0}
@media(max-width:820px){.shell{padding:22px 20px 60px}.hero{grid-template-columns:1fr;gap:34px;min-height:auto;padding:80px 0 55px}.hero-stage{height:365px}.stage-screen{margin-top:38px}.app-heading{margin-top:55px}.workspace-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.settings-grid label:last-of-type{grid-column:auto}.playback-actions{grid-template-columns:repeat(5,1fr)}.playback-actions .control{font-size:11px}.invite-card{align-items:flex-start;flex-direction:column}.invite-card .control{width:100%;justify-content:center}}
@media(max-width:520px){.topbar{align-items:flex-start}.account{font-size:0}.account a{font-size:11px}.hero h1{font-size:57px}.hero-stage{height:330px;padding:24px}.stage-screen{margin-top:28px}.stage-screen strong{font-size:31px}.stage-eq{height:90px;margin-top:9px;gap:5px}.stage-eq i{width:10px}.stage-eq i:nth-child(1){height:28px}.stage-eq i:nth-child(2){height:52px}.stage-eq i:nth-child(3){height:82px}.stage-eq i:nth-child(4){height:46px}.stage-eq i:nth-child(5){height:69px}.stage-eq i:nth-child(6){height:38px}.stage-eq i:nth-child(7){height:88px}.stage-eq i:nth-child(8){height:56px}.stage-eq i:nth-child(9){height:32px}.app-heading{display:block}.app-heading h2{font-size:43px}.app-heading>.muted{margin-top:13px}.panel{padding:21px}.search-row{display:block;padding:8px}.search-row .control{width:100%;margin-top:7px}.playback-actions{grid-template-columns:repeat(3,1fr)}.playback-actions .control:last-child{grid-column:2}.workspace-top{align-items:flex-start}}
.workspace-nav{display:flex;align-items:center;gap:10px;min-width:0}.workspace-divider{color:#c5becd;font:500 13px 'DM Mono',monospace}.workspace-server{max-width:min(44vw,420px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;letter-spacing:-.02em}
.footer-note{display:flex;justify-content:center;align-items:center;gap:8px;color:var(--muted);font:10px 'DM Mono',monospace;text-align:center;margin:45px 0 0}.footer-note a{color:var(--muted);text-underline-offset:3px;transition:color .18s}.footer-note a:hover{color:var(--purple)}.footer-separator{opacity:.55}

.guild-icon.has-image:before{content:''}
.guild-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.guild-image{display:block;width:100%;height:100%;object-fit:contain}
.tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-height:47px;padding:7px 10px;border:1px solid var(--line);border-radius:11px;background:#fff;transition:border-color .18s,box-shadow .18s}.tag-input:focus-within{border-color:#a482e5;box-shadow:0 0 0 4px #7044db12}.tag-list{display:contents}.id-tag{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 8px 7px 10px;border-radius:8px;background:#eee9fa;color:var(--ink);font:11px 'DM Mono',monospace}.id-tag button{display:grid;place-items:center;width:17px;height:17px;padding:0;border:0;border-radius:50%;background:#d8c8f3;color:var(--purple);font:700 14px/1 Manrope;cursor:pointer}.id-tag button:hover{background:var(--purple);color:#fff}.tag-entry{flex:1;min-width:180px;border:0;outline:0;background:transparent;color:var(--ink);font:12px Manrope;padding:5px 2px}.tag-entry::placeholder{color:#aaa4b0}.tag-input + .field-note{margin-top:6px}
.queue-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 9px;color:var(--muted);font:500 10px 'DM Mono',monospace;letter-spacing:.08em}.queue-heading span:last-child{letter-spacing:0;opacity:.7}.song-queue{display:grid;gap:7px;max-height:235px;overflow-y:auto;padding:2px 4px 2px 0;scrollbar-color:#cfc3e8 transparent;scrollbar-width:thin}.queue-card{display:flex;align-items:center;gap:11px;padding:10px 11px;border:1px solid #eeeaf2;border-radius:12px;background:#fbfafc}.queue-number{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#f0eaff;color:var(--purple);font:500 10px 'DM Mono',monospace}.queue-copy{display:grid;gap:3px;min-width:0}.queue-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.queue-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font:10px 'DM Mono',monospace}.queue-empty{padding:15px 12px;border:1px dashed #dcd4e7;border-radius:12px;color:var(--muted);font-size:11px;line-height:1.5}
.queue-heading>div{display:flex;align-items:center;gap:10px}.queue-clear{border:0;background:none;color:var(--muted);font:500 10px 'DM Mono',monospace;cursor:pointer;padding:4px 0}.queue-clear:hover:not(:disabled){color:var(--purple)}.queue-clear:disabled{cursor:not-allowed;opacity:.35}.search-results{display:grid;gap:6px;margin-top:8px;max-height:260px;overflow-y:auto;padding-right:3px}.search-result{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:1px solid #eeeaf2;border-radius:12px;background:#fff;text-align:left;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.search-result:hover{background:#f7f3ff;border-color:#d4c3f4;transform:translateY(-1px)}.search-result-copy{display:grid;gap:3px;min-width:0}.search-result-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.search-result-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font:10px 'DM Mono',monospace}.search-result-arrow{color:var(--purple);font-size:17px;flex:0 0 auto}.control:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}
.queue-copy{flex:1}.queue-order{display:flex;flex-direction:column;gap:2px;flex:0 0 auto}.queue-move,.queue-remove{display:grid;place-items:center;width:23px;height:21px;padding:0;border:1px solid #e4dced;border-radius:6px;background:#fff;color:var(--muted);font:700 13px/1 Manrope;cursor:pointer;transition:background .18s,border-color .18s,color .18s}.queue-move:hover:not(:disabled),.queue-remove:hover:not(:disabled){background:#f0eaff;border-color:#cbb8ef;color:var(--purple)}.queue-move:disabled,.queue-remove:disabled{cursor:not-allowed;opacity:.3}.queue-remove{height:27px;margin-left:2px;border-radius:8px;color:#a27d91;font-size:16px}.queue-remove:hover:not(:disabled){background:#fff0f5;border-color:#f1bfd0;color:#d73b6e}
.topbar-actions{display:flex;align-items:center;gap:16px}.theme-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:var(--surface);color:var(--muted);font:500 10px 'DM Mono',monospace;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}.theme-toggle:hover{transform:translateY(-1px);border-color:#cbb8ef;color:var(--purple)}.theme-icon{font-size:14px;line-height:1}.ambient-one{animation:ambient-drift-one 26s ease-in-out infinite alternate}.ambient-two{animation:ambient-drift-two 32s ease-in-out infinite alternate}@keyframes ambient-drift-one{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-80px,55px,0) scale(1.08)}100%{transform:translate3d(-20px,130px,0) scale(.94)}}@keyframes ambient-drift-two{0%{transform:translate3d(0,0,0) scale(1)}45%{transform:translate3d(95px,-65px,0) scale(.9)}100%{transform:translate3d(30px,-145px,0) scale(1.08)}}
[data-theme=dark] body:before{background:radial-gradient(circle at 12% 9%,#35274f 0,transparent 30%),radial-gradient(circle at 93% 80%,#422337 0,transparent 28%)}[data-theme=dark] .ambient-one{background:#7855c855}[data-theme=dark] .ambient-two{background:#b24d7750}[data-theme=dark] .hero-stage{background:linear-gradient(145deg,#33264c 0%,#584080 48%,#8a3f68 100%)}[data-theme=dark] .guild-card,[data-theme=dark] .panel{background:#211c29f2}[data-theme=dark] .input,[data-theme=dark] .search-result,[data-theme=dark] .tag-input,[data-theme=dark] .queue-card{background:#282331;color:var(--ink)}[data-theme=dark] .search-row{background:#1c1824}[data-theme=dark] .control.alt{background:#332b3c;color:var(--ink)}[data-theme=dark] .control.alt:hover{background:#41364d}[data-theme=dark] .status-pill{background:#30283a}[data-theme=dark] .status-pill.live{background:#273d2a}[data-theme=dark] .panel-symbol,[data-theme=dark] .queue-number{background:#34294b}[data-theme=dark] .id-tag{background:#34294b}[data-theme=dark] .queue-empty{border-color:#51455d}[data-theme=dark] .search-result:hover{background:#33294a;border-color:#69528f}[data-theme=dark] .queue-move,[data-theme=dark] .queue-remove{background:#312a38;border-color:#4a3e52;color:#b9aec5}[data-theme=dark] .queue-move:hover:not(:disabled){background:#403354;border-color:#7359a2;color:#d2bcff}[data-theme=dark] .queue-remove:hover:not(:disabled){background:#482b3c;border-color:#94506d;color:#ff9cbd}[data-theme=dark] .stage-top,[data-theme=dark] .stage-bottom{color:#d6c7e1}[data-theme=dark] .screen-kicker{color:#d1aaff}[data-theme=dark] .screen-next{color:#d0bedc}[data-theme=dark] .workspace-divider{color:#756a80}[data-theme=dark] .theme-toggle{background:#211c29}[data-theme=dark] .account a{border-color:#655b6d}
@media(max-width:520px){.topbar-actions{gap:9px}.theme-label{display:none}.theme-toggle{width:34px;height:34px;justify-content:center;padding:0}}
@media(prefers-reduced-motion:reduce){.ambient-one,.ambient-two,.stage-eq i{animation:none!important}.button,.control,.guild-card,.search-result,.theme-toggle{transition:none}}
[data-theme=dark] .brand-mark{background:#f5efff;color:#5525b6;box-shadow:0 7px 15px #0006}[data-theme=dark] .button-dark,[data-theme=dark] .control{background:#f5efff;color:#241832;box-shadow:0 10px 20px #0005}[data-theme=dark] .button-dark b{color:#7044db}[data-theme=dark] .control-accent{background:var(--purple);color:#20152f;box-shadow:0 8px 18px #0005}[data-theme=dark] .invite-card .control{background:var(--mint);color:#20152f}[data-theme=dark] .guild-icon{background:linear-gradient(145deg,#f5efff,#dbc8ff);color:#5525b6}[data-theme=dark] .live-badge{background:#fff;color:#241832}
[data-theme=dark] .search-row .input{background:transparent}

/* Keep every guild avatar in one consistent, clipped shape. */
.guild-icon{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#21152b,#7044db);color:var(--mint)}
.guild-icon.has-image .guild-placeholder{display:none}
.guild-icon:not(.has-image) .guild-image{display:none}
.guild-icon.has-image{background:transparent;box-shadow:none}
.guild-image{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
.guild-placeholder{width:100%;height:100%;display:grid;place-items:center}
.guild-placeholder svg{width:29px;height:29px}
.guild-card{color:var(--ink)}
[data-theme=dark] .guild-icon:not(.has-image){background:linear-gradient(145deg,#4a3568,#9d4f7e);color:#f5efff}
[data-theme=dark] .guild-card{color:#f5efff}

/* Give the active song a visual focal point without changing playback controls. */
.now-playing-card{display:flex;align-items:center;gap:15px;min-height:130px;margin-top:18px;padding:14px;border:1px solid #e2d8f0;border-radius:18px;background:linear-gradient(135deg,#251934 0%,#3d285b 62%,#7044db 100%);color:#fff;box-shadow:0 16px 28px #39205c24;overflow:hidden;position:relative;isolation:isolate}.now-playing-card:after{content:'';position:absolute;width:160px;height:160px;right:-78px;top:-86px;border:1px solid #ffffff32;border-radius:50%;box-shadow:0 0 0 18px #ffffff0d,0 0 0 36px #ffffff08;pointer-events:none;z-index:-1}.now-playing-artwork{width:88px;height:88px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:linear-gradient(145deg,#a78ce9,#f2528c);box-shadow:0 9px 22px #130b1d55;overflow:hidden;position:relative}.now-playing-artwork img{width:100%;height:100%;display:block;object-fit:cover;position:relative;z-index:1}.now-playing-artwork-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:35px;line-height:1;color:#fff8}.now-playing-copy{display:grid;gap:5px;min-width:0;flex:1;position:relative;z-index:1}.now-playing-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d8c7ed;font:500 9px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.now-playing-state{display:inline-flex;align-items:center;gap:5px;color:var(--mint);font-size:8px}.now-playing-state:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #dafa9130}.is-paused .now-playing-state{color:#ffd28e}.is-paused .now-playing-state:before{box-shadow:0 0 0 3px #ffd28e30}.now-playing-card h4{overflow:hidden;margin:0;color:#fff;font-size:19px;line-height:1.12;letter-spacing:-.055em;text-overflow:ellipsis;white-space:nowrap}.now-playing-artist{overflow:hidden;margin:0;color:#cabbda;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.now-playing-details{display:grid;gap:6px;margin-top:8px}.now-playing-progress{height:4px;border-radius:999px;background:#ffffff2e;overflow:hidden}.now-playing-progress span{display:block;height:100%;min-width:4px;border-radius:inherit;background:var(--mint);transition:width .5s linear}.is-paused .now-playing-progress span{background:#ffd28e}.now-playing-time{display:flex;justify-content:space-between;color:#cabbda;font:10px 'DM Mono',monospace}.now-empty{padding-top:22px}
[data-theme=dark] .now-playing-card{border-color:#57456d;box-shadow:0 16px 28px #0005}
@media(max-width:520px){.now-playing-card{align-items:flex-start;gap:11px;padding:12px}.now-playing-artwork{width:68px;height:68px;border-radius:11px}.now-playing-card h4{font-size:16px}.now-playing-details{margin-top:5px}}

.now-playing-card.is-ended{background:linear-gradient(135deg,#21352a 0%,#315641 62%,#70b83d 100%);border-color:#b8d8aa}.is-ended .now-playing-artwork{background:linear-gradient(145deg,#a9d87e,#70b83d)}.is-ended .now-playing-state{color:#e1ffab}.now-ended-detail{margin:3px 0 0;color:#d2e7d1;font-size:10px;line-height:1.45}
[data-theme=dark] .now-playing-card.is-ended{border-color:#587c55;background:linear-gradient(135deg,#1d3025 0%,#2e5339 62%,#487b3d 100%)}

.library-panel{margin-top:17px}.library-intro{margin-top:-12px;margin-bottom:18px}.library-upload{padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:#fbfafc}.library-upload-fields{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px}.library-upload-fields label{margin-top:0}.library-upload input[type=file]{padding:10px;font-size:11px}.optional{font-weight:400;color:var(--muted)}.library-upload-actions{display:flex;align-items:center;gap:13px;margin-top:17px}.library-upload-actions .notice{margin:0}.library-upload .field-note{margin-top:10px}.library-heading{margin-top:22px}.library-list{display:grid;gap:7px}.library-card{display:flex;align-items:center;gap:12px;padding:10px 11px;border:1px solid #eeeaf2;border-radius:12px;background:#fbfafc}.library-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.library-play{padding:8px 11px;font-size:10px}.library-actions .queue-remove{margin-left:0}.library-card .queue-copy{min-width:0}.library-card .queue-copy strong,.library-card .queue-copy small{display:block}
.provider-tabs{display:flex;gap:5px;margin:-7px 0 10px;padding:4px;border:1px solid var(--line);border-radius:11px;background:#f7f5f9}.provider-tab{flex:1;border:0;border-radius:8px;padding:8px 10px;background:transparent;color:var(--muted);font:700 11px Manrope;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}.provider-tab:hover{color:var(--ink)}.provider-tab.active{background:#fff;color:var(--purple);box-shadow:0 3px 10px #26113d10}
.search-empty{padding:13px 12px;border:1px dashed #dcd4e7;border-radius:12px;color:var(--muted);font-size:11px;line-height:1.5}
[data-theme=dark] .library-upload,[data-theme=dark] .library-card{background:#282331}[data-theme=dark] .library-upload input[type=file]{color:var(--ink)}
[data-theme=dark] .provider-tabs{background:#1c1824}[data-theme=dark] .provider-tab.active{background:#34294b;color:var(--purple)}
[data-theme=dark] .search-empty{border-color:#51455d}
@media(max-width:820px){.library-upload-fields{grid-template-columns:1fr 1fr}.library-upload-fields>div:first-child{grid-column:1/-1}}
@media(max-width:520px){.library-upload-fields{grid-template-columns:1fr}.library-upload-fields>div:first-child{grid-column:auto}.library-upload-actions{align-items:stretch;flex-direction:column}.library-upload-actions .control{width:100%}.library-card{align-items:flex-start}.library-actions{flex-direction:column}.library-play{padding:8px 10px}}