@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#17201d;--muted:#75807b;--paper:#f4f1e9;--line:#d9d5cb;--lime:#d8f26b;--orange:#ef795d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif}body:before{content:'';display:block;height:8px;background:var(--ink)}.shell{max-width:1160px;margin:auto;padding:0 32px 80px}a{color:inherit;text-decoration:none}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:16px;font-weight:800;letter-spacing:.08em}.brand span{font-weight:400}.topbar nav{display:flex;gap:30px;font:12px 'DM Mono',monospace}.topbar nav a{color:var(--muted)}.topbar nav .active{color:var(--ink)}.arrow{font-size:16px}.intro{padding:94px 0 74px;max-width:690px}.eyebrow,.section-label{font:500 11px 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin:0 0 18px}.intro h1,.player-intro h1{font-size:clamp(48px,8vw,96px);line-height:.95;letter-spacing:-.055em;margin:0 0 28px}.intro h1 em,.player-intro h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.lede{max-width:480px;color:var(--muted);line-height:1.7;font-size:15px}.add-panel{display:grid;grid-template-columns:1fr 1.4fr;gap:100px;border-top:1px solid var(--ink);padding:27px 0 72px}.add-panel h2,.queue-preview h2,.up-next h2{font-size:24px;margin:0;letter-spacing:-.04em}.add-panel form{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{font-size:12px;font-weight:700}input{display:block;width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:15px 0 13px;font:14px Manrope;outline:0;color:var(--ink)}input:focus{border-color:var(--orange)}.optional{color:var(--muted);font-weight:400}.primary-button{border:0;background:var(--ink);color:var(--paper);padding:15px 20px;cursor:pointer;font:700 12px Manrope;text-align:left}.primary-button span,.player-link span{float:right;font-size:18px;line-height:12px}.primary-button:disabled{opacity:.5}.form-message{grid-column:1/-1;margin:0;font-size:12px;color:#5f8233}.form-message.error,.error{color:#ba4933}.queue-preview{border-top:1px solid var(--ink);padding-top:27px}.queue-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.queue-heading>span{font:12px 'DM Mono',monospace;color:var(--muted)}.song-list{list-style:none;padding:0;margin:0}.song-row{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:18px 0}.song-number{font:12px 'DM Mono',monospace;color:var(--orange);width:28px}.song-info{display:grid;gap:5px;flex:1;min-width:0}.song-info strong{font-size:14px}.song-info small{font:11px 'DM Mono',monospace;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-button{border:0;background:none;color:var(--muted);font:11px 'DM Mono',monospace;cursor:pointer}.delete-button:hover{color:var(--orange)}.empty-state{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:14px}.player-link{display:block;background:var(--lime);padding:18px 20px;margin-top:14px;font-weight:700;font-size:13px}.player-intro{padding:70px 0 55px}.player-intro h1{font-size:clamp(48px,7vw,80px);margin-bottom:17px}.player-layout{display:grid;grid-template-columns:minmax(0,2fr) 1fr;gap:50px;align-items:end;border-top:1px solid var(--ink);padding-top:27px}.video-frame{position:relative;background:#1b2420;aspect-ratio:16/9}.video-frame iframe{width:100%;height:100%;border:0}.video-frame #video-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#aaa;font:12px 'DM Mono',monospace}.player-layout aside{padding-bottom:2px}.player-layout aside h2{font-size:26px;line-height:1.15;min-height:60px;margin:10px 0 42px;letter-spacing:-.04em}.progress-label{display:flex;justify-content:space-between;font:11px 'DM Mono',monospace;color:var(--muted);margin-bottom:8px}.progress-track{height:4px;background:var(--line);margin-bottom:28px}.progress-track div{height:100%;width:0;background:var(--orange);transition:width .2s}.player-layout .primary-button{width:100%;background:var(--orange)}.up-next{border-top:1px solid var(--ink);margin-top:76px;padding-top:27px}.text-link{font-size:12px;color:var(--orange);font-weight:700}.up-next .song-row:first-child{border-top:0}.up-next .song-row{padding:14px 0}@media(max-width:720px){.shell{padding:0 20px 50px}.topbar{height:76px}.topbar nav{gap:14px;font-size:10px}.intro{padding:62px 0 55px}.add-panel,.player-layout{grid-template-columns:1fr;gap:35px}.add-panel{padding-bottom:55px}.add-panel form{grid-template-columns:1fr}.player-intro{padding:55px 0 40px}.player-layout aside h2{margin-bottom:25px}.up-next{margin-top:50px}.song-row{gap:12px}.delete-button{font-size:10px}}