.container{max-width:640px;margin:0 auto;padding:0 20px}header{padding:48px 0 32px;text-align:center}header h1{font-family:var(--font-heading);font-weight:400;font-size:15px;letter-spacing:.07em;text-transform:uppercase;color:var(--dc-dark);margin-bottom:8px}header .subtitle{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--dc-lavender)}.pitch{padding:24px 0 36px;border-top:1px solid var(--dc-light)}.pitch ul{list-style:none;padding:0}.pitch li{position:relative;padding-left:20px;margin-bottom:12px;font-size:14px;color:var(--dc-muted);line-height:1.55}.pitch li:before{content:"—";position:absolute;left:0;color:var(--dc-lavender)}.player-section{padding:0 0 40px}.section-label{font-family:var(--font-heading);font-size:12px;font-weight:400;letter-spacing:.07em;text-transform:uppercase;color:var(--dc-dark);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--dc-light)}.track-list{list-style:none}.track{display:flex;align-items:center;padding:12px;border-bottom:1px solid var(--dc-light);cursor:pointer;transition:background .15s;margin:0 -12px;border-radius:6px}.track:hover,.track.active{background:var(--bg-off)}.track.active .track-title{color:var(--dc-primary)}.track-number{width:28px;font-size:12px;color:var(--dc-lavender);flex-shrink:0;text-align:center}.track-play-btn{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--dc-light);background:var(--bg-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:12px;transition:all .15s}.track:hover .track-play-btn,.track.active .track-play-btn{border-color:var(--dc-primary);background:var(--dc-primary)}.track:hover .track-play-btn svg,.track.active .track-play-btn svg{fill:#fff}.track-play-btn svg{width:12px;height:12px;fill:var(--dc-muted);transition:fill .15s}.track-info{flex:1;min-width:0}.track-title{font-size:14px;font-weight:400;color:var(--dc-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.now-playing{position:fixed;bottom:0;left:0;right:0;background:var(--dc-dark);color:#fff;z-index:100;transform:translateY(100%);transition:transform .3s ease}.now-playing.visible{transform:translateY(0)}.now-playing-progress{width:100%;height:3px;background:#ffffff26;cursor:pointer}.now-playing-progress-fill{height:100%;background:var(--dc-steel);transition:width .1s linear;position:relative}.now-playing-progress-fill:after{content:"";position:absolute;right:-5px;top:-4px;width:11px;height:11px;border-radius:50%;background:#fff;opacity:0;transition:opacity .15s}.now-playing-progress:hover .now-playing-progress-fill:after{opacity:1}.now-playing-inner{display:flex;align-items:center;padding:10px 20px 12px;max-width:640px;margin:0 auto}.np-controls{display:flex;align-items:center;gap:12px;margin-right:16px}.np-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.np-btn svg{width:16px;height:16px;fill:#ffffffb3;transition:fill .15s}.np-btn:hover svg{fill:#fff}.np-btn.play-pause svg{width:20px;height:20px;fill:#fff}.np-track-info{flex:1;min-width:0}.np-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-time{font-size:11px;opacity:.6;margin-top:1px}.spotify-section{padding:0 0 120px}.spotify-embed{border-radius:12px;overflow:hidden}.spotify-embed iframe{display:block}body.player-visible{padding-bottom:80px}@media(max-width:480px){header{padding:36px 0 24px}header h1{font-size:12px}.pitch li,.track-title{font-size:13px}.track{padding:10px 8px;margin:0 -8px}.track-number{width:24px;font-size:11px}.track-play-btn{width:28px;height:28px;margin-right:10px}.track-play-btn svg{width:10px;height:10px}.now-playing-inner{padding:8px 16px 10px}.container{padding:0 16px}}.admin-login{display:flex;align-items:center;justify-content:center;min-height:100vh}.admin-login form{display:flex;flex-direction:column;align-items:center;gap:12px;width:320px}.admin-title{font-family:var(--font-body);font-size:16px;color:var(--dc-dark)}.admin-login input{width:100%;padding:10px 14px;border:1px solid var(--dc-light);border-radius:6px;font-size:14px;font-family:var(--font-body);outline:none}.admin-login input:focus{border-color:var(--dc-primary)}.admin-login button{width:100%;padding:10px;background:var(--dc-dark);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;font-family:var(--font-body)}.admin-login button:hover{background:var(--dc-primary)}.admin{max-width:640px;margin:0 auto;padding:40px 20px}.admin-header h1{font-family:var(--font-heading);font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--dc-dark);margin-bottom:6px}.admin-header p{font-size:13px;color:var(--dc-lavender);margin-bottom:32px}.drop-zone{border:2px dashed var(--dc-light);border-radius:12px;padding:48px 24px;text-align:center;background:#fff;transition:all .2s;cursor:pointer;margin-bottom:24px}.drop-zone.dragover{border-color:var(--dc-primary);background:#f0f4ff}.drop-text{font-size:15px;color:var(--dc-muted)}.drop-hint{font-size:12px;color:var(--dc-lavender);margin-top:8px}.file-list{margin-bottom:16px}.file-item{display:flex;align-items:center;padding:12px 16px;background:#fff;border-radius:8px;margin-bottom:8px;border:1px solid var(--dc-light)}.file-name{flex:1;font-size:13px;color:var(--dc-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:12px}.file-size{font-size:12px;color:var(--dc-lavender);margin-right:12px;flex-shrink:0}.file-status{font-size:12px;font-weight:600;flex-shrink:0;min-width:80px;text-align:right}.file-status.pending{color:var(--dc-lavender)}.file-status.uploading{color:var(--dc-primary)}.file-status.done{color:#3a8f5c}.file-status.error{color:#c0392b}.upload-btn{display:inline-flex;padding:10px 24px;background:var(--dc-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;font-family:var(--font-body);margin-bottom:24px}.upload-btn:hover{background:var(--dc-dark)}.upload-btn:disabled{background:var(--dc-lavender);cursor:not-allowed}.existing-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--dc-light)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-header h2{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dc-lavender)}.save-row{display:flex;align-items:center;gap:10px}.save-msg{font-size:12px;color:#3a8f5c;font-weight:500}.save-msg.error{color:#c0392b}.save-btn{padding:6px 16px;background:var(--dc-primary);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;font-family:var(--font-body)}.save-btn:hover{background:var(--dc-dark)}.save-btn:disabled{background:var(--dc-lavender);cursor:not-allowed}.order-hint{font-size:12px;color:var(--dc-lavender);margin-bottom:12px}.empty{font-size:13px;color:var(--dc-lavender)}.order-track{display:flex;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;margin-bottom:4px;border:1px solid var(--dc-light);font-size:13px;color:var(--dc-dark);cursor:grab;transition:background .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.order-track:active{cursor:grabbing}.order-track:hover{background:#f8f9fc}.order-track[draggable=true]:active{opacity:.5}.order-grip{color:var(--dc-lavender);margin-right:8px;font-size:14px;line-height:1}.order-num{width:24px;font-size:11px;color:var(--dc-lavender);text-align:center;flex-shrink:0}.order-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.order-arrows{display:flex;gap:2px;margin-right:8px;flex-shrink:0}.arrow-btn{background:none;border:1px solid var(--dc-light);border-radius:4px;width:24px;height:24px;font-size:12px;cursor:pointer;color:var(--dc-muted);display:flex;align-items:center;justify-content:center;padding:0}.arrow-btn:hover:not(:disabled){border-color:var(--dc-primary);color:var(--dc-primary)}.arrow-btn:disabled{opacity:.3;cursor:not-allowed}.delete-btn{background:none;border:none;color:var(--dc-lavender);font-size:18px;cursor:pointer;padding:0 4px;flex-shrink:0}.delete-btn:hover{color:#c0392b}@font-face{font-family:Panton Black Caps;src:url(/assets/Panton-BlackCaps-BoFbvWwU.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--dc-dark: #2D3D69;--dc-steel: #5B7DB4;--dc-primary: #4169AA;--dc-muted: #5A6A80;--dc-lavender: #80849D;--dc-light: #E5E4E6;--bg-white: #FFFFFF;--bg-off: #F7F7F8;--font-heading: "Panton Black Caps", "Noto Serif", Georgia, serif;--font-body: "Noto Serif", Georgia, serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-white);color:var(--dc-muted);line-height:1.6;-webkit-font-smoothing:antialiased}