:root{color:#f7f5ef;font-synthesis:none;--accent:#ffd166;--promoted:#6bd9ff;--muted:#9ca0af;--panel:#14151edb;--line:#ffffff1c;background:#090a0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 0,#ffd1661c,#0000 30rem),radial-gradient(circle at 90% 10%,#6bd9ff14,#0000 34rem),#090a0f;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}.shell{width:min(1120px,100% - 32px);margin:0 auto;padding-bottom:126px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:112px;display:flex}.site-header h1{letter-spacing:-.055em;text-transform:uppercase;margin:2px 0 0;font-size:clamp(2rem,6vw,4.5rem);line-height:.9}.eyebrow{color:var(--accent);letter-spacing:.22em;margin:0;font-size:.72rem;font-weight:800}.header-counts{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;gap:20px;font-size:.82rem;display:flex}.header-actions{align-items:center;gap:10px;display:flex}.admin-button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);cursor:pointer;background:#ffffff0b;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.admin-button:hover,.admin-button:focus-visible{border-color:color-mix(in srgb, var(--accent) 55%, transparent);color:var(--accent);background:#ffffff17;outline:none}.admin-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.header-counts a{color:inherit;text-align:right;border:1px solid #0000;border-radius:10px;padding:6px 8px;text-decoration:none;display:grid}.header-counts a:hover,.header-counts a:focus-visible,.header-counts .selected-header-playlist{border-color:var(--line);color:#fff;background:#ffffff0e;outline:none}.header-counts .selected-header-playlist{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.header-counts strong{color:#fff;font-size:1.2rem}.header-playlist-label{white-space:nowrap}.favorite-mark{color:var(--accent)}main{gap:18px;margin-top:22px;display:grid}.library-card{border:1px solid var(--line);background:var(--panel);border-radius:20px;overflow:hidden;box-shadow:0 20px 70px #00000040}.player-card{z-index:20;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101118f7;grid-template-rows:auto auto;grid-template-columns:62px minmax(150px,.6fr) minmax(260px,1fr);align-items:center;gap:8px 18px;min-height:94px;padding:9px max(16px,50vw - 560px);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -16px 50px #00000073}.cover-wrap{aspect-ratio:1;width:62px;color:inherit;cursor:zoom-in;background:#11131a;border:0;border-radius:0;grid-row:1/3;padding:4px;overflow:hidden}.cover-wrap:disabled{cursor:default}.cover-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.large-cover{object-fit:contain;width:100%;height:100%}.cover-placeholder,.mini-placeholder{color:var(--accent);background:linear-gradient(145deg,#2c2630,#151822);place-items:center;font-weight:900;display:grid}.cover-placeholder{width:100%;height:100%;font-size:5rem}.now-playing-copy{grid-row:1/3;min-width:0}.now-playing-copy h2{text-overflow:ellipsis;white-space:nowrap;margin:4px 0 2px;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.15;overflow:hidden}audio{grid-column:3;width:100%;height:36px}.player-actions{flex-wrap:nowrap;grid-column:3;gap:6px;display:flex}.player-actions .icon-button{place-items:center;width:36px;height:34px;padding:0;font-size:1.05rem;display:grid}.player-icon{fill:currentColor;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.shuffle-icon{fill:none}.player-actions button,.library-toolbar button{border:1px solid var(--line);cursor:pointer;background:#ffffff0b;border-radius:999px;padding:8px 13px}.player-actions button:hover,.library-toolbar button:hover{background:#ffffff1a}.player-actions button:disabled{opacity:.45;cursor:default}.active-favorite{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 60%, transparent)!important}.active-shuffle{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 60%, transparent)!important;background:#ffd1661a!important}.active-promoted{color:var(--promoted);border-color:color-mix(in srgb, var(--promoted) 60%, transparent)!important}.artwork-lightbox{z-index:100;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));cursor:zoom-out;background:#000000f5;place-items:center;display:grid;position:fixed;inset:0}.artwork-lightbox-content{cursor:default;place-items:center;width:100%;height:100%;display:grid;position:relative}.artwork-lightbox-content img{object-fit:contain;max-width:100%;max-height:100%;display:block}.artwork-lightbox-close{color:#fff;cursor:pointer;background:#090a0fcc;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:44px;height:44px;padding:0 0 3px;font-size:2rem;line-height:1;display:grid;position:absolute;top:0;right:0}.artwork-lightbox-close:hover,.artwork-lightbox-close:focus-visible{border-color:var(--accent);background:#ffffff24;outline:none}.library-toolbar{border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:12px;padding:18px;display:flex}.playlist-row{align-items:center;gap:8px;display:flex}.library-toolbar nav{flex:1;gap:8px;display:flex}.library-toolbar nav button{white-space:nowrap;flex:none}.library-toolbar .selected-view{color:#101116;background:var(--accent);border-color:#0000}.library-toolbar .search-toggle{flex:none;place-items:center;width:42px;height:42px;padding:0;display:grid;position:relative}.search-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:20px;height:20px}.library-toolbar .active-search{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 60%, transparent)}.search-active-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px}.search-panel{gap:8px;display:flex}.search-panel input{border:1px solid var(--line);color:#fff;background:#0e1017;border-radius:999px;outline:none;width:100%;min-width:0;padding:10px 16px}.search-panel input:focus{border-color:var(--accent)}.library-toolbar .search-close{flex:none;place-items:center;width:42px;height:42px;padding:0 0 3px;font-size:1.45rem;line-height:1;display:grid}.notice,.error{border-radius:10px;margin:12px 18px 0;padding:10px 13px;font-size:.9rem}.notice{color:#d8f4ff;background:#6bd9ff1a;border:1px solid #6bd9ff40}.error{color:#ffd5d5;background:#ff50501a;border:1px solid #ff505040}.list-summary{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;padding:12px 18px;font-size:.78rem;display:flex}.track-list{border-top:1px solid var(--line);height:min(58vh,610px);min-height:320px;position:relative;overflow:auto}.track-table-header{border-top:1px solid var(--line);min-height:42px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;background:#090a0fb3;grid-template-columns:38px 48px minmax(0,1fr) 120px 72px 58px;align-items:center;gap:12px;padding:0 18px;font-size:.72rem;font-weight:800;display:grid}.track-table-header button{color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;display:inline-flex}.track-table-header button:hover,.track-table-header [aria-sort]:not([aria-sort=none]) button{color:#fff}.sort-arrow{color:var(--accent);font-size:.85rem}.virtual-space{width:100%;position:relative}.track-row{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff0e;grid-template-columns:38px 48px minmax(0,1fr) 120px 72px 58px;align-items:center;gap:12px;width:100%;height:68px;padding:8px 18px;display:grid;position:absolute;top:0;left:0}.track-row:hover{background:#ffffff0b}.track-row.playing{box-shadow:inset 3px 0 var(--accent);background:#ffd16617}.track-row img,.mini-placeholder{object-fit:contain;border-radius:0;width:48px;height:48px}.track-row img{background:#11131a;padding:3px}.track-number,.track-date,.track-duration{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.82rem}.track-date{white-space:nowrap}.track-copy{min-width:0;display:grid}.track-copy strong,.track-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-copy small{color:var(--muted);margin-top:3px}.track-badges{color:var(--accent);justify-content:end;gap:6px;display:flex}.promoted-mark{color:var(--promoted)}.track-duration{text-align:right}.empty-state,.loading-state{color:var(--muted);text-align:center;padding:44px}.admin-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040508d1;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.admin-panel{border:1px solid var(--line);background:#11131b;border-radius:18px;width:min(520px,100%);max-height:min(720px,100vh - 36px);padding:22px;overflow:auto;box-shadow:0 24px 90px #0000008c}.admin-panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.admin-panel-heading h2{margin:4px 0 0;font-size:1.55rem}.admin-close{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);cursor:pointer;background:#ffffff0a;border-radius:50%;flex:none;place-items:center;padding:0 0 3px;font-size:1.4rem;display:grid}.admin-close:disabled{opacity:.4;cursor:default}.admin-form{gap:13px;display:grid}.admin-form label:not(.file-picker){color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;font-weight:700}.admin-form input[type=password]{border:1px solid var(--line);color:#fff;background:#090b11;border-radius:10px;outline:none;width:100%;padding:12px 14px}.admin-form input[type=password]:focus{border-color:var(--accent)}.admin-primary,.file-picker{border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);color:#fff;text-align:center;cursor:pointer;background:#ffd1661f;border-radius:10px;padding:11px 15px;font-weight:750}.admin-primary:hover,.file-picker:hover{background:#ffd16633}.admin-primary:disabled{opacity:.42;cursor:default}.file-picker input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.upload-guidance{border:1px solid var(--line);color:var(--muted);border-radius:10px;gap:4px;padding:12px;font-size:.85rem;display:grid}.upload-guidance strong{color:#fff}.upload-file-list{gap:7px;max-height:220px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.upload-file-list li{border:1px solid var(--line);color:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:.82rem;display:flex}.upload-file-list li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-file-list li small{color:#8ce7ad;flex:none}.upload-file-list li.invalid{border-color:#ff5a5a66}.upload-file-list li.invalid small{color:#faa}.admin-message{border-radius:9px;margin:14px 0 0;padding:10px 12px;font-size:.85rem}.admin-error{color:#ffd5d5;background:#ff50501a;border:1px solid #ff5a5a59}.admin-success{color:#c8ffdd;background:#53e08a1a;border:1px solid #53e08a4d}@media (width<=720px){.shell{width:min(100% - 18px,1120px);padding-bottom:180px}.site-header{gap:6px;min-height:94px}.site-header h1{white-space:nowrap;font-size:1.7rem}.header-counts{letter-spacing:.04em;gap:2px;font-size:.58rem}.header-actions{gap:4px}.admin-button{width:30px;height:30px}.header-counts a{padding:4px 3px}.header-counts strong{font-size:1.05rem}.player-card{grid-template-rows:auto auto auto;grid-template-columns:48px minmax(0,1fr);gap:8px 12px;padding:9px}.cover-wrap{grid-row:1;width:48px}.now-playing-copy{grid-row:1}.now-playing-copy h2{font-size:1.05rem}.player-card audio{grid-area:2/1/auto/-1}.player-actions{grid-area:3/1/auto/-1;justify-content:center}.player-actions button{padding:7px 9px;font-size:.72rem}.cover-placeholder{font-size:2rem}.library-toolbar{padding:18px 12px}.library-toolbar nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.library-toolbar nav button{width:100%;padding:8px 10px;font-size:.85rem}.list-summary{flex-direction:column;align-items:flex-start;gap:8px}.track-row{grid-template-columns:28px minmax(0,1fr) 78px 50px;gap:7px;padding:8px 10px}.track-table-header{grid-template-columns:28px minmax(0,1fr) 78px 50px;gap:7px;padding:0 10px}.track-row img,.mini-placeholder,.artwork-column,.badges-column,.track-badges{display:none}.track-date,.track-duration{font-size:.7rem}.track-copy small{font-size:.72rem}.admin-backdrop{align-items:end;padding:0}.admin-panel{border-radius:18px 18px 0 0;width:100%;max-height:88vh;padding:18px}}