*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #D8D8D8;--bg-track: #CACACA;--bg-track-hover: #C0C0C0;--text: #1A1A1A;--text-secondary: #4A4A4A;--text-muted: #7A7A7A;--amber: #F5A623;--amber-hover: #E09515;--one-stop: #2D7A4F;--one-stop-bg: rgba(45, 122, 79, .1);--border: #B8B8B8;--progress-bg: #AAAAAA;--admin-bg: #1A1A1A;--admin-card: #242424;--admin-border: #333;--admin-text: #E0DCD7}body{font-family:Oswald,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.page{max-width:720px;margin:0 auto;padding:40px 20px 60px}.loading{text-align:center;padding:100px 20px;font-size:14px;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.header{text-align:center;margin-bottom:40px}.logo{width:80px;height:auto;margin-bottom:12px}h1{font-size:26px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin-bottom:4px}.header-sub{font-size:14px;font-weight:300;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary)}.header-sub span{color:var(--amber);margin:0 6px}.section-label{font-size:10px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.filter-label{color:var(--amber);font-weight:500}.empty{text-align:center;padding:40px;font-size:13px;color:var(--text-muted)}.track{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-track);border-radius:4px;margin-bottom:2px;transition:all .15s;border:1px solid transparent}.track:hover{background:var(--bg-track-hover)}.track.playing{border-color:var(--amber);background:#f5a6230f}.play{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.play:hover{border-color:var(--amber)}.play:disabled{opacity:.3;cursor:default}.track.playing .play{background:var(--amber);border-color:var(--amber)}.icon-play,.icon-pause{width:12px;height:12px;fill:var(--text)}.track.playing .icon-play,.track.playing .icon-pause{fill:#fff}.track-info{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.track-title{font-size:14px;font-weight:500}.track-artist{font-size:11px;font-weight:300;color:var(--text-secondary)}.track-genre{font-size:9px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.badge-os{font-size:8px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--one-stop);background:var(--one-stop-bg);padding:3px 8px;border-radius:2px;white-space:nowrap;flex-shrink:0}.track-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.btn-dl{font-family:Oswald,sans-serif;font-size:9px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);background:transparent;border:1px solid var(--border);padding:4px 10px;border-radius:2px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .15s}.btn-dl:hover{border-color:var(--text);color:var(--text)}.icon-dl{width:10px;height:10px}.btn-req{font-family:Oswald,sans-serif;font-size:9px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--amber);border:none;padding:5px 14px;border-radius:2px;cursor:pointer;transition:all .15s}.btn-req:hover{background:var(--amber-hover)}.btn-req-done{background:var(--one-stop)!important;cursor:default!important}.btn-req:disabled{opacity:.7;cursor:default}.btn-artwork{width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:3px;background:transparent;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.btn-artwork:hover{border-color:var(--amber)}.btn-artwork img{width:100%;height:100%;object-fit:cover;display:block}.progress-wrap{padding:0 14px 8px 58px;margin-top:-2px;margin-bottom:2px}.progress{height:3px;background:var(--progress-bg);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:var(--amber);border-radius:2px;transition:width .3s linear}.admin{max-width:900px;margin:0 auto;padding:30px 20px 60px;background:var(--admin-bg);min-height:100vh;color:var(--admin-text)}.admin-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--admin-bg);color:var(--admin-text)}.admin-login h2{font-size:20px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;margin-bottom:20px}.admin-login-form{display:flex;flex-direction:column;gap:8px;width:260px}.admin-input{font-family:Oswald,sans-serif;font-size:13px;font-weight:300;color:var(--admin-text);background:var(--admin-card);border:1px solid var(--admin-border);padding:8px 12px;border-radius:3px;width:100%}.admin-input::placeholder{color:#555}.admin-error{color:#e05555;font-size:12px;margin-top:4px}.admin-back{color:var(--text-muted);font-size:11px;margin-top:16px;text-decoration:none}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin-header h2{font-size:18px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.admin-header-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.admin-link{color:var(--text-muted);font-size:11px;text-decoration:none;margin-right:6px}.admin-subtitle{font-size:11px;color:var(--text-muted);margin-bottom:16px}.admin-btn-primary{font-family:Oswald,sans-serif;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--admin-bg);background:var(--amber);border:none;padding:6px 14px;border-radius:3px;cursor:pointer;transition:background .15s;white-space:nowrap}.admin-btn-primary:hover{background:var(--amber-hover)}.admin-btn-primary:disabled{opacity:.5;cursor:default}.admin-btn-secondary{font-family:Oswald,sans-serif;font-size:10px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--admin-text);background:transparent;border:1px solid var(--admin-border);padding:5px 12px;border-radius:3px;cursor:pointer;transition:all .15s;white-space:nowrap}.admin-btn-secondary:hover{border-color:var(--amber);color:var(--amber)}.copied-btn{border-color:var(--one-stop)!important;color:var(--one-stop)!important}.admin-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;z-index:100;overflow-y:auto}.admin-form-card{background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:6px;padding:24px;width:100%;max-width:560px}.admin-form-card h3{font-size:14px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}.admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.admin-field{margin-bottom:10px}.admin-field label{display:block;font-size:9px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.admin-checkboxes{display:flex;gap:16px;margin:12px 0}.admin-checkbox{font-size:11px;font-weight:300;display:flex;align-items:center;gap:6px;cursor:pointer}.admin-checkbox input{accent-color:var(--amber)}.admin-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.admin-section-label{font-size:10px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:16px 0 8px;padding-top:12px;border-top:1px solid var(--admin-border)}.admin-file-input{font-family:Oswald,sans-serif;font-size:12px;color:var(--admin-text);width:100%}.admin-file-input::file-selector-button{font-family:Oswald,sans-serif;font-size:11px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--admin-text);background:var(--admin-card);border:1px solid var(--admin-border);padding:6px 12px;border-radius:3px;cursor:pointer;margin-right:10px}.admin-file-status{font-size:12px;font-weight:300;color:var(--one-stop);display:flex;align-items:center;gap:10px}.admin-btn-small{font-family:Oswald,sans-serif;font-size:9px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:transparent;border:1px solid var(--admin-border);padding:3px 8px;border-radius:2px;cursor:pointer}.admin-btn-small:hover{border-color:var(--amber);color:var(--amber)}.admin-replace-btn{cursor:pointer}.admin-upload-status{font-size:11px;font-weight:300;color:var(--amber);margin-top:4px}.admin-track-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--admin-card);border:1px solid var(--admin-border);border-radius:3px;margin-bottom:4px}.row-disabled{opacity:.5}.admin-track-order{font-size:11px;color:var(--text-muted);width:20px;text-align:center;flex-shrink:0}.admin-track-info{flex:1;min-width:0;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.admin-track-title{font-size:13px;font-weight:500}.admin-track-artist{font-size:11px;font-weight:300;color:var(--text-muted)}.admin-track-genre{font-size:9px;font-weight:300;letter-spacing:.06em;text-transform:uppercase;color:#555}.admin-track-badges{display:flex;gap:4px;flex-shrink:0;flex-wrap:wrap}.admin-track-actions{display:flex;gap:4px;flex-shrink:0}.admin-track-checkbox{accent-color:var(--amber);width:16px;height:16px;flex-shrink:0;cursor:pointer}.admin-btn-edit{font-family:Oswald,sans-serif;font-size:9px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:#999;background:transparent;border:1px solid var(--admin-border);padding:4px 8px;border-radius:2px;cursor:pointer;transition:all .15s}.admin-btn-edit:hover{border-color:var(--amber);color:var(--amber)}.admin-btn-delete{font-family:Oswald,sans-serif;font-size:9px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:#777;background:transparent;border:1px solid var(--admin-border);padding:4px 8px;border-radius:2px;cursor:pointer;transition:all .15s}.admin-btn-delete:hover{border-color:#e05555;color:#e05555}.admin-loading,.admin-empty{text-align:center;padding:40px;font-size:12px;color:var(--text-muted)}.badge-audio{font-size:8px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);background:#f5a6231a;padding:2px 6px;border-radius:2px}.badge-wav{font-size:8px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#7a9ec2;background:#7a9ec21a;padding:2px 6px;border-radius:2px}.badge-art{font-size:8px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#c28ea8;background:#c28ea81a;padding:2px 6px;border-radius:2px}.badge-os-small{font-size:8px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--one-stop);background:var(--one-stop-bg);padding:2px 6px;border-radius:2px}.badge-in{font-size:8px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:#555;background:#6464641a;padding:2px 6px;border-radius:2px}.admin-requests-section{margin-bottom:16px;padding:14px;background:var(--admin-card);border:1px solid rgba(245,166,35,.3);border-radius:4px}.admin-request-row{display:flex;align-items:center;gap:12px;padding:6px 0;font-size:11px;font-weight:300;border-bottom:1px solid var(--admin-border)}.admin-request-row:last-child{border-bottom:none}.admin-request-time{color:var(--text-muted);width:160px;flex-shrink:0}.admin-request-url{color:var(--amber)}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.playlist-tile{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:6px;padding:14px;cursor:pointer;transition:border-color .15s}.playlist-tile:hover{border-color:var(--amber)}.tile-count{font-size:22px;font-weight:500;color:var(--amber);margin-bottom:2px}.tile-name{font-size:14px;font-weight:500;color:var(--admin-text);margin-bottom:2px}.tile-meta{font-size:10px;color:var(--text-muted);margin-bottom:8px}.tile-actions{display:flex;gap:4px;flex-wrap:wrap}.tile-badge{font-family:Oswald,sans-serif;font-size:8px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:2px;border:none;cursor:pointer}.tile-badge-on{background:#2d7a4f26;color:var(--one-stop)}.tile-badge-off{background:#7a7a7a1a;color:var(--text-muted)}.tile-copy,.tile-edit,.tile-delete{font-family:Oswald,sans-serif;font-size:8px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:2px;border:1px solid var(--admin-border);background:transparent;color:var(--text-muted);cursor:pointer}.tile-copy:hover,.tile-edit:hover{border-color:var(--amber);color:var(--amber)}.tile-copy.copied{border-color:var(--one-stop);color:var(--one-stop)}.tile-delete:hover{border-color:#e05555;color:#e05555}.track-reorder{display:flex;flex-direction:column;gap:1px;flex-shrink:0}.reorder-btn{font-size:8px;width:18px;height:14px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--admin-border);border-radius:2px;color:var(--text-muted);cursor:pointer}.reorder-btn:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}.reorder-btn:disabled{opacity:.2;cursor:default}.lib-search{margin-bottom:12px}