@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#22251e;--cream:#f6f4eb;--lime:#d7ef65;--purple:#a794cb}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}a{color:inherit}header{max-width:1300px;margin:auto;padding:28px 35px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d2d5c7}.brand{text-decoration:none;font:800 34px Manrope,sans-serif;letter-spacing:-2px}.brand small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:2.4px;margin-top:7px}.head-actions{display:flex;gap:25px;font-size:12px}main{max-width:1200px;margin:50px auto 80px;padding:0 25px;min-height:65vh}h1,h2,h3{font-family:Manrope,Arial,sans-serif;margin:0}h1{font-size:clamp(40px,5vw,70px);letter-spacing:-3px;line-height:1.07}h2{font-size:27px;letter-spacing:-1px}h3{font-size:20px}p{line-height:1.6}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:20px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}.badge{background:var(--purple);padding:9px 14px;border-radius:30px;font-size:10px;font-weight:700;letter-spacing:1px}.panel{padding:30px;border:1px solid #c3c9b7;border-radius:9px;background:#faf9f3;margin:20px 0}button,.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border:1px solid var(--ink);background:var(--ink);color:var(--cream);font:600 13px 'DM Sans',sans-serif;border-radius:5px;cursor:pointer;text-decoration:none;gap:10px}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled),.button:hover{filter:brightness(1.12)}button:focus-visible,a:focus-visible{outline:3px solid #8963b6;outline-offset:3px}.outline{background:transparent;color:var(--ink)}.danger{background:#7c3d41;border-color:#7c3d41}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.muted{font-size:11px;color:#696e60;line-height:1.6}form{display:grid;gap:18px;margin-top:25px}label{display:grid;gap:8px;font-size:12px;font-weight:600}input,select{font:14px 'DM Sans',sans-serif;color:var(--ink);background:var(--cream);padding:13px;border:1px solid #b6beaa;border-radius:5px;width:100%;min-width:0}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:20px}.check{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;font-size:11px}.check input{width:16px;height:16px}.notice{padding:18px;border:1px solid #a5b775;background:#ecf1d7;border-radius:6px;line-height:1.6}.notice.error{background:#f3e0df;border-color:#bf8985}.stats{display:flex;gap:20px;margin-top:35px}.stats>div{flex:1;background:var(--lime);border-radius:8px;padding:25px}.stats strong{font:800 38px Manrope,sans-serif;display:block}.stats span{font-size:12px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:40px 0 20px}.session-list{display:grid;gap:15px}.session-item{padding:25px;border:1px solid #c3c9b7;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:20px}.session-item h3{font-size:19px}.session-item p{font-size:11px;margin:8px 0 0}.host-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0}.host-grid{display:grid;grid-template-columns:350px 1fr;gap:25px}.host-grid .panel{margin:0 0 25px}.host-grid label{margin:25px 0 15px}#qr{display:table;background:white;padding:15px;border-radius:5px;margin:20px auto}#qr img,#qr canvas{width:210px;height:210px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{background:#e5e9d9;border-radius:30px;padding:7px 11px;font-size:10px}#players{padding-left:20px;max-height:340px;overflow:auto;font-size:12px;line-height:2}.card-panel{max-width:850px;margin:30px auto}.card-heading{display:flex;align-items:center;justify-content:space-between}.card-heading small{font-size:9px;letter-spacing:2px}.card-heading h2{margin-top:9px}.card-heading>b{background:var(--lime);border-radius:30px;padding:10px 15px;font-size:12px}#card{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:25px}#card button{min-height:110px;padding:8px;background:transparent;color:var(--ink);border-color:#b8c2a8;display:flex;flex-direction:column;font-size:12px;line-height:1.3;overflow-wrap:anywhere}#card button small{font-size:9px;font-weight:400}#card button.marked{background:var(--lime);border:2px solid #718a2b}#participant{max-width:900px;margin:auto}#join-area{max-width:500px}#auth{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.auth-intro{padding-top:30px}.auth-intro>p{max-width:350px}.auth-panel{margin:0}.tabs{display:flex;gap:10px}.tabs button{flex:1;background:transparent;color:var(--ink);border-color:#b6beaa}.tabs button.active{background:var(--lime);border-color:var(--ink)}.note{display:flex;align-items:center;gap:20px;font-size:75px;margin-top:45px}.note span{font-size:12px;line-height:1.6}.small-link{font-size:12px;text-align:center}.honeypot{position:absolute;left:-10000px}footer{max-width:1300px;margin:auto;padding:25px 35px;border-top:1px solid #d2d5c7;display:flex;gap:30px;align-items:center;justify-content:space-between;font-size:11px}footer>span{font:800 22px Manrope,sans-serif;letter-spacing:-1px}dialog{background:var(--cream);border:1px solid;border-radius:10px;padding:25px;text-align:center;width:min(600px,94vw);max-height:95vh}dialog::backdrop{background:#1d241bd0}dialog h2{margin:25px 0}#big-qr{background:white;padding:20px;display:table;margin:20px auto}#big-qr img,#big-qr canvas{max-width:65vw;height:auto}[hidden]{display:none!important}@media(max-width:800px){.host-grid{grid-template-columns:1fr}#auth{gap:35px;grid-template-columns:1fr}.auth-intro{padding:0}.auth-intro h1{font-size:48px}.note{display:none}header{padding:22px}.brand{font-size:27px}main{margin-top:35px}.head-actions{font-size:10px;gap:15px}.form-row{grid-template-columns:1fr}.panel{padding:23px}.title-row{align-items:start}.badge{font-size:8px}.session-item{flex-wrap:wrap}#card{gap:4px}#card button{font-size:10px;min-height:95px;padding:5px}#card button small{font-size:8px}.card-panel{padding:15px}.card-heading h2{font-size:22px}.host-title{flex-wrap:wrap}footer{padding:25px}.stats>div{padding:20px}.stats strong{font-size:30px}}@media(max-width:390px){#card button{font-size:9px}#card button small{font-size:7px}.head-actions a:first-child{display:none}}
[hidden]{display:none!important}
.event-logo{max-width:180px;max-height:90px;object-fit:contain;margin-bottom:20px}.customize{border-top:1px solid #d0d6c5;padding-top:20px}.customize summary,details.panel summary{cursor:pointer;font-weight:700}.customize label{margin:15px 0}.customize input[type=color],#personalize-form input[type=color]{height:48px;max-width:120px}.song-pool{max-height:300px;overflow:auto;border:1px solid #c3c9b7;padding:12px;border-radius:5px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.song-pool label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:400;margin:0;padding:6px}.song-pool input{width:16px;flex:none}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.plan{padding:20px;background:#e8ecde;border-radius:7px}.plan h3{font-size:17px}.plan small{font-size:10px}.plan .button{margin-top:18px}.order-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid #c3c9b7;font-size:12px}.undo-song{padding:3px 7px;font-size:9px;border-radius:30px;background:transparent;color:#5b3838;border-color:#bb9c9c}.chips span{display:inline-flex;align-items:center;gap:7px}#entry-status{font-size:12px}#toggle-entry{width:100%}.stats>div,#card button.marked{color:var(--accent-ink,#22251e)}.projection-top{display:flex;align-items:center;gap:25px;justify-content:space-between;margin-bottom:35px}.projection-top img{max-width:200px;max-height:100px;object-fit:contain}.projection-body{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:45px}#screen-qr{background:white;padding:20px;display:table;margin:0 auto 20px}#screen-qr img,#screen-qr canvas{max-width:65vw;height:auto}#projection{text-align:center;max-width:1200px;margin:auto}#projection h1{font-size:clamp(40px,6vw,90px)}.screen-stats{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:15px;text-align:left}.screen-stats b{font:800 55px Manrope,sans-serif}.screen-stats span{font-size:19px}.winner-board{background:var(--lime);color:var(--accent-ink,#22251e);padding:30px;border-radius:10px;margin-top:30px}.winner-board h2{font-size:30px}.winner-board p{font-size:25px;font-weight:700}.projecting header,.projecting footer{display:none}.projecting main{margin-top:30px}.celebrate{animation:winner-in .7s ease-out}@keyframes winner-in{from{transform:scale(.91);opacity:.3}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.celebrate{animation:none}}@media(max-width:700px){.plan-grid,.projection-body{grid-template-columns:1fr}.song-pool{grid-template-columns:1fr}.projection-top{flex-wrap:wrap}.screen-stats b{font-size:40px}.screen-stats span{font-size:16px}.order-row{flex-wrap:wrap}.projection-body{gap:25px}}

@media(min-width:850px) and (max-height:850px){.projecting main{margin:18px auto 0}.projection-top{margin-bottom:15px}.projection-top img{max-height:65px;max-width:180px}#projection h1{font-size:clamp(35px,4.5vw,62px)}.projection-body{margin-top:22px;gap:30px}#screen-qr{padding:12px;margin-bottom:10px}#screen-qr img,#screen-qr canvas{width:220px!important;height:220px!important}.screen-stats b{font-size:40px}.screen-stats span{font-size:16px}.winner-board{margin-top:15px;padding:16px}.winner-board h2{font-size:24px}.winner-board p{font-size:21px;margin:10px 0}#screen-code{font-size:22px}#screen-entry{font-size:12px}}