.playlist-initial{font-style:normal}.sidebar-cover svg{width:18px;height:18px}.detail-cover svg{width:40px;height:40px}.playlist-art svg{width:42px;height:42px}
.playlist-cover-edit{position:relative;border:1px solid color-mix(in srgb, var(--archive-accent,#FFFFFF) 40.00%, transparent);cursor:pointer}.playlist-cover-edit::after{content:'변경';position:absolute;bottom:5px;right:5px;font-size:11px;color:#f4f5f6;background:#101820c9;border-radius:4px;padding:2px 5px}
.playlist-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.playlist-icon-grid button{display:grid;justify-items:center;gap:6px;padding:12px 5px;border:1px solid #ffffff20;border-radius:8px}.playlist-icon-grid button[aria-pressed=true]{background:color-mix(in srgb, var(--archive-accent,#FFFFFF) 9.41%, transparent);border-color:var(--archive-accent,#FFFFFF)}.playlist-icon-grid small{font-size:12px}
.record-inline-credit{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;grid-column:1;grid-row:2}.record-inline-credit .record-title{flex:1 1 170px;white-space:normal;overflow:visible;overflow-wrap:anywhere;line-height:1.5}.record-inline-credit .record-members{flex:none;max-width:none;overflow:visible}
#player-history .history-record{align-items:center}#player-history .record-action,#player-history .history-record>.save{align-self:center;grid-row:2}
.song-day-heading{display:flex;align-items:baseline;gap:10px;margin:20px 7px 6px;color:#abb3bf;font-weight:400;font-size:12px}.song-day-heading time{font-size:18px;color:#f4f5f6;font-weight:650}.song-day-heading small{font-size:11px}
.range-hover-tip{position:fixed;z-index:10000;transform:translateX(-50%);padding:4px 8px;border:1px solid color-mix(in srgb, var(--archive-accent,#FFFFFF) 27.06%, transparent);border-radius:5px;color:#eff4fb;background:#233449;font-size:12px;pointer-events:none;white-space:nowrap}
input[type=range]{--range-color:#f4f5f6;background:linear-gradient(to right,var(--range-color) 0 var(--range-progress,0%),#ffffff30 var(--range-progress,0%) 100%)!important;accent-color:var(--range-color)!important;transition:background-color 150ms}
input[type=range]:hover:not(:disabled),input[type=range]:focus-visible:not(:disabled){--range-color:var(--archive-accent,#FFFFFF)}
input[type=range]::-webkit-slider-thumb{background:var(--range-color)!important}input[type=range]::-moz-range-thumb{background:var(--range-color)!important}
@media(min-width:1024px){
 body[data-queue-panel=true]{--queue-width:min(var(--queue-user-width,390px),calc(100vw - var(--left-width) - 400px))}
 #queue-panel{position:relative}#queue-resize{position:absolute;inset:0 auto 0 0;width:7px;min-width:7px;padding:0;border-radius:0;cursor:col-resize;touch-action:none;background:transparent;z-index:2}#queue-resize:hover,#queue-resize:focus-visible{background:color-mix(in srgb, var(--archive-accent,#FFFFFF) 33.33%, transparent)}
 #player-history .record-inline-credit .record-title{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.range-hover-tip,input[type=range]{transition:none}}
#sidebar-admin[hidden]{display:none!important}#admin-panel{width:min(840px,calc(100vw - 32px))!important;max-width:840px!important}#admin-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}#admin-tabs button{padding:6px 10px;border-radius:6px}#admin-tabs button[aria-pressed=true]{background:color-mix(in srgb, var(--archive-accent,#FFFFFF) 13.33%, transparent);color:var(--archive-accent,#FFFFFF)}.admin-toolbar{display:flex;gap:8px;align-items:center}.admin-toolbar select{max-width:260px}.admin-item{display:flex;gap:12px;align-items:center;border-bottom:1px solid #ffffff15;padding:12px 0}.admin-item>div{flex:1;min-width:0}.admin-item strong,.admin-item small{display:block}.admin-item small{color:#a7b4c3;margin:5px 0}.admin-item p{font-size:12px;overflow-wrap:anywhere;margin:0}.admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.admin-fields label{display:grid;gap:5px}.admin-fields input,.admin-fields select,.admin-toolbar select{width:100%;background:#263545;color:#edf2f8;border:1px solid #ffffff20;border-radius:5px;padding:8px}.admin-fields fieldset{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px;border:0;padding:0}.admin-fields fieldset label,.admin-confirm{display:flex;align-items:center;gap:6px}.admin-fields input[type=checkbox]{width:auto}.admin-confirm{margin-top:16px}#admin-evidence{white-space:pre-wrap;word-break:break-word;font-size:12px;max-height:180px;overflow:auto}#admin-form footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}#admin-form[hidden]{display:none}#admin-status{font-size:13px;color:var(--archive-accent,#FFFFFF)}
@media(max-width:600px){.admin-fields{grid-template-columns:1fr}#admin-tabs button{font-size:12px}.admin-toolbar{flex-wrap:wrap}}
.admin-item{flex-wrap:wrap}.admin-item>div{flex-basis:calc(100% - 90px)}.admin-item>#admin-form{flex:0 0 100%;min-width:0;padding:16px;background:color-mix(in srgb, var(--archive-accent,#FFFFFF) 3.14%, transparent);border:1px solid color-mix(in srgb, var(--archive-accent,#FFFFFF) 18.82%, transparent);border-radius:8px;box-sizing:border-box}.admin-item>#admin-form h3{margin-top:0}.admin-item>#admin-form #admin-evidence{font-family:inherit;line-height:1.6}

#content .track-group>.track:not(.playlist-editing){grid-template-columns:44px minmax(0,1fr) 70px repeat(3,32px);gap:6px}.record-menu-actions{display:grid;gap:5px;margin:16px 0}.record-menu-actions button{text-align:left;padding:12px;border-radius:6px;background:#ffffff06}.record-menu-actions button[hidden]{display:none}#record-review-panel{width:min(600px,calc(100vw - 32px))!important}#record-review-form label{display:grid;gap:6px;margin-top:14px}#record-review-form input:not([type=checkbox]),#record-review-form select,#record-review-form textarea{width:100%;box-sizing:border-box;background:#263545;color:#edf2f8;border:1px solid #ffffff20;border-radius:5px;padding:9px;font:inherit}#record-review-form fieldset{display:flex;flex-wrap:wrap;gap:12px;border:0;padding:0;margin-top:14px}#record-review-form fieldset label,#record-review-confirm-label{display:flex;align-items:center;gap:7px}#record-review-tabs{display:flex;gap:10px;margin:18px 0}#record-review-tabs [aria-pressed=true]{color:var(--archive-accent,#FFFFFF);background:color-mix(in srgb, var(--archive-accent,#FFFFFF) 12.55%, transparent)}#record-review-form footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#record-review-status{color:var(--archive-accent,#FFFFFF);font-size:13px}#record-review-form [hidden]{display:none!important}
@media(min-width:1024px){#content .track-group>.track:not(.playlist-editing){grid-template-columns:38px minmax(0,1fr) 90px repeat(3,32px);gap:8px}#sidebar-admin{margin-top:auto!important}#sidebar-admin:not([hidden])+#sidebar-sync{margin-top:0!important}}


#record-menu{position:fixed;inset:auto;margin:0;padding:6px;width:260px;max-width:calc(100vw - 20px);box-sizing:border-box;overflow:auto;border:1px solid color-mix(in srgb, var(--archive-accent,#FFFFFF) 25.10%, transparent);border-radius:9px;background:#24272d;color:#f4f5f6;box-shadow:0 9px 28px #0007;font-size:13px}#record-menu::backdrop{background:transparent}#record-menu-title{display:block;padding:7px;color:#abb3bf;font-weight:600;font-size:13px;overflow-wrap:anywhere}#record-menu .record-menu-actions{gap:0;margin:2px 0}#record-menu .record-menu-actions button{display:flex;gap:7px;align-items:center;width:100%;min-height:36px;padding:9px 7px;border-radius:5px;background:transparent;font-size:13px}#record-menu .record-menu-actions button:hover,#record-menu .record-menu-actions button:focus-visible{background:color-mix(in srgb, var(--archive-accent,#FFFFFF) 7.84%, transparent)}#record-menu svg{width:15px;height:15px;flex:none}#record-menu .record-menu-links{display:flex;gap:12px;padding:7px;border-top:1px solid #ffffff0b}#record-menu .record-menu-links a{font-size:12px;color:#abb3bf}#record-menu [hidden]{display:none!important}#content>.track-group{min-width:0;border-radius:7px;background:transparent}#content>.track-group:hover{background:#ffffff05}#content>.track-group[data-history-open=true]{background:#ffffff04}#content>.track-group>.track{background:transparent}#content>.track-group>.track[data-active=true]{background:color-mix(in srgb, var(--archive-accent,#FFFFFF) 6.27%, transparent)}#content .track-group>.history{margin:0 9px 12px;padding:12px 14px;border:0;border-left:2px solid color-mix(in srgb, var(--archive-accent,#FFFFFF) 37.65%, transparent);border-radius:0 7px 7px 0;background:#ffffff04}#content .history-record:hover{background:transparent}

#content .history-record[data-active=true]{background:color-mix(in srgb, var(--archive-accent,#FFFFFF) 5.10%, transparent);border-radius:5px}

#content>.track-group{display:flow-root}#content .track-group>.track .track-info:hover{background:transparent}#content .track-group>.history{border-bottom-left-radius:7px;margin-bottom:12px}.inline-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.inline-history-heading strong{font-size:13px;font-weight:600}.inline-history-heading strong span{color:var(--archive-accent,#FFFFFF);margin-left:5px;font-variant-numeric:tabular-nums}.inline-history-heading button{padding:4px;width:28px;min-height:28px;flex:none}.inline-history-heading svg{width:16px;height:16px}.inline-history-members{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #ffffff0a}.inline-history-members button{padding:5px 9px;min-height:28px;border-radius:14px;background:#ffffff04;color:#abb3bf;font-size:12px}.inline-history-members button[aria-pressed=true]{background:color-mix(in srgb, var(--archive-accent,#FFFFFF) 12.55%, transparent);color:#f4f5f6}#content .inline-history-records>.history-record:last-child{border-bottom:0;border-radius:0 0 5px 5px}

.history-reveal{display:flow-root;min-height:0;overflow:hidden;overflow-anchor:none}.history-reveal[aria-hidden=true]{pointer-events:none}#content .track-group>.history-reveal>.history{margin:0 9px 12px;padding:12px 14px;border:0;border-left:2px solid color-mix(in srgb, var(--archive-accent,#FFFFFF) 37.65%, transparent);border-radius:0 7px 7px 7px;background:#ffffff04}

/* One playback token for the entire archive, including native dialog surfaces. */
body{--archive-accent:#FFFFFF}
.eyebrow,.bottom button[aria-current=page]{color:var(--archive-accent)}
.primary,.big-play,.dock-buttons .dock-play{background:var(--archive-accent)!important;color:#080b0f}
input[type=range],input[type=range]:hover:not(:disabled),input[type=range]:focus-visible:not(:disabled){--range-color:var(--archive-accent)}
.song-save-mark{--save-accent:var(--archive-accent)}
.archive-brand{display:block;width:min(310px,75%);height:46px;flex:none;background:var(--archive-accent);mask:url('/assets/archive-logo-transparent.webp') left center/contain no-repeat}
.top .archive-brand img{width:100%;height:100%;opacity:0}
@media(min-width:1024px){.archive-brand{width:320px;height:42px}}

.mini>#mini-play{color:var(--archive-accent)}
.record-version{display:inline-block;margin-inline-start:8px;color:#aab3bf;font-size:11px;line-height:1.5;white-space:nowrap}
@media(max-width:767px){.record-version{margin-inline-start:6px}}
