:root{color-scheme:dark}
*{box-sizing:border-box} :root{--bg:#121212;--panel:#1f1f1f;--text:#ffffff;--muted:#b3b3b3;--line:#2a2a2a;--accent:#1db954;--sidebar:#000000;--hover:#282828;--hero:#242424}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;transition:background .2s,color .2s}button,input,textarea{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit;background:none}button:hover{filter:brightness(1.15)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}.sidebar{width:222px;position:fixed;inset:0 auto 102px 0;background:var(--sidebar);padding:32px 22px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-weight:850;font-size:19px;letter-spacing:-1px}.brand small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-top:7px}.brand-icon{width:34px;height:34px;display:grid;place-items:center;background:var(--accent);color:#071b0e;border-radius:50%;font-size:32px;transform:rotate(-18deg)}.nav-label{font-size:10px;color:var(--muted);margin:50px 12px 14px;letter-spacing:1px}.nav{display:flex;align-items:center;gap:15px;padding:13px 15px;text-align:left;border-radius:7px;margin:3px 0;color:var(--muted);font-weight:600}.nav span{font-size:23px;width:24px}.nav.active{color:var(--accent);background:#1db95414}.club{margin-top:48px;padding:18px 4px;border-top:1px solid var(--line);font-size:12px}.club-dot,.tiny-dot{display:inline-block;background:var(--accent);width:6px;height:6px;border-radius:50%;margin-right:7px}.club p{color:var(--muted);font-size:11px;line-height:1.9;margin:12px 0 20px}.club-tag{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.admin-link{margin-top:auto;text-align:left;display:flex;gap:12px;color:var(--muted);padding:15px 8px;font-size:12px}.admin-link span{flex:1}.workspace{margin-left:222px}header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:20px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{margin:0 15px}.breadcrumb b{color:var(--text);font-weight:500}.header-actions{display:flex;gap:18px;align-items:center}.search{display:flex;gap:10px;align-items:center;background:var(--panel);padding:10px 13px;border:1px solid var(--line);border-radius:30px}.search>span{font-size:23px;line-height:1}.search input{width:210px;background:none;border:0;outline:none;color:var(--text);font-size:11px}.search kbd{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:1px 4px}.icon{font-size:23px}.avatar{border-radius:50%;width:31px;height:31px;display:grid;place-items:center;background:var(--hover);font-size:12px;border:1px solid var(--line)}main{max-width:1480px;margin:auto;padding:37px 40px 126px}.welcome{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.eyebrow{color:var(--accent);font-size:9px;font-weight:600;letter-spacing:2.2px}h1{font-size:31px;letter-spacing:-1.5px;margin:9px 0}p{color:var(--muted);line-height:1.7}.welcome p{font-size:12px;margin:0}.sample-badge{font-size:10px;border:1px solid var(--line);border-radius:20px;color:var(--muted);padding:7px 10px}.hero{position:relative;overflow:hidden;display:flex;align-items:center;min-height:320px;background:var(--hero);border-radius:12px;padding:32px 36px;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 60% 20%,#ffffff08,transparent 55%);z-index:-1}.hero-copy{position:relative;z-index:2;width:62%}.pill{font-size:9px;letter-spacing:1.5px;color:var(--accent);display:flex;gap:7px;align-items:center}.pill i{width:5px;height:5px;background:var(--accent);border-radius:50%}.hero h2{font-size:clamp(28px,3vw,44px);letter-spacing:-2px;line-height:1.22;margin:17px 0 14px}.hero p{font-size:11px;color:#b3b3b3}.hero-meta{display:flex;gap:10px;align-items:center;font-size:10px;margin:15px 0 22px}.hero-meta>span:not(.artist-dot){color:var(--muted)}.artist-dot{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#dfdfdf;color:#333333;font-size:9px}.primary{background:var(--accent);color:#071b0e;border-radius:25px;padding:13px 24px;font-weight:750;font-size:12px}.hero-art{width:270px;height:270px;position:absolute;right:7%;top:24px;transform:rotate(8deg);box-shadow:0 25px 55px #0006;overflow:hidden}.hero-art svg{width:100%;height:100%}.hero-edition{position:absolute;right:22px;bottom:14px;color:#b3b3b3;font-size:8px;letter-spacing:2px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:34px 0 20px}.section-heading h2{font-size:20px;letter-spacing:-.6px;margin:0}.section-heading h2 .tiny-dot{vertical-align:middle;margin-left:6px;width:5px;height:5px}.section-heading p{font-size:11px;margin:8px 0 0}.text-button{font-size:11px;color:var(--muted)}.song-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.song-card{text-align:left;min-width:0;padding:0}.cover{aspect-ratio:1;overflow:hidden;border-radius:7px;position:relative;box-shadow:0 8px 18px #0002}.cover svg{display:block;width:100%;height:100%;transition:transform .3s}.song-card:hover svg{transform:scale(1.035)}.cover .cover-play{position:absolute;right:12px;bottom:12px;border-radius:50%;background:var(--accent);color:#071b0e;display:grid;place-items:center;width:40px;height:40px;opacity:0;transform:translateY(8px);transition:.2s}.song-card:hover .cover-play,.song-card:focus-visible .cover-play{opacity:1;transform:translateY(0)}.song-card strong{font-size:13px;display:block;margin:13px 0 5px}.song-card small{font-size:10px;color:var(--muted)}#count{font-size:11px;font-weight:400;color:var(--muted);margin-left:6px}.outline{font-size:11px;border:1px solid var(--line);border-radius:20px;padding:9px 15px}.table-head,.track{display:grid;grid-template-columns:30px minmax(170px,2fr) minmax(90px,1fr) 100px 40px;gap:14px;align-items:center}.table-head{color:var(--muted);font-size:10px;padding:0 14px 13px;border-bottom:1px solid var(--line)}.track{width:100%;text-align:left;padding:10px 14px;border-radius:6px}.track:hover{background:var(--hover)}.track.selected{background:var(--hover)}.track.selected .track-title,.track.selected .track-num{color:var(--accent)}.track-num,.track-album,.track-date,.track-duration{font-size:11px;color:var(--muted)}.track-main{display:flex;gap:12px;align-items:center;min-width:0}.track-cover{width:38px;height:38px;border-radius:4px;overflow:hidden;flex-shrink:0}.track-cover svg,.now-art svg{width:100%;height:100%}.track-title{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{display:block;color:var(--muted);font-size:9px;margin-top:5px}.track-duration{text-align:right}footer{margin-top:35px;padding-top:22px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer span{margin-left:15px;font-size:10px}footer small{float:right;font-size:8px;letter-spacing:1.3px}.player{position:fixed;bottom:0;left:0;right:0;height:102px;background:var(--sidebar);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;padding:14px 28px;gap:25px;z-index:10}.now{display:flex;gap:12px;align-items:center;min-width:0}.now-art{width:54px;height:54px;border-radius:5px;overflow:hidden;flex-shrink:0}.now strong{font-size:12px}.now small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.transport{display:flex;justify-content:center;align-items:center;gap:21px;margin-bottom:10px}.transport button{color:var(--muted);font-size:16px;padding:0}.transport .play{width:34px;height:34px;border-radius:50%;background:var(--text);color:var(--bg);font-size:13px}.transport button[aria-pressed=true]{color:var(--accent)}.timeline{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:9px}.timeline input{width:100%}input[type=range]{accent-color:var(--accent);height:3px;cursor:pointer}.player-right{display:flex;align-items:center;justify-content:flex-end;gap:15px}.player-right button{color:var(--muted);font-size:20px}.player-right input{width:85px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:15px;width:min(600px,calc(100% - 28px));max-height:85vh;padding:28px}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:22px;margin:10px 0}.dialog-head button{font-size:20px}.notice{font-size:12px;background:var(--hover);padding:13px;border-radius:7px}.form-grid{display:grid;grid-template-columns:150px 1fr;gap:20px}form label{display:block;font-size:11px;margin-top:15px;color:var(--muted)}form input:not([type=file]),textarea{display:block;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:10px;margin-top:8px}form input[type=file]{display:block;width:100%;font-size:11px;margin-top:10px}textarea{resize:vertical;min-height:65px}.cover-upload>span{height:150px;border:1px dashed var(--muted);margin-top:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:30px;border-radius:8px;background-size:cover;background-position:center}.cover-upload small{font-size:11px}.submit{margin-top:22px;width:100%}.muted{color:var(--muted)}.empty{text-align:center;padding:35px;color:var(--muted)}#toast{position:fixed;bottom:120px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);padding:12px 20px;border-radius:25px;font-size:12px;z-index:40;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.visible{opacity:1}#queueList button{display:flex;width:100%;gap:15px;text-align:left;padding:14px;border-bottom:1px solid var(--line)}#queueList small{margin-left:auto;color:var(--muted)}#uploads{font-size:11px;color:var(--accent);margin-top:15px}
@media(min-width:1450px){.hero-art{right:12%}.hero{min-height:360px}.hero-art{width:310px;height:310px}}
@media(max-width:1050px){.sidebar{width:185px;padding:28px 16px}.brand{font-size:16px}.workspace{margin-left:185px}header{padding:0 25px}main{padding:28px 25px 125px}.breadcrumb{display:none}.header-actions{width:100%}.search{margin-right:auto}.hero-art{right:-25px;opacity:.65}.hero-copy{width:80%}.hero h2{font-size:35px}.song-grid{gap:15px}.track-date,.table-head>span:nth-child(4){display:none}.track,.table-head{grid-template-columns:24px minmax(150px,2fr) minmax(65px,1fr) 35px;gap:10px}.player{grid-template-columns:1fr 1.5fr .6fr;padding:14px 20px}.player-right input{display:none}}
@media(max-width:650px){.sidebar{width:100%;height:62px;inset:0 0 auto;z-index:12;padding:0 18px;flex-direction:row;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:17px}.brand small{font-size:6px;margin-top:4px}.brand-icon{width:28px;height:28px;font-size:27px}.nav-label,.club,.nav{display:none}.admin-link{margin:0 0 0 auto;font-size:11px;gap:6px}.workspace{margin:62px 0 0}header{height:66px;padding:0 18px;border:0}.header-actions{gap:12px}.search{flex:1;padding:8px 12px}.search input{width:100%;font-size:11px}.search kbd{display:none}.avatar{display:none}main{padding:12px 18px 156px}.welcome{margin-bottom:22px}.welcome h1{font-size:27px}.eyebrow{font-size:7px;letter-spacing:1.7px}.sample-badge{display:none}.hero{padding:24px;min-height:335px;align-items:flex-start}.hero-copy{width:100%}.hero h2{font-size:32px;letter-spacing:-1.5px;margin-top:19px}.hero-art{width:170px;height:170px;right:-35px;top:auto;bottom:-13px;opacity:.47;z-index:-1}.hero p{font-size:10px}.hero-edition{font-size:6px}.hero-meta{font-size:9px}.section-heading{margin:29px 0 18px}.section-heading h2{font-size:18px}.section-heading p{font-size:10px}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 15px}.song-card strong{font-size:12px}.song-card small{font-size:9px}.track-album,.table-head>span:nth-child(3){display:none}.track,.table-head{grid-template-columns:18px 1fr 35px;gap:8px;padding-left:6px;padding-right:6px}.track-title{font-size:12px}.track-cover{width:35px;height:35px}.player{height:125px;padding:12px 18px;display:flex;align-items:flex-start;gap:0}.now{width:calc(100% - 65px)}.now-art{width:42px;height:42px}.play-center{position:absolute;inset:0;pointer-events:none}.transport{position:absolute;right:20px;top:14px;gap:16px;pointer-events:auto}.transport button{display:none}.transport .play{display:block}.timeline{position:absolute;bottom:15px;left:18px;right:18px;pointer-events:auto}.player-right{position:absolute;right:64px;top:19px}.player-right #mute{display:none}.player-right #queueOpen{font-size:23px}footer{font-size:10px}footer span{display:block;margin:8px 0}footer small{display:none}.form-grid{grid-template-columns:100px 1fr;gap:15px}.cover-upload>span{height:100px}dialog{padding:20px}.dialog-head h2{font-size:20px}#toast{bottom:140px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}.transport .play{background:var(--accent);color:#071b0e}


/* Spotify palette */
.brand-icon{background:#1db954;color:#000}.nav.active{color:var(--text);background:var(--hover)}.primary,.cover .cover-play,.transport .play{background:#1db954;color:#000}.pill i{background:#1db954}
[hidden]{display:none!important}.auth-login{display:inline-block;text-decoration:none;margin:8px 0}.admin-toolbar{display:flex;justify-content:space-between;margin:18px 0;color:var(--muted);font-size:12px}.admin-toolbar a{color:var(--accent)}#heroDescription{white-space:pre-line;max-height:95px;overflow:auto}#heroTitle{overflow-wrap:anywhere}.hero-copy{min-width:0}.track{position:relative;grid-template-columns:30px minmax(150px,2fr) minmax(80px,1fr) 90px 40px 28px}.table-head{grid-template-columns:30px minmax(150px,2fr) minmax(80px,1fr) 90px 40px 28px}.track-play{position:absolute;inset:0;width:100%;height:100%;z-index:1}.track-info{z-index:2;color:var(--muted);padding:6px}.admin-track{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:12px 0}.admin-track span{flex:1;min-width:0;overflow-wrap:anywhere}.admin-track button{padding:7px;font-size:11px;color:var(--muted)}.admin-track .delete{color:#ef9191}.song-description{white-space:pre-wrap;overflow-wrap:anywhere}.player button:disabled{opacity:.35;cursor:default}.now{cursor:pointer}#recentSongs:empty:after{content:'등록된 노래가 없습니다.';color:var(--muted);padding:20px 0;font-size:12px}.cover img{width:100%;height:100%;object-fit:cover}.track-main>span:last-child{min-width:0}.now>div:last-child{min-width:0}.now strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-meta{flex-wrap:wrap}.cover-upload input{font-size:9px}#uploads{color:var(--muted)}form button:disabled{opacity:.5;cursor:wait}#adminTracks{font-size:12px}.now-art:empty{background:var(--panel)}.track-album{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1050px){.track,.table-head{grid-template-columns:24px minmax(140px,2fr) minmax(60px,1fr) 35px 24px;gap:8px}}
@media(max-width:650px){.track,.table-head{grid-template-columns:18px minmax(0,1fr) 35px 24px;gap:6px}.hero h2{font-size:30px}.track-title{max-width:100%}}

/* Song-only library */
.track,.table-head{grid-template-columns:30px minmax(170px,1fr) 100px 40px 28px}
@media(max-width:1050px){.track,.table-head{grid-template-columns:24px minmax(140px,1fr) 90px 35px 24px;gap:8px}.track-date,.table-head>span:nth-child(3),.table-head>span:nth-child(4){display:block}}
@media(max-width:650px){.track,.table-head{grid-template-columns:18px minmax(0,1fr) 35px 24px;gap:6px}.track-date,.table-head>span:nth-child(3){display:none}.table-head>span:nth-child(4){display:block}}

.avatar{overflow:hidden;background:#000}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.hero-meta .artist-dot{display:block;object-fit:cover;background:#000;flex-shrink:0;width:26px;height:26px;border-radius:50%}.now small{display:flex;align-items:center;gap:5px}.artist-mini{width:16px;height:16px;border-radius:50%;object-fit:cover;display:inline-block}

/* Persistent playback queue */
.queue-panel{position:fixed;right:8px;top:86px;bottom:110px;width:352px;background:#121212;border:1px solid #242424;border-radius:9px;z-index:9;display:flex;flex-direction:column;overflow:hidden;box-shadow:-12px 0 28px #0002}.queue-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 15px 0;flex-shrink:0}.queue-tabs{display:flex;gap:18px;min-width:0}.queue-tabs button{font-size:12px;font-weight:700;color:#a7a7a7;padding:13px 0 12px;position:relative;white-space:nowrap}.queue-tabs button[aria-selected=true]{color:white}.queue-tabs button[aria-selected=true]:after{content:'';height:2px;background:#1db954;position:absolute;left:0;right:0;bottom:0}.queue-close{color:#aaa;font-size:18px;width:28px;height:32px;flex-shrink:0}.queue-pane{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#505050 transparent;padding:10px 10px 25px;min-height:0}.queue-pane h2{font-size:14px;letter-spacing:-.2px;font-weight:750;margin:24px 6px 12px}.queue-pane h2:first-child{margin-top:23px}.queue-song{display:flex;width:100%;align-items:center;gap:12px;text-align:left;padding:8px 6px;border-radius:5px;min-width:0}.queue-song:hover{background:#262626}.queue-art{width:46px;height:46px;flex-shrink:0;border-radius:4px;overflow:hidden;display:block}.queue-art svg,.queue-art img{width:100%;height:100%;object-fit:cover;display:block}.queue-song-copy{min-width:0;flex:1}.queue-song-copy strong{display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eee;line-height:1.5}.queue-song-copy small{display:block;color:#a7a7a7;font-size:11px;margin-top:4px}.queue-song.is-current strong{color:#1ed760}.queue-indicator{color:#1db954;opacity:0;font-size:12px}.queue-song:hover .queue-indicator,.queue-song.is-current .queue-indicator{opacity:1}.queue-empty{font-size:12px;line-height:1.8;color:#a7a7a7;padding:0 6px}#queueOpen[aria-pressed=true]{color:#1db954;position:relative}#queueOpen[aria-pressed=true]:after{content:'';width:4px;height:4px;border-radius:50%;background:#1db954;position:absolute;left:50%;bottom:-5px;transform:translateX(-50%)}
@media(min-width:1180px){body.queue-open .workspace{margin-right:368px}body.queue-open .hero-art{right:-40px;opacity:.6}body.queue-open .hero-copy{width:90%}body.queue-open .hero h2{font-size:32px}body.queue-open .song-grid{gap:15px}body.queue-open header{padding-left:28px;padding-right:28px}body.queue-open main{padding-left:28px;padding-right:28px}body.queue-open .breadcrumb{display:none}body.queue-open .header-actions{width:100%}body.queue-open .search{margin-right:auto}}
@media(max-width:1179px){.queue-panel{box-shadow:-12px 0 40px #0009}}
@media(max-width:650px){.queue-panel{top:70px;bottom:133px;right:8px;width:calc(100% - 16px);z-index:11}.queue-header{padding:8px 14px 0}.queue-tabs button{font-size:13px}.queue-tabs{gap:22px}.queue-pane{padding:5px 12px 20px}.queue-song{padding-top:9px;padding-bottom:9px}.queue-art{width:48px;height:48px}.queue-song-copy strong{font-size:14px}}

#queueList .queue-song{padding:8px 6px;border:0;gap:12px}#queueList .queue-song small{margin:4px 0 0;color:#a7a7a7}

/* Minimal copy and consistent playback controls */
.page-name{font-size:13px;font-weight:500;color:#b3b3b3}.header-actions{margin-left:auto}.welcome{margin-bottom:22px}.welcome h1{margin:0;font-size:28px}.section-heading{margin-bottom:20px}.hero p:empty{display:none}.transport{gap:20px;margin:0 0 8px;align-items:center}.transport button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#b3b3b3;flex-shrink:0;line-height:1}.transport button:hover{color:#fff}.transport button svg{display:block;width:19px;height:19px;overflow:visible}.transport .play{width:36px;height:36px;color:#000;background:#1db954;display:flex;align-items:center;justify-content:center}.transport .play svg{width:21px;height:21px}.transport button[aria-pressed=true]{color:#1ed760}.player-right button{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:3px;flex-shrink:0}.player-right button svg{display:block;width:20px;height:20px}.timeline{gap:10px;font-size:10px;font-variant-numeric:tabular-nums}.timeline span{min-width:31px;text-align:center}.timeline input{min-width:0;flex:1}.player input[type=range]{appearance:none;-webkit-appearance:none;height:4px;border:0;border-radius:3px;padding:0;margin:0;background:linear-gradient(to right,#b3b3b3 0%,#b3b3b3 var(--range-progress,0%),#4d4d4d var(--range-progress,0%),#4d4d4d 100%);outline-offset:6px}.player input[type=range]:hover,.player input[type=range]:focus-visible{background:linear-gradient(to right,#1db954 0%,#1db954 var(--range-progress,0%),#4d4d4d var(--range-progress,0%),#4d4d4d 100%)}.player input[type=range]::-webkit-slider-runnable-track{height:4px;border:0;background:transparent;border-radius:3px}.player input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:#fff;opacity:0;box-shadow:none}.player input[type=range]:hover::-webkit-slider-thumb,.player input[type=range]:focus-visible::-webkit-slider-thumb{opacity:1}.player input[type=range]::-moz-range-track{height:4px;border:0;border-radius:3px;background:transparent}.player input[type=range]::-moz-range-thumb{height:12px;width:12px;border:0;border-radius:50%;background:white;opacity:0}.player input[type=range]:hover::-moz-range-thumb,.player input[type=range]:focus-visible::-moz-range-thumb{opacity:1}
@media(max-width:650px){.welcome h1{font-size:24px}.page-name{display:none}.header-actions{width:100%;margin:0}.transport{margin:0;gap:12px}.transport button{display:none}.transport .play{display:flex;width:36px;height:36px}.player-right #queueOpen{display:flex}.timeline{gap:8px}.player input[type=range]::-webkit-slider-thumb,.player input[type=range]::-moz-range-thumb{opacity:1}}

/* Uploaded brand wordmark */
.brand{display:block;width:100%;max-width:178px}.brand-logo{display:block;width:100%;height:auto;object-fit:contain}@media(max-width:1050px){.brand{max-width:153px}}@media(max-width:650px){.brand{width:156px;max-width:calc(100% - 90px);flex-shrink:0}}

/* Compact brand sizing aligned with navigation */
.brand{width:120px;max-width:100%;margin:0 0 0 4px}.brand-logo{width:100%;max-height:34px;object-fit:contain;object-position:left center}.now small:empty{display:none}@media(max-width:1050px){.brand{width:116px;max-width:100%;margin-left:2px}}@media(max-width:650px){.brand{width:112px;max-width:calc(100% - 90px);margin-left:0}.brand-logo{max-height:31px}}

form select{display:block;width:100%;margin-top:8px;padding:10px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;font:inherit}.artist-preview{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--muted);font-size:11px}.artist-preview img{width:28px;height:28px;border-radius:50%;object-fit:cover}.form-grid{align-items:start}

.editor-heading{display:flex;align-items:center;justify-content:space-between;scroll-margin-top:20px;gap:12px;margin-top:24px}.editor-heading h3{margin:0;font-size:17px}.editor-heading .text-button{color:var(--accent);font-size:12px}.edit-context{font-size:12px;line-height:1.7;padding:10px 12px;background:var(--hover);border-radius:6px;overflow-wrap:anywhere}.field-help{display:block;font-size:10px;line-height:1.6;margin-top:6px;font-weight:400;color:var(--muted)}.admin-list-heading{border-top:1px solid var(--line);margin-top:25px;padding-top:8px}.admin-list-heading h3{font-size:15px;margin:16px 0 12px}.admin-list-heading h3 span{font-weight:400;color:var(--muted);font-size:12px}.admin-search input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--text);padding:10px 12px;font-size:12px;margin-bottom:10px}.admin-track-copy{display:flex;flex-direction:column;gap:6px;line-height:1.5}.admin-track-copy strong{font-weight:500}.admin-track-copy small{font-size:11px;color:var(--muted)}.admin-track button{flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

#admin .dialog-head{position:static;background:var(--panel)}#admin .editor-heading{scroll-margin-top:84px}
/* Synced lyrics */
#lyricsOpen[aria-pressed=true]{color:#1ed760}.lyrics-view{position:fixed;left:222px;right:0;top:86px;bottom:102px;background:linear-gradient(140deg,#263b31,#15251d 65%,#141c17);z-index:8;display:flex;flex-direction:column;padding:30px 40px 0;overflow:hidden}.lyrics-view-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-shrink:0}.lyrics-view-head h2{font-size:22px;margin:0 0 9px;overflow-wrap:anywhere}.lyrics-view-head p{font-size:13px;margin:0;color:#b9c8be}.lyrics-view-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}.lyrics-view-actions>button:last-child{font-size:22px;padding:2px}.lyrics-view-actions .outline{font-size:11px;border-color:#ffffff30}.lyrics-view-actions .outline[aria-pressed=true]{color:#d2efdc;border-color:#9ac7aa}.lyric-view-status{font-size:13px;color:#bac6be;margin:20px 0 0;min-height:22px}.lyrics-lines{position:relative;overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;padding:120px 6% 32vh;overscroll-behavior:contain}.lyric-line{display:block;text-align:left;font-size:clamp(22px,3.2vw,42px);font-weight:750;letter-spacing:-1px;line-height:1.45;padding:11px 0;border:0;background:none;color:#ffffff55;width:100%;overflow-wrap:anywhere;transition:color .18s,transform .18s}.lyric-line.active{color:#fff;transform:translateX(5px)}.lyric-line.past{color:#ffffff75}.lyric-line:hover:not(:disabled){color:#fff}.lyric-line:disabled{cursor:default;opacity:1}.lyric-editor{width:min(860px,calc(100% - 28px));max-height:90dvh;padding:24px}.lyric-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;position:sticky;top:0;background:var(--panel);z-index:3;padding:8px 0 10px}.lyric-editor-head h2{margin:0;font-size:20px;overflow-wrap:anywhere}.lyric-editor-head p{margin:7px 0 0;font-size:12px}.lyric-editor-head>button{font-size:20px;flex-shrink:0;padding:0 5px}.lyric-instructions{font-size:12px;color:var(--muted);line-height:1.8;margin:9px 0 17px}.lyric-text-label{font-size:12px;color:var(--muted);display:block;margin:10px 0 8px}#lyricPlainText{width:100%;min-height:105px;margin:0;line-height:1.7;font-size:13px}.lyric-import-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 17px}.lyric-import-actions .outline{font-size:11px;padding:8px 12px}.lyric-file-label{position:relative;display:inline-flex;align-items:center;cursor:pointer;overflow:hidden}.lyric-file-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.lyric-file-label:focus-within{outline:2px solid var(--accent);outline-offset:2px}.lyric-stamp-tools{padding:13px 0 9px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#lyricAudio{width:100%;height:42px;display:block}.lyric-stamp-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:15px}#stampClock{font-size:20px;letter-spacing:.7px;font-variant-numeric:tabular-nums;min-width:104px}.lyric-stamp-row .primary{font-size:12px;padding:11px 19px}.lyric-stamp-row .outline{font-size:11px;padding:9px 12px}.lyric-progress-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:14px 0 0;font-size:11px;color:var(--muted)}.lyric-progress-row .text-button{color:var(--muted)}.lyric-edit-lines{position:relative;max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:7px;margin-top:13px;overscroll-behavior:contain;scrollbar-width:thin}.lyric-edit-line{display:flex;gap:10px;align-items:center;min-height:52px;padding:7px 10px;border-bottom:1px solid var(--line);border-left:3px solid transparent}.lyric-edit-line:last-child{border-bottom:0}.lyric-edit-line.selected{background:#1db95414;border-left-color:var(--accent)}.lyric-row-text{font-size:13px;line-height:1.7;min-width:0;overflow-wrap:anywhere;flex:1;text-align:left;padding:5px 0}.lyric-time-input{width:105px;border-radius:5px;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:8px;font-size:12px;font-variant-numeric:tabular-nums}.lyric-time-input[aria-invalid=true]{border-color:#fa7777}.lyric-jump{font-size:11px;color:var(--muted);padding:8px 0;flex-shrink:0}.lyric-save-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px}.lyric-save-row p{font-size:12px;line-height:1.7;margin:0;flex:1}.lyric-save-row .primary{flex-shrink:0;font-size:12px}.lyric-editor button:disabled{opacity:.4;cursor:default}#openLyricEditor{margin-top:16px;color:var(--accent);border-color:#1db95455}
@media(max-width:1050px){.lyrics-view{left:185px;padding:25px 28px 0}.lyric-line{font-size:30px}.lyrics-view-head h2{font-size:20px}}
@media(max-width:650px){.lyrics-view{left:0;right:0;top:62px;bottom:125px;padding:20px 18px 0}.lyrics-view-head{gap:12px}.lyrics-view-head h2{font-size:18px}.lyrics-view-head p{font-size:11px}.lyrics-view-actions{gap:10px}.lyrics-view-actions .outline{font-size:10px;padding:7px 9px}.lyrics-lines{padding:80px 8px 28vh}.lyric-line{font-size:26px;letter-spacing:-.5px;padding:12px 0}.lyric-editor{padding:17px;width:calc(100% - 16px);max-height:92dvh}.lyric-editor-head h2{font-size:17px}.lyric-instructions{font-size:11px}.lyric-edit-lines{max-height:230px}.lyric-edit-line{gap:7px;padding:7px}.lyric-time-input{width:90px;font-size:11px}.lyric-row-text{font-size:12px}#stampClock{font-size:17px;min-width:93px}.lyric-stamp-row{gap:9px}.lyric-stamp-row .primary{padding:11px 13px;font-size:11px}.lyric-save-row{align-items:flex-start}.lyric-save-row .primary{padding:11px 15px}.player .now{width:calc(100% - 130px)}.player-right{right:66px;gap:8px}}

.detail-cover{width:min(100%,320px);aspect-ratio:1;margin:10px auto 24px;border-radius:10px;overflow:hidden;background-size:cover;background-position:center}.detail-cover svg{display:block;width:100%;height:100%}#adminLogin{max-width:380px}#adminLogin .primary{margin-top:12px}

.wave-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.wave-toolbar label{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:#b3b3b3}.wave-toolbar select{width:auto;margin:0;padding:7px}.wave-toolbar button{padding:8px 12px}.wave-viewport{width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #334138;border-radius:8px;background:#111714}.wave-content{height:156px;min-width:100%;position:relative}.wave-content canvas{position:sticky;left:0;display:block;touch-action:none;cursor:crosshair}#stampClock{font-variant-numeric:tabular-nums;font-family:monospace;min-width:130px}#waveStatus{min-height:30px;margin:8px 0 12px}.lyric-time-input{min-width:108px}.lyric-editor{max-width:1000px}@media(max-width:600px){.wave-toolbar{gap:6px}.wave-toolbar button{padding:8px}.lyric-time-input{min-width:95px}.lyric-stamp-row{flex-wrap:wrap}}

.lyric-shift-tools{margin:18px 0 12px;padding:14px;border:1px solid #383838;border-radius:8px}.lyric-shift-tools>label{font-size:13px;margin:0 0 10px}.lyric-shift-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lyric-shift-controls input{width:96px;margin:0;padding:9px;font-variant-numeric:tabular-nums}.lyric-shift-controls button{padding:9px 13px}.lyric-shift-tools .field-help{margin:10px 0 0;line-height:1.6}