:root{--bg:#fff;--bg-elev:#f4f4f6;--bg-elev-2:#fafafa;--text:#17171c;--text-dim:#6e6e78;--accent:#e24666;--accent-press:#c53d59;--row-active:#e2466614;--border:#11111414;--bar-h:132px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}.app{min-height:100dvh;padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom,0px))}.artist-header{background:linear-gradient(180deg, #e2466612 0%, var(--bg) 100%);padding:20px 20px 18px;position:relative;overflow:hidden}.artist-header.has-hero{background:0 0;flex-direction:column;justify-content:flex-end;min-height:210px;padding:0;display:flex}.artist-hero-bg{object-fit:cover;object-position:center 20%;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.artist-hero-overlay{background:linear-gradient(to bottom, #0b0b0d0d 0%, #0b0b0d38 30%, #0b0b0db3 58%, #0b0b0dd1 85%, var(--bg) 100%);pointer-events:none;position:absolute;inset:0}.artist-view-photos{z-index:2;letter-spacing:.03em;color:#ffffffe6;-webkit-backdrop-filter:blur(8px);background:#0000006b;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;transition:background .12s,transform .12s;display:flex;position:absolute;top:12px;right:12px}.artist-view-photos:hover{background:#000000a6;transform:scale(1.03)}.artist-view-photos:active{transform:scale(.97)}.artist-info{z-index:2;min-width:0;padding:0 20px 18px;position:relative}.artist-header:not(.has-hero) .artist-info{padding:0}.has-hero .artist-info{padding-bottom:30px}.artist-name{letter-spacing:-.02em;margin:0 0 6px;font-size:24px;font-weight:800}.has-hero .artist-name{color:#fff;text-shadow:0 1px 4px #0000008c}.ver-mas-btn{letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);margin-top:5px;padding:0;font-size:12px;font-weight:700;transition:color .12s;display:inline-block}.has-hero .ver-mas-btn{color:#ffffffa6;text-shadow:0 1px 4px #00000080}.ver-mas-btn:hover{color:var(--accent)}.has-hero .ver-mas-btn:hover{color:#fff}.artist-bio-preview{color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 6px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.has-hero .artist-bio-preview{color:#ffffffc7;text-shadow:0 1px 5px #0009}.bio-overlay{z-index:300;will-change:transform, opacity;-webkit-backdrop-filter:blur(6px);background:#000000d1;align-items:stretch;animation:.3s cubic-bezier(.32,.72,0,1) dialog-slide-up;display:flex;position:fixed;inset:0}.bio-dialog{background:var(--bg);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.bio-dialog-close{z-index:10;-webkit-backdrop-filter:blur(4px);color:#ffffffd9;background:#00000080;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .12s,color .12s;display:flex;position:absolute;top:14px;right:14px}.bio-dialog-close:hover{color:#fff;background:#000000bf}.bio-dialog-hero{flex:0 0 45dvh;position:relative;overflow:hidden}.bio-dialog-slides{will-change:transform;height:100%;transition:transform .32s;display:flex}.bio-dialog-slide{flex:0 0 100%;height:100%}.bio-dialog-slide img{object-fit:cover;object-position:center top;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.bio-dialog-dots{z-index:2;-webkit-backdrop-filter:blur(4px);background:#00000059;border-radius:999px;align-items:center;gap:5px;padding:6px 8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.bio-dialog-dot{background:#ffffff59;border-radius:999px;flex-shrink:0;width:6px;height:6px;padding:0;transition:background .15s,width .15s}.bio-dialog-dot.is-active{background:#fff;width:18px}.bio-dialog-hero-fade{background:linear-gradient(to bottom, transparent 45%, #0000008c 78%, var(--bg) 100%);position:absolute;inset:0}.bio-dialog-body{overscroll-behavior:contain;flex:1;padding:20px 24px 48px;overflow-y:auto}.bio-dialog-name{letter-spacing:-.02em;margin:0 0 20px;font-size:28px;font-weight:800}.bio-dialog-columns{flex-direction:column;gap:20px;display:flex}.bio-credits-scroll{scrollbar-width:none;overflow-x:auto}.bio-credits-scroll::-webkit-scrollbar{display:none}.bio-credits{flex-direction:row;width:max-content;margin:0;padding:0;list-style:none;display:flex}.bio-credit{border-right:1px solid var(--border);flex-direction:column;flex:none;gap:3px;margin-right:24px;padding-right:24px;display:flex}.bio-credit:last-child{border-right:none;margin-right:0;padding-right:0}.bio-credit-name{color:var(--text);white-space:nowrap;font-size:15px;font-weight:700}.bio-credit-role{letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;font-size:11px;font-weight:600}.bio-dialog-bio{color:#3a3a42;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.7}.bio-socials{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;margin-top:28px;padding-top:20px;display:flex}.bio-social-link{border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s,transform .12s;display:inline-flex}.bio-social-link:hover{background:var(--row-active);border-color:var(--accent);color:var(--accent);transform:scale(1.03)}.bio-social-link:active{transform:scale(.97)}.gallery-overlay{z-index:300;will-change:transform, opacity;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:none;background:#000000eb;justify-content:center;align-items:center;animation:.22s dialog-fade-in;display:flex;position:fixed;inset:0}.gallery-modal{justify-content:center;align-items:center;max-width:min(88vw,800px);max-height:80vh;display:flex}.gallery-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:10px;max-width:100%;max-height:80vh;display:block;box-shadow:0 20px 60px #000c}.gallery-close{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffd9;z-index:1;background:#00000080;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .12s,color .12s;display:flex;position:absolute;top:16px;right:16px}.gallery-close:hover{color:#fff;background:#000000bf}.gallery-nav{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:1;background:#00000080;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .12s,transform .12s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav:hover{background:#000c}.gallery-nav:active{transform:translateY(-50%)scale(.94)}.gallery-prev{left:16px}.gallery-next{right:16px}.gallery-counter{color:#fff9;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.song-list{margin:0;padding:8px 8px 24px;list-style:none}.song-row{border-radius:10px;grid-template-columns:32px 1fr auto auto;align-items:center;gap:12px;padding:12px;transition:background .12s;display:grid}.song-row:hover{background:var(--bg-elev)}.song-row.is-active{background:var(--row-active)}.song-order{color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:center;font-size:14px}.song-row.is-active .song-order{color:var(--accent)}.song-meta{min-width:0}.song-title-row{align-items:center;gap:8px;min-width:0;display:flex}.song-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.song-row.is-active .song-title{color:var(--accent)}.sound-bars{flex-shrink:0;align-items:flex-end;gap:2px;height:14px;display:inline-flex}.sound-bars .bar{background:var(--accent);transform-origin:bottom;border-radius:2px;width:3px;animation:.7s ease-in-out infinite alternate soundbar}.sound-bars .bar:first-child{height:14px;animation-delay:0s}.sound-bars .bar:nth-child(2){height:14px;animation-delay:.22s}.sound-bars .bar:nth-child(3){height:14px;animation-delay:.44s}@keyframes soundbar{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.loading-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.65s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.song-duration{color:var(--text-dim);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;min-width:32px;font-size:13px;display:flex}.duration-spinner{border:1.5px solid #1111141f;border-top-color:var(--text-dim);border-radius:50%;width:12px;height:12px;animation:.65s linear infinite spin;display:block}.play-btn{background:var(--accent);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .12s,background .12s;display:inline-flex}.play-btn:hover{background:var(--accent-press);transform:scale(1.05)}.play-btn:active{transform:scale(.96)}.play-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.skip-btn{width:36px;height:36px;color:var(--text);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,opacity .12s;display:inline-flex}.skip-btn:hover:not(:disabled){background:#1111140f}.skip-btn:active:not(:disabled){transform:scale(.94)}.skip-btn:disabled{opacity:.3;cursor:not-allowed}.now-playing{z-index:200;background:var(--bg-elev-2);border-top:1px solid var(--border);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.np-meta{min-width:0;padding-right:44px}.np-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.np-controls{flex-direction:column;gap:6px;min-width:0;display:flex}.np-buttons{justify-content:center;align-items:center;gap:8px;display:flex}.np-seek{align-items:center;gap:10px;display:flex}.np-seek .progress{flex:1;min-width:0}.np-time{color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:center;min-width:36px;font-size:11px}.np-volume{color:var(--text-dim);z-index:5;align-items:center;display:flex;position:absolute;top:12px;right:16px}.volume-toggle{width:36px;height:36px;color:var(--text);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s;display:inline-flex}.volume-toggle:hover{background:#1111140f}.volume-toggle:active{transform:scale(.94)}.volume-slider-inline{display:none}.volume-popover{background:var(--bg-elev);border:1px solid var(--border);z-index:10;border-radius:12px;justify-content:center;align-items:center;width:44px;height:140px;display:flex;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 8px 24px #11111424}.volume-slider{appearance:none;cursor:pointer;background:#1111141a;border-radius:999px;outline:none;flex:1;height:4px}.volume-slider-vertical{transform-origin:50%;flex:none;width:110px;max-width:none;transform:rotate(-90deg)}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:none;border-radius:999px;width:12px;height:12px;box-shadow:0 1px 4px #1111144d}.volume-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:999px;width:12px;height:12px;box-shadow:0 1px 4px #1111144d}.progress{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;height:20px;display:flex;position:relative}.progress-track{background:#1111141a;border-radius:999px;width:100%;height:4px;position:relative;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .1s linear}.progress-thumb{background:var(--accent);pointer-events:none;border-radius:999px;width:12px;height:12px;transition:width .12s,height .12s,left .1s linear;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #1111144d}.progress.is-dragging .progress-thumb{width:16px;height:16px;transition:width .12s,height .12s}.progress.is-dragging .progress-fill{transition:none}.lyrics-btn{width:28px;height:28px;color:var(--text-dim);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:color .12s,background .12s;display:inline-flex}.lyrics-btn:hover{color:var(--text);background:#1111140f}.lyrics-btn.is-active{color:var(--accent)}.lyrics-overlay{z-index:100;will-change:transform, opacity;flex-direction:column;animation:.3s cubic-bezier(.32,.72,0,1) dialog-slide-up;display:flex;position:fixed;inset:0;overflow:hidden}.lyrics-close-btn{color:#fffc;z-index:2;background:#00000059;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .12s,color .12s;display:flex;position:absolute;top:14px;right:14px}.lyrics-close-btn:hover{color:#fff;background:#0009}.lyrics-scroll{overscroll-behavior:contain;padding:0 28px calc(var(--bar-h) + 16px);scrollbar-width:none;flex:1;overflow-y:auto}.lyrics-scroll::-webkit-scrollbar{display:none}.lyrics-spacer{height:25vh}.lyrics-line{color:#ffffff4d;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 0;font-size:28px;font-weight:700;line-height:1.35;transition:color .35s,font-size .35s}.lyrics-line:hover{transition:color 80ms;color:#ffffffa6!important}.lyrics-line.is-past{color:#ffffff6b}.lyrics-line.is-active{color:#fffffff5;font-size:32px}.lyrics-skeleton-line{background:linear-gradient(90deg,#ffffff0f 0%,#ffffff21 40%,#ffffff0f 80%) 0 0/200% 100%;border-radius:6px;height:30px;margin:14px 0;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lyrics-resume-btn{bottom:calc(var(--bar-h) + 16px);color:#111;letter-spacing:.01em;cursor:pointer;background:#fff;border:none;border-radius:999px;align-items:center;gap:7px;padding:10px 20px;font-size:13px;font-weight:700;transition:background .12s,transform .12s;animation:.18s lyrics-resume-in;display:flex;position:absolute;right:20px;box-shadow:0 4px 16px #00000059}.lyrics-resume-btn:hover{background:#f0f0f0;transform:scale(1.04)}.lyrics-resume-btn:active{transform:scale(.96)}@keyframes lyrics-resume-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (min-width:720px){.np-meta{padding-right:0}.lyrics-scroll{padding:0 min(80px,10vw)}.lyrics-line{font-size:32px}.lyrics-line.is-active{font-size:38px}}@keyframes dialog-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}.gate{text-align:center;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.gate h1{margin:0 0 8px;font-size:22px}.gate p{color:var(--text-dim);max-width:320px;margin:0;font-size:14px}@media (min-width:720px){:root{--bar-h:96px}.artist-header,.song-list{max-width:720px;margin-left:auto;margin-right:auto}.artist-header.has-hero{min-height:240px}.artist-name{font-size:28px}.bio-dialog{flex-direction:row}.bio-dialog-hero{flex:0 0 45%;align-self:stretch;height:auto}.bio-dialog-hero-fade{background:linear-gradient(to right, transparent 50%, #00000073 85%, var(--bg) 100%)}.bio-dialog-body{flex-direction:column;flex:1;justify-content:center;padding:48px 40px;display:flex;overflow-y:auto}.bio-dialog-columns{flex-direction:row;align-items:flex-start;gap:28px}.bio-credits-scroll{flex:none;min-width:120px;overflow-x:visible}.bio-credits{flex-direction:column;width:auto;padding:0}.bio-credit{border-right:none;border-bottom:1px solid var(--border);margin-bottom:12px;margin-right:0;padding-bottom:12px;padding-right:0}.bio-credit:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.bio-credit-name,.bio-credit-role{white-space:normal}.bio-dialog-bio{flex:1}.now-playing{padding:14px 24px calc(14px + env(safe-area-inset-bottom,0px));flex-direction:row;align-items:center;gap:24px}.np-meta{flex:1 1 0;padding-right:0}.np-controls{flex:2 1 0;max-width:720px}.np-volume{z-index:auto;flex:1 1 0;justify-content:flex-end;gap:8px;position:relative;top:auto;right:auto}.volume-toggle{pointer-events:none;cursor:default}.volume-toggle:hover{background:0 0}.volume-slider-inline{max-width:140px;display:block}.volume-popover{display:none}}