:root{color-scheme:dark;--bg: #090807;--panel: rgba(16, 13, 11, .92);--cream: #f6efe2;--muted: #cbbfaa;--gold: #e8c56a;--gold-deep: #a67c2d;--line: rgba(232, 197, 106, .45);--danger: #ffc7b3;font-family:Outfit,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;color:var(--cream);background:var(--bg)}body:before{content:"";position:fixed;inset:0;background-image:url(/notes.svg);background-size:320px;opacity:.055;pointer-events:none}.skip{position:absolute;left:1rem;top:-4rem;z-index:5;background:var(--gold);color:#1a1408;padding:.55rem .9rem;border-radius:999px;text-decoration:none;font-weight:600}.skip:focus{top:1rem}.atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.spotlight{position:absolute;width:min(70vw,520px);height:min(70vw,520px);border-radius:50%;background:radial-gradient(circle,rgba(232,197,106,.2) 0%,rgba(232,197,106,.06) 42%,transparent 70%);filter:blur(6px);animation:drift 26s ease-in-out infinite alternate}.spotlight-a{top:-18%;left:-12%}.spotlight-b{right:-16%;bottom:-22%;width:min(62vw,460px);height:min(62vw,460px);animation-duration:34s;animation-delay:-12s;background:radial-gradient(circle,rgba(212,168,74,.16) 0%,transparent 68%)}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(14vw,10vh,0) scale(1.16)}}.note{position:absolute;bottom:-12%;color:#f3e0a8;text-shadow:0 0 14px rgba(232,197,106,.65);font-size:1.7rem;line-height:1;animation:rise 11s linear infinite}.note-left{left:8px}.note-right{right:8px}.note-late{font-size:1.25rem;animation-duration:14s;animation-delay:-6s}.note-right.note-late{animation-delay:-3s}@keyframes rise{0%{transform:translateY(0);opacity:0}12%{opacity:.9}to{transform:translateY(-115vh);opacity:0}}.notes-front{position:fixed;inset:0;z-index:3;overflow:hidden;pointer-events:none}.notes-front .note{font-size:1.45rem}.lights{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;padding:18px 7vw 0;pointer-events:none}.lights span{width:9px;height:9px;border-radius:50%;background:#fff1c4;box-shadow:0 0 14px 4px #f3c46e73;animation:glow 4.8s ease-in-out infinite}.lights span:nth-child(1){margin-top:8px;animation-duration:4.2s}.lights span:nth-child(2){margin-top:20px;animation-duration:5.6s;animation-delay:-1.4s}.lights span:nth-child(3){margin-top:30px;animation-duration:3.9s;animation-delay:-2.8s;background:#f6e2a8}.lights span:nth-child(4){margin-top:12px;animation-duration:6.1s;animation-delay:-.6s}.lights span:nth-child(5){margin-top:26px;animation-duration:4.7s;animation-delay:-3.3s}.lights span:nth-child(6){margin-top:16px;animation-duration:5.2s;animation-delay:-1.9s;background:#f3d48a}.lights span:nth-child(7){margin-top:32px;animation-duration:4.4s;animation-delay:-4.1s}.lights span:nth-child(8){margin-top:10px;animation-duration:5.8s;animation-delay:-2.2s}.lights span:nth-child(9){margin-top:22px;animation-duration:4.1s;animation-delay:-3.6s}@keyframes glow{0%,to{opacity:.28;transform:scale(.82)}50%{opacity:1;transform:scale(1);box-shadow:0 0 18px 6px #ffd68cb8}}.stage{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:48px 28px 36px}.frame{position:relative;width:min(100%,720px);padding:34px 26px 28px;background:linear-gradient(180deg,rgba(24,19,15,.94),var(--panel));border:1px solid var(--line);border-radius:22px;box-shadow:0 0 0 7px #0908078c,0 0 0 8px #e8c56a47,0 30px 80px #00000073}.frame:before{content:"";position:absolute;inset:10px;border:1px solid rgba(232,197,106,.22);border-radius:14px;pointer-events:none}.frame-wide{width:min(100%,1100px);padding:28px 22px 24px}.diamond{position:absolute;width:12px;height:12px;border:1px solid var(--gold);background:#120f0c;transform:rotate(45deg);z-index:1}.diamond-nw{top:16px;left:16px}.diamond-ne{top:16px;right:16px}.diamond-sw{bottom:16px;left:16px}.diamond-se{bottom:16px;right:16px}.mast{text-align:center}.mast-compact{margin-bottom:8px}.logo-wrap{position:relative;display:grid;place-items:center}.logo-wrap:before{content:"";position:absolute;width:70%;height:80px;background:radial-gradient(circle,rgba(232,197,106,.28),transparent 70%);filter:blur(6px)}.logo{position:relative;width:min(100%,480px);height:auto;display:block;margin:0 auto}.frame-wide .logo{width:min(100%,260px)}.script{margin:4px 0 0;font-family:Great Vibes,cursive;font-size:2.1rem;color:var(--gold);line-height:1}.gold-text{margin:.15rem 0 0;font-family:Cinzel,Palatino,serif;font-weight:700;font-size:clamp(2rem,5vw,3.1rem);letter-spacing:.04em;line-height:1.1;color:#f3e0a8;background:linear-gradient(180deg,#fff6d8,#e8c56a 46%,#a67c2d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ornament{display:flex;align-items:center;gap:12px;max-width:240px;margin:14px auto 8px}.ornament span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.ornament i{width:7px;height:7px;border:1px solid var(--gold);transform:rotate(45deg)}.lede{margin:.4rem auto 0;max-width:38rem;color:var(--muted);line-height:1.5}.center{text-align:center}form{margin-top:22px;display:grid;gap:12px}#gate{max-width:440px;margin:8px auto 0;text-align:center}#gate form{text-align:left}.field{display:grid;gap:6px}.field span{font-family:Cinzel,Palatino,serif;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#f3e0a8}.field input{width:100%;border-radius:12px;border:1px solid rgba(232,197,106,.35);background:#100e0c;color:var(--cream);padding:.95rem 1rem;font:inherit;font-size:1rem}.field input::placeholder{color:#8d7d68}.field input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #e8c56a29}.field-error,.form-error{min-height:1.1em;margin:0;color:var(--danger);font-size:.92rem}.form-error:empty{min-height:0}.btn{appearance:none;border:0;cursor:pointer;text-decoration:none;text-align:center;font:inherit;font-weight:600;letter-spacing:.04em;border-radius:999px;padding:.95rem 1.4rem;color:#1a1408;background:linear-gradient(180deg,#f8e7b0,#d7b15a 48%,#a67c2d);box-shadow:inset 0 1px #ffffffa6,0 10px 24px #00000047}.btn:hover{filter:brightness(1.06)}.btn:disabled{opacity:.65;cursor:wait}.btn-ghost,.btn-quiet{background:transparent;box-shadow:none}.btn-ghost{color:#f3e0a8;border:1px solid rgba(232,197,106,.55)}.btn-quiet{color:var(--muted);border:1px solid rgba(203,191,170,.28)}.btn-small{padding:.45rem .8rem;font-size:.86rem}.btn-link{display:inline-block;margin:18px auto 0}.honey{position:absolute;left:-10000px;height:0;overflow:hidden}.thanks{margin-top:12px;text-align:center;display:grid;gap:8px;justify-items:center}.thanks .btn{min-width:220px;margin-top:8px}#thanks-by{margin:0;color:var(--muted);font-size:1.05rem}.site-foot{margin-top:26px;text-align:center;color:#8d7d68;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}.closed{margin-top:8px;text-align:center}.accept-switch{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.accept-switch input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{width:46px;height:26px;border-radius:999px;border:1px solid rgba(232,197,106,.45);background:#1a1612;position:relative;flex:none}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#8d7d68;transition:transform .2s ease,background .2s ease}.accept-switch input:checked+.switch-track{background:linear-gradient(180deg,#f8e7b0,#d7b15a);border-color:transparent}.accept-switch input:checked+.switch-track:after{transform:translate(20px);background:#1a1408}.accept-switch input:focus-visible+.switch-track{outline:2px solid #f3e0a8;outline-offset:3px}.switch-copy{display:grid;text-align:left;line-height:1.2}.switch-title{font-family:Cinzel,Palatino,serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#f3e0a8}#accepting-state{color:var(--muted);font-size:.85rem}.desk-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:16px}.desk-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.queue{display:grid;gap:8px}.queue-row{display:grid;grid-template-columns:3rem 4.6rem minmax(6rem,.9fr) minmax(8rem,1.3fr) minmax(7rem,1fr) 5.2rem auto;gap:.7rem;align-items:center;padding:.8rem .9rem;border:1px solid rgba(232,197,106,.14);border-radius:14px;background:#08070673}.queue-head{border:0;background:transparent;padding-bottom:0;color:#f3e0a8;font-family:Cinzel,Palatino,serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.c-num,.c-song{font-weight:600}.c-song{color:#fff8ea}.c-time,.c-artist,.c-name{color:var(--cream)}.is-sung{opacity:.48}.is-next{border-color:#e8c56a8c;background:linear-gradient(90deg,#e8c56a29,#08070633 70%)}.is-new{animation:arrive 1.2s ease}@keyframes arrive{0%{box-shadow:0 0 0 2px #e8c56ab3}}.c-status{color:var(--gold);font-size:.92rem}.c-actions{display:flex;gap:6px;justify-content:flex-end}.empty,.updated{margin:8px 0 0;color:#8d7d68;text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}:focus-visible{outline:2px solid #f3e0a8;outline-offset:3px}@media(max-width:860px){.desk-head{flex-direction:column;align-items:stretch}.desk-actions{justify-content:flex-start}.queue-head{display:none}.queue-row{grid-template-columns:auto 1fr;grid-template-areas:"num status" "song song" "name name" "artist artist" "time time" "actions actions"}.c-num{grid-area:num}.c-status{grid-area:status;justify-self:end}.c-song{grid-area:song;font-size:1.15rem}.c-name{grid-area:name}.c-artist{grid-area:artist;color:var(--muted)}.c-time{grid-area:time;color:#8d7d68}.c-actions{grid-area:actions;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}