*{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;-webkit-font-smoothing:antialiased}.loading,.empty{text-align:center;padding:80px 20px;font-size:14px;font-weight:300;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.header{padding:40px 24px 32px;text-align:center}.logo{width:68px;height:auto;margin-bottom:18px}.header h1{font-weight:500;font-size:26px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.header-sub{font-size:14px;font-weight:300;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.header-sub span{color:var(--amber);margin:0 8px}.main{max-width:700px;margin:0 auto;padding:16px 20px 60px}.section-label{font-size:10px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.track{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-track);border:1px solid var(--border);border-radius:3px;margin-bottom:4px;transition:background .15s ease,border-color .15s ease}.track:hover{background:var(--bg-track-hover);border-color:#a5a5a5}.play{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.play:hover{border-color:var(--amber)}.icon-play,.icon-pause{width:11px;height:11px;fill:var(--text-secondary);transition:fill .15s ease}.icon-play{margin-left:1.5px}.play:hover .icon-play,.play:hover .icon-pause{fill:var(--amber)}.track-info{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px}.track-title{font-weight:500;font-size:14px;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{font-size:12px;font-weight:300;color:var(--text-secondary);white-space:nowrap}.track-genre{font-size:9px;font-weight:300;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.badge-os{font-size:8px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--one-stop);background:var(--one-stop-bg);padding:2px 7px;border-radius:2px;border:1px solid rgba(45,122,79,.18);white-space:nowrap;flex-shrink:0}.track-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.btn-dl{font-family:Oswald,sans-serif;font-size:9px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);background:transparent;border:1px solid var(--border);padding:4px 8px;border-radius:2px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:3px}.btn-dl:hover{border-color:var(--amber);color:var(--amber)}.icon-dl{width:9px;height:9px}.btn-req{font-family:Oswald,sans-serif;font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--amber);border:none;padding:5px 10px;border-radius:2px;cursor:pointer;transition:background .15s ease;white-space:nowrap}.btn-req:hover{background:var(--amber-hover)}.track.playing{border-color:var(--amber)}.track.playing .play{border-color:var(--amber);background:var(--amber)}.track.playing .play .icon-play,.track.playing .play .icon-pause{fill:#fff}.progress-wrap{padding:0 14px 8px 58px;margin-top:-2px;margin-bottom:2px}.player-embed{padding:0 14px 6px 58px;margin-top:-2px;margin-bottom:4px}.player-embed iframe{display:block;background:#b8b8b8;border-radius:3px}.progress{width:100%;height:2px;background:var(--progress-bg);border-radius:1px;overflow:hidden}.progress-bar{height:100%;background:var(--amber);border-radius:1px;transition:width .2s linear}@media (max-width: 600px){.track-info{flex-direction:column;gap:1px}.track-genre{display:none}}.admin-login{background:var(--admin-bg);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--admin-text)}.admin-login h2{font-weight:500;font-size:20px;letter-spacing:.14em;text-transform:uppercase}.admin-login-form{display:flex;flex-direction:column;gap:10px;width:260px}.admin-back{font-size:12px;color:var(--text-muted);text-decoration:none;font-weight:300}.admin-back:hover{color:var(--amber)}.admin-error{font-size:12px;color:#e05555;text-align:center}.admin{background:var(--admin-bg);min-height:100vh;color:var(--admin-text);padding:28px 24px;max-width:800px;margin:0 auto}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px}.admin-header h2{font-weight:500;font-size:18px;letter-spacing:.14em;text-transform:uppercase}.admin-header-actions{display:flex;align-items:center;gap:16px}.admin-link{font-size:11px;color:var(--text-muted);text-decoration:none;font-weight:300}.admin-link:hover{color:var(--amber)}.admin-input{font-family:Oswald,sans-serif;font-size:13px;font-weight:300;background:var(--admin-card);border:1px solid var(--admin-border);color:var(--admin-text);padding:8px 12px;border-radius:3px;width:100%;outline:none;transition:border-color .15s}.admin-input:focus{border-color:var(--amber)}.admin-input::placeholder{color:#555}.admin-btn-primary{font-family:Oswald,sans-serif;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--amber);border:none;padding:8px 16px;border-radius:3px;cursor:pointer;transition:background .15s}.admin-btn-primary:hover{background:var(--amber-hover)}.admin-btn-secondary{font-family:Oswald,sans-serif;font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:transparent;border:1px solid var(--admin-border);padding:7px 14px;border-radius:3px;cursor:pointer;transition:all .15s}.admin-btn-secondary:hover{border-color:#555;color:var(--admin-text)}.admin-form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.admin-form-card{background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:6px;padding:28px;width:100%;max-width:520px}.admin-form-card h3{font-weight:500;font-size:16px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}.admin-form-row{display:flex;gap:12px;margin-bottom:12px}.admin-field{flex:1;display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.admin-field label{font-size:10px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.admin-checkboxes{margin-bottom:20px}.admin-checkbox{font-size:12px;font-weight:300;color:var(--admin-text);display:flex;align-items:center;gap:6px;cursor:pointer}.admin-checkbox input[type=checkbox]{accent-color:var(--amber);width:14px;height:14px}.admin-form-actions{display:flex;justify-content:flex-end;gap:8px}.admin-tracks{display:flex;flex-direction:column;gap:4px}.admin-loading,.admin-empty{text-align:center;padding:40px;font-size:12px;font-weight:300;color:var(--text-muted);letter-spacing:.1em}.admin-track-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--admin-card);border:1px solid var(--admin-border);border-radius:3px}.admin-track-order{font-size:11px;font-weight:300;color:var(--text-muted);width:24px;text-align:center;flex-shrink:0}.admin-track-info{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px}.admin-track-title{font-weight:500;font-size:13px}.admin-track-artist{font-size:11px;font-weight:300;color:var(--text-muted)}.admin-track-genre{font-size:9px;font-weight:300;letter-spacing:.08em;text-transform:uppercase;color:#555}.admin-track-badges{display:flex;gap:4px;flex-shrink:0}.badge-os-small{font-size:8px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--one-stop);background:var(--one-stop-bg);padding:2px 6px;border-radius:2px}.badge-dl-on{font-size:8px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);background:#f5a6231a;padding:2px 6px;border-radius:2px}.badge-dl-off{font-size:8px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#777;background:#64646426;padding:2px 6px;border-radius:2px}.admin-track-actions{display:flex;gap:4px;flex-shrink:0}.admin-btn-edit{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: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-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-upload-status{font-size:11px;font-weight:300;color:var(--amber);margin-top:4px}.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)}.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-tag{font-size:8px;font-weight:400;letter-spacing:.06em;color:#a88ec2;background:#a88ec21a;padding:2px 6px;border-radius:2px}.filter-label{color:var(--amber);font-weight:500}.admin-links-section{margin-bottom:20px;padding:14px;background:var(--admin-card);border:1px solid var(--admin-border);border-radius:4px}.admin-links-row{display:flex;flex-wrap:wrap;gap:6px}.admin-link-btn{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}.admin-link-btn:hover{border-color:var(--amber);color:var(--amber)}.admin-link-btn.copied{border-color:var(--one-stop);color:var(--one-stop)}