@property --tone-1{syntax:'<color>';inherits:true;initial-value:#cf8292}
@property --tone-2{syntax:'<color>';inherits:true;initial-value:#c3a454}
@property --tone-3{syntax:'<color>';inherits:true;initial-value:#83b8ce}
:root{--radius:18px;--r-small:calc(var(--radius)*.6);--r-large:calc(var(--radius)*1.5);--theme-gradient:linear-gradient(115deg,var(--tone-1),var(--tone-2));--theme-wash:linear-gradient(125deg,color-mix(in srgb,var(--tone-1) 12%,transparent),color-mix(in srgb,var(--tone-3) 9%,transparent) 52%,color-mix(in srgb,var(--tone-2) 12%,transparent));transition:--tone-1 .65s,--tone-2 .65s,--tone-3 .65s}
body{--accent-soft:color-mix(in srgb,var(--tone-1) 15%,var(--surface));accent-color:var(--accent)}
body.dark{--accent-soft:color-mix(in srgb,var(--tone-1) 22%,var(--surface))}
.workspace{background:var(--theme-wash),var(--surface);border-radius:var(--r-large)}
.sidebar{background:linear-gradient(155deg,color-mix(in srgb,var(--tone-3) 12%,transparent),color-mix(in srgb,var(--tone-1) 9%,transparent)),var(--surface-soft)}
.link-card{background:linear-gradient(115deg,color-mix(in srgb,var(--tone-1) 7%,transparent),color-mix(in srgb,var(--tone-3) 5%,transparent)),var(--surface);border-radius:var(--radius)}
.link-card:hover{border-color:color-mix(in srgb,var(--tone-1) 55%,var(--line));box-shadow:0 8px 24px color-mix(in srgb,var(--tone-3) 18%,transparent)}
.search-box,.dialog,.table-wrap,.stat,.login-card,.plugin-card,.bulk-bar{border-radius:var(--r-large)}
.icon-button,.text-button,.search-go,.nav-item,.tag,.segmented,.segmented .icon-button,.site-icon,.primary-button,.secondary-button,.danger-button,.engine,.widget textarea,.form-grid input,.form-grid select,.form-grid textarea,.admin-search,select,.toast,.wallpaper-choice,.plugin-frame,.badge,.skeleton{border-radius:var(--r-small)}
.widgets{border-radius:var(--r-large);margin-top:12px;background:var(--theme-wash),var(--surface)}
.primary-button,.accent-button,.search-go,.accent-button:hover{background:var(--theme-gradient);color:#fff;box-shadow:0 5px 14px color-mix(in srgb,var(--tone-1) 18%,transparent)}
.nav-item.active,.tag.active{background:linear-gradient(115deg,color-mix(in srgb,var(--tone-1) 22%,transparent),color-mix(in srgb,var(--tone-2) 14%,transparent));color:var(--accent)}
.dark .nav-item.active,.dark .tag.active{color:color-mix(in srgb,var(--tone-1) 55%,#fff)}
.site-icon{background:linear-gradient(130deg,color-mix(in srgb,var(--tone-1) 14%,var(--surface)),color-mix(in srgb,var(--tone-3) 15%,var(--surface)));color:var(--accent)}
.dark .site-icon{color:color-mix(in srgb,var(--tone-1) 50%,white)}
.login-panel{border-radius:var(--r-large)}.admin-sidebar,.admin-header{background:var(--theme-wash),var(--surface)}
.wallpaper-shade{background:linear-gradient(145deg,color-mix(in srgb,var(--tone-1) 18%,transparent),transparent 52%,color-mix(in srgb,var(--tone-3) 22%,transparent)),linear-gradient(180deg,rgba(15,24,29,var(--overlay,.28)),rgba(14,25,31,.08) 55%,rgba(14,25,31,.38));animation:color-drift 18s ease-in-out infinite alternate;background-size:150% 150%}
.design-options h3{font-size:12px;font-weight:600;margin:23px 0 12px}.palette-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 12px}.palette-choice{padding:0;display:grid;gap:7px;font-size:11px;text-align:center;min-width:0;color:var(--muted)}.palette-preview{height:40px;width:100%;display:block;background:var(--preview);border-radius:var(--r-small);border:3px solid var(--surface);outline:1px solid var(--line);transition:outline-color .25s,transform .35s,border-radius .4s}.palette-choice:hover .palette-preview{transform:translateY(-3px)}.palette-choice[aria-pressed=true]{color:var(--accent);font-weight:650}.palette-choice[aria-pressed=true] .palette-preview{outline:2px solid var(--accent)}.radius-row{margin-bottom:8px}.radius-row label{display:flex;gap:12px;align-items:center}.radius-row output{font-variant-numeric:tabular-nums;color:var(--muted);min-width:36px}.radius-presets{display:flex;justify-content:flex-end;gap:8px}.radius-presets button{width:34px;height:34px;display:grid;place-items:center;border-radius:6px}.radius-presets button:hover{background:var(--accent-soft)}.radius-presets span{width:22px;height:22px;border:2px solid var(--accent);background:var(--theme-wash)}
.music-root{--music-a:var(--tone-1);--music-b:var(--tone-2);--music-c:var(--tone-3)}
:root[data-palette=custom] .music-root{--music-a:var(--music-accent);--music-b:var(--music-accent);--music-c:var(--music-accent)}
.music-root .music-dock{background:linear-gradient(125deg,color-mix(in srgb,var(--music-a) 27%,transparent),color-mix(in srgb,var(--music-c) 22%,transparent) 55%,color-mix(in srgb,var(--music-b) 17%,transparent)),var(--music-glass);border-radius:calc(var(--radius)*2)}
.music-root [data-music=play]{background:linear-gradient(120deg,var(--music-a),var(--music-b));box-shadow:0 8px 22px color-mix(in srgb,var(--music-a) 30%,transparent)}
.music-tools [aria-pressed=true],.music-transport [data-music=mode],.music-root .music-track.selected,.music-root[data-shape=compact].playing [data-dock-lyric]:not(:empty){color:var(--music-a)}
.music-track.selected{background:linear-gradient(110deg,color-mix(in srgb,var(--music-a) 23%,transparent),color-mix(in srgb,var(--music-b) 20%,transparent))}
.music-root .music-track.selected{color:var(--accent)}.dark .music-root .music-track.selected{color:color-mix(in srgb,var(--music-a) 55%,white)}
.music-karaoke{background-image:linear-gradient(90deg,var(--music-a) 0%,var(--music-b) var(--line-progress),color-mix(in srgb,var(--music-ink) 30%,transparent) var(--line-progress))}
.music-root .music-cover-button,.music-library{border-radius:var(--r-large)}
.music-root .music-panel-tabs,.music-root .music-panel-tabs button,.music-root .music-track,.music-root .music-import,.music-root .music-text-button,.music-root .music-library input:not([type=file]):not([type=range]){border-radius:var(--r-small)}
.music-root[data-shape=compact] .music-dock{border-radius:calc(var(--radius)*2.5)}
.music-root[data-shape=mini] .music-dock,.music-root[data-shape=mini] .music-cover-button,.music-root[data-shape=compact] .music-cover-button{border-radius:50%}
.music-root .music-immersive .music-dock{background:none;border-radius:0}
.music-root .music-immersive:after{background:linear-gradient(115deg,color-mix(in srgb,var(--music-c) 32%,#e5e9f0a8),color-mix(in srgb,var(--music-a) 23%,#ebedf0a8))}
.dark .music-root .music-immersive:after{background:linear-gradient(115deg,color-mix(in srgb,var(--music-c) 20%,#14181bda),color-mix(in srgb,var(--music-a) 20%,#14181bda))}

/* The native range owns pointer/keyboard input; its sibling draws a continuous fill. */
.music-range{position:relative;height:24px;display:block;min-width:0;--range-fill:0%;--range-hover:50%}
.music-range:has([data-seek]){--range-fill:var(--music-progress)}.music-range:has([data-volume]){--range-fill:var(--music-volume)}
.music-range-track{position:absolute;left:0;right:0;top:50%;height:5px;transform:translateY(-50%);border-radius:4px;background:var(--music-line);pointer-events:none;overflow:hidden;transition:height .22s var(--music-ease),box-shadow .22s}
.music-range-fill{height:100%;width:var(--range-fill);background:linear-gradient(90deg,var(--music-a),var(--music-b));border-radius:inherit;transition:width .12s linear}
.music-range:hover .music-range-track,.music-range:focus-within .music-range-track{height:9px;box-shadow:0 2px 12px color-mix(in srgb,var(--music-a) 16%,transparent)}
.music-root .music-range input[type=range]{position:absolute;inset:0;width:100%;height:24px;margin:0;z-index:1;opacity:0;cursor:pointer}
.music-range:focus-within{outline:none}
.music-root input[type=range]:focus{outline:none;box-shadow:none}
.music-range-tip{position:absolute;z-index:5;bottom:calc(100% + 5px);left:clamp(22px,var(--range-hover),calc(100% - 22px));transform:translate(-50%,5px) scale(.96);background:var(--music-ink);color:var(--music-glass);font-size:11px;line-height:1;padding:6px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .22s,transform .28s var(--music-ease),visibility 0s linear .22s;font-variant-numeric:tabular-nums}
.music-range:hover .music-range-tip,.music-range:focus-within .music-range-tip{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1);transition-delay:0s}
.music-range:has(input:disabled) .music-range-tip{visibility:hidden}.music-range:has(input:disabled){opacity:.45}
.music-root .music-volume{width:140px;padding:12px;bottom:30px}.music-volume-wrap:before{content:'';position:absolute;bottom:22px;right:0;width:140px;height:20px;pointer-events:none}.music-volume-wrap:hover:before{pointer-events:auto}
.music-root .music-volume{transition:opacity .22s,transform .28s var(--music-ease),visibility 0s linear .22s}
.music-volume-wrap:hover .music-volume,.music-volume-wrap:focus-within .music-volume{transition-delay:0s}
.music-root[data-shape=compact] .music-body{bottom:-3px;height:24px}
.music-provider-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.music-provider-row select{flex:1;min-width:120px;font-size:12px}.music-provider-status{font-size:11px;color:var(--music-muted)}
.music-platform-link{display:inline-flex;gap:6px;align-items:center;color:var(--music-a);font-size:12px;padding:8px 0}.music-platform-link svg{width:14px;height:14px}.music-provider-page{font-size:10px;color:var(--music-muted);display:block;margin-bottom:12px;line-height:1.6}.music-track-actions{display:flex;align-items:center;gap:3px}.music-track-actions a{padding:8px;color:var(--music-muted)}
.music-availability{font-size:10px!important;color:var(--music-muted);font-weight:400}.music-root .music-track-main{flex-wrap:nowrap}.music-provider-error{color:var(--music-muted);font-size:12px;padding:18px 0;line-height:1.7}
.music-root a.music-track-main{display:flex;align-items:center;border-radius:var(--r-small);transition:background-color .25s}.music-root a.music-track-main:hover{background:var(--music-fill)}
.music-panel-content{display:grid;flex:1;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.music-panel-content>.music-live-lyrics,.music-panel-content>.music-queue-pane{grid-area:1/1}
.music-library-panes{display:grid;grid-template-columns:minmax(0,1fr)}.music-library-panes>[data-pane]{grid-area:1/1;min-width:0}.music-library{height:min(650px,86dvh)}
.music-root [hidden]{pointer-events:none}
.music-playback-message{font-size:12px;color:var(--music-ink);line-height:1.6;margin:0 0 12px}.music-playback-message:empty{display:none}
.music-library [data-search] button{background:linear-gradient(120deg,var(--music-a),var(--music-b))}.music-tabs button[aria-selected=true]{color:var(--accent)}.music-tabs button[aria-selected=true]:after{background:linear-gradient(90deg,var(--music-a),var(--music-b))}
.dark .palette-choice[aria-pressed=true],.dark .music-tabs button[aria-selected=true]{color:color-mix(in srgb,var(--tone-1) 55%,white)}.dark .radius-presets span{border-color:color-mix(in srgb,var(--tone-1) 55%,white)}

body,.workspace,.sidebar,.link-card,.search-box,.widgets,.dialog,.stat,.table-wrap,.login-card,.site-icon,button,input,textarea,select{transition-property:background-color,color,border-color,border-radius,box-shadow,opacity,transform;transition-duration:.35s;transition-timing-function:var(--ease)}
body :is(input:not([type=range],[type=checkbox],[type=radio],[type=file],[type=button],[type=submit],[type=reset],[type=color],[type=image],[type=hidden]),textarea):not(:disabled):not([readonly]){transition:border-color .22s,box-shadow .26s var(--ease),background-color .26s,color .26s,border-radius .35s}
body :is(input:not([type=range],[type=checkbox],[type=radio],[type=file],[type=button],[type=submit],[type=reset],[type=color],[type=image],[type=hidden]),textarea):not(:disabled):not([readonly]):hover{border-color:color-mix(in srgb,var(--tone-1) 55%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--tone-1) 12%,transparent),0 3px 12px color-mix(in srgb,var(--tone-3) 9%,transparent)}
body :is(input:not([type=range],[type=checkbox],[type=radio],[type=file],[type=button],[type=submit],[type=reset],[type=color],[type=image],[type=hidden]),textarea):focus{outline:none;border-color:color-mix(in srgb,var(--tone-1) 80%,var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--tone-1) 20%,transparent),0 4px 16px color-mix(in srgb,var(--tone-3) 13%,transparent)}
body :is(.search-box,.inline-form,.music-queue-filter){transition:border-color .22s,box-shadow .26s var(--ease),background-color .26s,border-radius .35s}
body :is(.search-box,.inline-form,.music-queue-filter):hover{border-color:color-mix(in srgb,var(--tone-1) 55%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--tone-1) 12%,transparent),0 4px 16px color-mix(in srgb,var(--tone-3) 10%,transparent)}
body :is(.search-box,.inline-form,.music-queue-filter):focus-within{border-color:color-mix(in srgb,var(--tone-1) 80%,var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--tone-1) 22%,transparent),0 5px 20px color-mix(in srgb,var(--tone-3) 15%,transparent)}
body :is(.search-box,.inline-form,.music-queue-filter) input:not(:disabled):not([readonly]):is(:hover,:focus){outline:none;box-shadow:none}
.music-queue-filter{border-radius:var(--r-small)}

/* Native selects retain their names, validation and form values behind a themed control. */
body select.ts-hidden-accessible{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;border:0!important;clip-path:inset(50%);overflow:hidden;white-space:nowrap;pointer-events:none}
.nav-select{position:relative;display:inline-grid;min-width:0;max-width:100%;vertical-align:middle;color:var(--text)}
.nav-select .ts-control{display:flex;align-items:center;gap:12px;min-width:0;min-height:39px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-small);background:var(--surface-soft);color:var(--text);font:inherit;cursor:pointer;outline:none;transition:border-color .22s,box-shadow .26s var(--ease),background-color .26s,border-radius .35s}
.nav-select .ts-control>.item{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}
.nav-select .ts-control:hover{border-color:color-mix(in srgb,var(--tone-1) 55%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--tone-1) 12%,transparent),0 3px 12px color-mix(in srgb,var(--tone-3) 9%,transparent)}
.nav-select.focus .ts-control,.nav-select.dropdown-active .ts-control{outline:none;border-color:color-mix(in srgb,var(--tone-1) 80%,var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--tone-1) 20%,transparent),0 4px 16px color-mix(in srgb,var(--tone-3) 13%,transparent)}
.nav-select .select-chevron{flex-shrink:0;margin-left:auto;width:16px;height:16px;color:var(--muted);transition:transform .28s var(--ease),color .22s}
.nav-select.dropdown-active .select-chevron{transform:rotate(180deg);color:var(--accent)}
.nav-select.disabled{opacity:.5}.nav-select.disabled .ts-control{cursor:not-allowed;box-shadow:none;border-color:var(--line)}
.nav-select.invalid .ts-control{border-color:#c34c44}.nav-select .ts-control:empty:before{content:'\00a0'}
.form-grid .nav-select,.setting-row .nav-select{width:100%}.setting-row>.nav-select{width:auto;min-width:120px;max-width:65%}
.admin-toolbar .nav-select{max-width:180px}.bulk-bar .nav-select .ts-control{background:var(--surface)}
.widget .nav-select{max-width:150px}.widget .nav-select .ts-control{min-height:30px;padding:5px 8px}
.music-provider-row .nav-select{flex:1;min-width:120px}.music-root .nav-select .ts-control{color:var(--music-ink)}
.nav-select-menu{position:fixed;inset:auto;z-index:500;margin:0;padding:6px;border:1px solid color-mix(in srgb,var(--tone-3) 24%,var(--line));border-radius:var(--radius);background:var(--theme-wash),color-mix(in srgb,var(--surface) 97%,transparent);color:var(--text);box-shadow:0 18px 44px color-mix(in srgb,var(--text) 16%,transparent),0 3px 10px #0000000a;backdrop-filter:blur(18px);font-size:12px;line-height:1.5;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top center;pointer-events:none;transition:opacity .2s,transform .26s var(--ease),border-radius .35s}
.nav-select-menu[data-present]{display:block!important;visibility:visible!important}
.nav-select-menu[data-open]{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.nav-select-menu[data-side=top]{transform-origin:bottom center;transform:translateY(6px) scale(.98)}
.nav-select-menu[data-side=top][data-open]{transform:translateY(0) scale(1)}
.nav-select-menu::backdrop{background:transparent;pointer-events:none}
.nav-select-menu .ts-dropdown-content{max-height:308px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.nav-select-menu .option{display:flex;align-items:center;gap:12px;min-height:36px;padding:9px 10px;border-radius:var(--r-small);cursor:pointer;transition:background-color .18s,color .18s,box-shadow .18s}
.nav-select-menu .select-option-text{flex:1;min-width:0;overflow-wrap:anywhere}
.nav-select-menu .option>svg{flex-shrink:0;width:15px;height:15px;opacity:0;transform:scale(.7);transition:opacity .2s,transform .25s var(--ease)}
.nav-select-menu[data-measuring] .option{font-weight:600}
.nav-select-menu[data-measuring] .select-option-text{white-space:nowrap}
.nav-select-menu .option.selected{background:linear-gradient(115deg,color-mix(in srgb,var(--tone-1) 20%,transparent),color-mix(in srgb,var(--tone-2) 14%,transparent));color:var(--accent);font-weight:600}
.nav-select-menu .option.active{background-color:color-mix(in srgb,var(--tone-3) 15%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone-3) 12%,transparent)}
.nav-select-menu .option.selected>svg{opacity:1;transform:scale(1)}
.dark .nav-select-menu .option.selected{color:color-mix(in srgb,var(--tone-1) 55%,white)}
.nav-select-menu .option[data-disabled],.nav-select-menu .option[aria-disabled=true],.nav-select-menu .optgroup[data-disabled] .option{opacity:.4;cursor:not-allowed}
.nav-select-menu .optgroup-header{padding:8px 10px 4px;font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.nav-select-menu .no-results{padding:10px;color:var(--muted)}
.music-root .music-dock{transition:width .48s var(--music-ease),height .48s var(--music-ease),padding .48s var(--music-ease),border-radius .48s var(--music-ease),box-shadow .35s,background-color .5s}
.music-heading,.music-tools,.music-quick,.music-body,.music-drawer,.music-bottom{animation:surface-in .35s var(--ease)}
.music-root .music-immersive .music-dock{transition:none}
.page-hidden *, .page-hidden *:before,.page-hidden *:after{animation-play-state:paused!important}
@supports(transition-behavior:allow-discrete){
 .dialog,.music-library,.music-immersive{opacity:0;transform:translateY(14px) scale(.985);transition:opacity .28s,transform .35s var(--ease),display .35s allow-discrete,overlay .35s allow-discrete}
 .dialog[open],.music-library[open],.music-immersive[open]{opacity:1;transform:none;animation:none}
 .dialog::backdrop,.music-library::backdrop,.music-immersive::backdrop{opacity:0;transition:opacity .3s,display .35s allow-discrete,overlay .35s allow-discrete}
 .dialog[open]::backdrop,.music-library[open]::backdrop,.music-immersive[open]::backdrop{opacity:1}
 @starting-style{.dialog[open],.music-library[open],.music-immersive[open]{opacity:0;transform:translateY(14px) scale(.985)}.dialog[open]::backdrop,.music-library[open]::backdrop,.music-immersive[open]::backdrop{opacity:0}}
 .music-root [hidden],.home [hidden]{display:none!important;opacity:0;transition:opacity .22s,display .22s allow-discrete}
 .music-root [data-pane],.music-live-lyrics,.music-queue-pane,.widgets{transition:opacity .22s,display .22s allow-discrete}
 @starting-style{.music-root [data-pane]:not([hidden]),.music-live-lyrics:not([hidden]),.music-queue-pane:not([hidden]),.widgets:not([hidden]){opacity:0}}
}
@keyframes color-drift{from{background-position:0% 20%}to{background-position:100% 80%}}
@keyframes surface-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@media(max-width:700px){.palette-options{gap:12px 10px}.palette-preview{height:36px}.music-root .music-dock{border-radius:calc(var(--radius)*1.6)}.music-root[data-shape=compact] .music-dock{border-radius:calc(var(--radius)*2.5)}.music-root[data-shape=mini] .music-dock{border-radius:50%}.music-root .music-immersive .music-dock{border-radius:0}}
.motion-off *,.motion-off *:before,.motion-off *:after{transition-duration:.001ms!important;animation:none!important;scroll-behavior:auto!important}
:root:has(.motion-off){transition:none}
@media(prefers-reduced-motion:reduce){:root,* ,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}