@supports not (color:oklch(0.6 0.22 29)){:root{--background:#fff;--foreground:#1a1a1a;--card:#f8f8f8;--card-foreground:#1a1a1a;--popover:#f8f8f8;--popover-foreground:#1a1a1a;--primary:#c53030;--primary-foreground:#fff;--secondary:#2d3748;--secondary-foreground:#fff;--muted:#e2e8f0;--muted-foreground:#2d3748;--accent:#c53030;--accent-foreground:#fff;--destructive:#742a2a;--border:#0003;--input:#0000001a;--ring:#c53030}.dark{--background:#1a1a1a;--foreground:#fff;--card:#2d3748;--card-foreground:#fff;--popover:#2d3748;--popover-foreground:#fff;--primary:#fc8181;--primary-foreground:#1a1a1a;--secondary:#2d3748;--secondary-foreground:#fff;--muted:#2d3748;--muted-foreground:#e2e8f0;--accent:#fc8181;--accent-foreground:#1a1a1a;--destructive:#fed7d7;--border:#fff3;--input:#ffffff1a;--ring:#fc8181}}@supports not (display:grid){.grid{flex-wrap:wrap;display:flex}.grid>*{flex:300px}}@supports not (gap:1rem){.flex{margin:-.5rem}.flex>*{margin:.5rem}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.backdrop-blur{background-color:#fffffff2}.dark .backdrop-blur{background-color:#000000f2}}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--primary) var(--muted)}}.logo{will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@media (hover:none) and (pointer:coarse){.btn:active{transition:transform .1s;transform:scale(.98)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}input,textarea,select{font-size:16px}.aspect-ratio-16-9{position:relative}.aspect-ratio-16-9>*{position:absolute;inset:0}@supports not (aspect-ratio:16/9){.aspect-ratio-16-9{padding-top:56.25%}.aspect-ratio-16-9>*{position:absolute;inset:0}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:9999px}.touch-action-auto{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}@supports not (gap:1rem){.flex-gap-1>*{margin-right:1rem}.flex-gap-1>:last-child{margin-right:0}}:focus{outline:2px solid var(--ring);outline-offset:2px}.will-change-transform{will-change:transform}@supports (color:oklch(0.6 0.22 29)){.text-primary{color:var(--primary)}}@supports not (color:oklch(0.6 0.22 29)){.text-primary{color:hsl(var(--primary-hsl,17 70% 50%))}.bg-primary\/10{background-color:hsl(var(--primary-hsl,17 70% 50%) / .1)!important}.border-primary\/20{border-color:hsl(var(--primary-hsl,17 70% 50%) / .2)!important}}span[data-slot=badge]{color:currentColor}:root{--bg:#0b0b0d;--surface:#141417;--surface-2:#1c1c21;--surface-3:#26262d;--border:#ffffff12;--text:#f4f2f0;--text-2:#b5b3b0;--text-3:#8f8d8a;--accent:#ff8a75;--accent-soft:#ff8a7524;--accent-strong:#ff6f57;--gold:#e8c07d;--radius:14px;--player-h:84px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);padding-bottom:calc(var(--player-h) + env(safe-area-inset-bottom,0px) + 32px);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Montserrat,system-ui,sans-serif}#root{min-height:100vh}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}button:focus-visible,[role=button]:focus-visible,a:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{text-align:center;background:radial-gradient(900px 420px at 50% -10%, #ff8a7529, transparent 65%), radial-gradient(600px 300px at 85% 20%, #e8c07d12, transparent 60%), var(--bg);padding:64px 24px 48px;position:relative;overflow:hidden}.hero .kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:18px;font-size:.78rem;font-weight:600;display:inline-flex}.hero .kicker:before,.hero .kicker:after{content:"";background:var(--accent);opacity:.5;width:28px;height:1px}.hero h1{max-width:720px;margin:0 auto 14px;font-family:Montserrat,sans-serif;font-size:clamp(1.7rem,4.5vw,2.9rem);font-weight:800;line-height:1.15}.hero .sub{color:var(--text-2);margin-bottom:28px;font-size:.98rem}.chips{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px;display:flex}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:100px;align-items:center;gap:7px;padding:8px 16px;font-size:.85rem;font-weight:500;display:inline-flex}.chip svg{width:15px;height:15px;stroke:var(--accent)}.chip strong{color:var(--text);font-weight:600}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#1a0d0a;border-radius:100px;align-items:center;gap:10px;padding:14px 30px;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 24px #ff6f5747}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 32px #ff6f5766}.btn-primary svg{fill:#1a0d0a;width:17px;height:17px}.wrap{max-width:860px;margin:0 auto;padding:0 20px}.section-title{align-items:center;gap:12px;margin:44px 0 18px;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700;display:flex}.section-title .bar{background:var(--accent);border-radius:3px;width:5px;height:22px}.section-title .hint{color:var(--text-3);margin-left:auto;font-size:.75rem;font-weight:400}.track{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;color:inherit;grid-template-columns:44px 1fr auto auto auto;align-items:center;gap:16px;margin-bottom:10px;padding:14px 18px;transition:background .15s,border-color .15s,transform .15s;display:grid}.track:hover{background:var(--surface-2);transform:translate(3px)}.track.playing{background:linear-gradient(90deg, var(--accent-soft), var(--surface) 55%);border-color:#ff8a7559}.track .num{color:var(--text-3);text-align:center;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:700}.track.playing .num{color:var(--accent)}.eq{justify-content:center;align-items:flex-end;gap:2.5px;height:16px;display:none}.eq span{background:var(--accent);border-radius:2px;width:3px;animation:1s ease-in-out infinite eq}.eq span:nth-child(2){animation-delay:.2s}.eq span:nth-child(3){animation-delay:.4s}.track.playing.is-live .eq{display:flex}.track.playing.is-live .num{display:none}@keyframes eq{0%,to{height:5px}50%{height:15px}}.track .info{min-width:0}.track .title{white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;font-weight:600;overflow:hidden}.track .artist{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:.8rem;overflow:hidden}.tag{letter-spacing:.04em;color:var(--gold);vertical-align:1px;background:#e8c07d1a;border-radius:5px;margin-left:7px;padding:2px 7px;font-size:.66rem;font-weight:600;display:inline-block}.tone{color:var(--accent);background:var(--accent-soft);text-align:center;border:1px solid #ff8a7540;border-radius:10px;min-width:52px;padding:7px 10px;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:800}.dur{color:var(--text-3);font-variant-numeric:tabular-nums;text-align:right;min-width:42px;font-size:.83rem}.actions{gap:6px;display:flex}.icon-btn{background:var(--surface-2);border:1px solid var(--border);width:38px;height:38px;color:var(--text-2);border-radius:10px;justify-content:center;align-items:center;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:flex}.icon-btn:hover{color:var(--accent);background:var(--surface-3);border-color:#ff8a7566}.icon-btn svg{width:16px;height:16px}.icon-btn.play-btn{color:var(--accent);border-color:#ff8a754d}.more-btn{display:none}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;border:1px solid var(--border);z-index:50;background:#2e2e35;border-radius:7px;padding:5px 10px;font-size:.7rem;font-weight:500;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}[data-tip]:hover:after{opacity:1}.setlist-footer{text-align:center;color:var(--text-3);padding:56px 20px 24px;font-size:.85rem}.setlist-footer .heart{color:var(--accent)}.setlist-footer .brand{margin-top:6px;font-size:.78rem}.player{z-index:100;height:calc(var(--player-h) + env(safe-area-inset-bottom,0px));padding:0 20px env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);background:#121215eb;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;display:grid;position:fixed;bottom:0;left:0;right:0}.progress-line{cursor:pointer;background:#ffffff14;width:100%;height:2px;position:absolute;top:-1px;left:0}.progress-line:before{content:"";height:16px;position:absolute;top:-8px;left:0;right:0}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-strong));width:0%;height:100%;position:relative}.progress-fill:after{content:"";background:var(--accent);opacity:0;border-radius:50%;width:10px;height:10px;transition:opacity .15s;position:absolute;top:-4px;right:-5px}.progress-line:hover .progress-fill:after{opacity:1}.np{align-items:center;gap:12px;min-width:0;display:flex}.np .cover{background:linear-gradient(135deg, var(--accent-soft), #e8c07d1f);width:48px;height:48px;color:var(--accent);border:1px solid #ff8a7540;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:800;display:flex}.np .np-info{min-width:0}.np .np-title{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.np .np-artist{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.player-right{justify-content:flex-end;justify-self:end;align-items:center;gap:14px;display:flex}.controls{justify-self:center;align-items:center;gap:12px;display:flex}.ctrl{width:40px;height:40px;color:var(--text-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.ctrl:hover{color:var(--text);background:var(--surface-2)}.ctrl svg{fill:currentColor;width:19px;height:19px;display:block}.ctrl.main{background:var(--accent);color:#1a0d0a;width:50px;height:50px;transition:transform .15s,background .15s;box-shadow:0 4px 16px #ff6f5759}.ctrl.main:hover{background:var(--accent-strong);color:#1a0d0a;transform:scale(1.06)}.ctrl.main svg{width:21px;height:21px}.time{color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem}.time b{color:var(--text-2);font-weight:500}.vol{align-items:center;gap:8px;display:flex}.vol svg{width:17px;height:17px;color:var(--text-2)}.vol input[type=range]{appearance:none;background:var(--surface-3);border-radius:2px;outline:none;width:82px;height:4px}.vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:13px;height:13px}.vol input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:13px;height:13px}.mprog{display:none}[hidden]{display:none!important}.sheet-backdrop{z-index:200;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface-2);border:1px solid var(--border);width:100%;max-width:480px;padding:8px 16px calc(14px + env(safe-area-inset-bottom,0px));border-bottom:none;border-radius:18px 18px 0 0;animation:.22s ease-out sheetUp}@keyframes sheetUp{0%{opacity:.4;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.sheet-handle{background:var(--surface-3);border-radius:2px;width:36px;height:4px;margin:2px auto 10px}.sheet-title{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;padding:2px 6px 10px;font-size:.9rem;font-weight:600;overflow:hidden}.sheet-item{width:100%;color:var(--text);text-align:left;border-radius:12px;align-items:center;gap:12px;padding:14px 10px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.sheet-item:hover{background:var(--surface-3)}.sheet-item svg{width:18px;height:18px;color:var(--accent);flex-shrink:0}.sheet-cancel{background:var(--surface-3);width:100%;color:var(--text-2);border-radius:12px;margin-top:8px;padding:13px;font-size:.9rem;font-weight:600}@media (width<=720px){:root{--player-h:118px}.player{padding:12px 12px env(safe-area-inset-bottom,0px);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:10px}.controls{justify-self:end}.player-right,.progress-line{display:none}.mprog{grid-column:1/-1;align-items:center;gap:10px;display:flex}.mtime{color:var(--text-2);font-variant-numeric:tabular-nums;min-width:34px;font-size:.72rem}.mtime:last-child{text-align:right}.mtrack{cursor:pointer;touch-action:pan-y;flex:1;align-items:center;height:24px;display:flex;position:relative}.mtrack:before{content:"";background:#ffffff24;border-radius:2px;height:4px;position:absolute;left:0;right:0}.mfill{background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-radius:2px;width:0%;height:4px;position:relative}.mknob{background:var(--accent);border-radius:50%;width:14px;height:14px;position:absolute;top:50%;right:-7px;transform:translateY(-50%);box-shadow:0 1px 6px #00000080}.track{grid-template-columns:34px 1fr auto auto;align-items:start;gap:10px;padding:13px 14px}.track .dur,.actions .hide-m{display:none}.more-btn{display:flex}.track .title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.track .artist{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.track .num,.track>div:first-child{padding-top:2px}.tone,.track .actions{align-self:center}.icon-btn{width:42px;height:42px}.hero{padding:48px 20px 40px}.np .cover{display:none}.np .np-title{font-size:.85rem}.np .np-artist{font-size:.72rem}.controls{gap:4px}.ctrl{width:42px;height:42px}.ctrl.main{width:46px;height:46px}.section-title .hint{display:none}}@media (width<=420px){.tone{min-width:44px;padding:6px 8px;font-size:.85rem}.track .title{font-size:.9rem}}@media (width<=720px),(hover:none){.section-title .hint,[data-tip]:after{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.eq{display:none!important}.track.playing.is-live .num{color:var(--accent);display:block}}