*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;min-height:100vh;overflow-x:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f0f0f;color:#f5f5f5}body{display:flex;flex-direction:column}button{cursor:pointer}button,input,select,textarea{font:inherit}.guest-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background:radial-gradient(circle at top left,#1f1f1f,#0f0f0f 60%)}.guest-card{width:100%;max-width:480px;background:rgba(26,26,26,.95);border:1px solid hsla(0,0%,100%,.08);border-radius:1.5rem;box-shadow:0 24px 64px rgba(0,0,0,.35);padding:1.5rem;text-align:left}.guest-title{font-size:1.75rem;font-weight:800;margin-bottom:.25rem;background:linear-gradient(135deg,#ff6b6b,#feca57);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.guest-subtitle{color:hsla(0,0%,96%,.6);font-size:.95rem;margin-bottom:1.25rem}.guest-form{gap:1rem}.guest-form,.guest-label{display:flex;flex-direction:column}.guest-label{gap:.375rem;font-size:.9rem;color:hsla(0,0%,96%,.85);font-weight:500}.guest-input,.guest-textarea{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid hsla(0,0%,100%,.12);background:#111;color:#f5f5f5;outline:none;transition:border-color .15s,box-shadow .15s}.guest-textarea{resize:vertical;min-height:6rem}.guest-input::placeholder,.guest-textarea::placeholder{color:hsla(0,0%,96%,.35)}.guest-input:focus,.guest-textarea:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px hsla(0,100%,71%,.2)}.guest-file{display:flex;flex-direction:column;gap:.375rem;padding:.875rem 1rem;border-radius:.75rem;border:1px dashed hsla(0,0%,100%,.2);background:#111;cursor:pointer;transition:border-color .15s,background .15s}.guest-file:hover{border-color:hsla(0,100%,71%,.6);background:hsla(0,100%,71%,.05)}.guest-file input{display:none}.guest-file-label{font-size:.9rem;font-weight:500;color:hsla(0,0%,96%,.85)}.guest-file-hint{font-size:.8rem;color:hsla(0,0%,96%,.5)}.guest-file-name{font-size:.85rem;color:#f5f5f5;word-break:break-all}.guest-button{width:100%;padding:.875rem;margin-top:.5rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,#ff6b6b,#feca57);color:#0f0f0f;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .1s,box-shadow .15s}.guest-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px hsla(0,100%,71%,.3)}.guest-button:disabled{opacity:.6;cursor:not-allowed}.guest-error{color:#ff6b6b;font-size:.9rem;text-align:center}.song-search{display:flex;gap:.5rem}.song-search .guest-input{flex:1 1;min-width:0}.song-search-button{padding:0 1rem;border:1px solid hsla(0,0%,100%,.12);border-radius:.75rem;background:hsla(0,0%,100%,.06);color:#f5f5f5;font-weight:600;white-space:nowrap}.song-search-button:hover:not(:disabled){border-color:hsla(0,100%,71%,.6);color:#ff6b6b}.song-search-button:disabled{opacity:.6;cursor:not-allowed}.song-results{list-style:none;display:flex;flex-direction:column;gap:.5rem;max-height:20rem;overflow-y:auto;padding:0}.song-result,.song-selected{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem;border-radius:.75rem;border:1px solid hsla(0,0%,100%,.12);background:#111;color:#f5f5f5;text-align:left}.song-result:hover{border-color:hsla(0,100%,71%,.6);background:hsla(0,100%,71%,.06)}.song-selected{border-color:rgba(254,202,87,.5);background:rgba(254,202,87,.08)}.song-thumb{width:4rem;height:3rem;object-fit:cover;border-radius:.5rem;flex-shrink:0}.song-meta{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1 1}.song-title{font-size:.9rem;font-weight:600;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.song-sub{font-size:.78rem;color:hsla(0,0%,96%,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-change{flex-shrink:0;padding:.4rem .7rem;border:1px solid hsla(0,0%,100%,.15);border-radius:.5rem;background:transparent;color:hsla(0,0%,96%,.8);font-size:.8rem}.song-change:hover{border-color:#ff6b6b;color:#ff6b6b}.success-song{font-weight:600;margin-bottom:.5rem}.success-note{font-size:.85rem;color:hsla(0,0%,96%,.5);margin-top:.5rem}.guest-link{display:inline-block;margin-top:.75rem;color:hsla(0,0%,96%,.6);font-size:.9rem}.guest-link:hover{color:#feca57}.console-page{width:100%;max-width:720px;margin:0 auto;padding:1rem 1rem 4rem;display:flex;flex-direction:column;gap:1rem}.console-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.console-title{font-size:1.35rem;font-weight:700}.console-subtitle{font-size:.85rem;color:hsla(0,0%,96%,.55)}.console-actions{display:flex;gap:.5rem}.console-ghost-button{padding:.45rem .8rem;border:1px solid hsla(0,0%,100%,.15);border-radius:.6rem;background:transparent;color:hsla(0,0%,96%,.8);font-size:.85rem;text-decoration:none;display:inline-flex;align-items:center}.console-ghost-button:hover{border-color:#feca57;color:#feca57}.console-tabs{display:flex;gap:.375rem;overflow-x:auto;padding-bottom:.25rem}.console-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border:1px solid hsla(0,0%,100%,.12);border-radius:999px;background:transparent;color:hsla(0,0%,96%,.7);font-size:.85rem;white-space:nowrap}.console-tab.is-active{border-color:#ff6b6b;background:hsla(0,100%,71%,.12);color:#f5f5f5}.console-count{font-size:.75rem;padding:.05rem .4rem;border-radius:999px;background:hsla(0,0%,100%,.1)}.console-empty{padding:2rem 0;text-align:center;color:hsla(0,0%,96%,.45)}.console-list{list-style:none;gap:.75rem;padding:0}.console-card,.console-list{display:flex;flex-direction:column}.console-card{gap:.6rem;padding:.85rem;border-radius:1rem;border:1px solid hsla(0,0%,100%,.08);background:rgba(26,26,26,.9)}.console-card-head{display:flex;align-items:center;gap:.75rem}.console-message{font-size:.9rem;color:hsla(0,0%,96%,.8);font-style:italic}.console-media{width:100%;max-height:16rem;object-fit:cover;border-radius:.75rem;background:#000}.console-card-actions{display:flex;flex-wrap:wrap;gap:.5rem}.console-approve,.console-reject{padding:.45rem .9rem;border:none;border-radius:.6rem;font-weight:600;font-size:.85rem}.console-approve{background:#2ecc71;color:#08240f}.console-reject{background:hsla(0,100%,71%,.15);color:#ff6b6b;border:1px solid hsla(0,100%,71%,.4)}.console-approve:disabled,.console-reject:disabled{opacity:.5;cursor:not-allowed}.stage{display:flex;flex-direction:column;width:100%;min-height:100vh;background:#000}.stage-player{position:relative;flex:1 1;background:#000;aspect-ratio:16/9}.stage-embed,.stage-embed iframe{width:100%;height:100%;border:0;display:block}.stage-idle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;padding:2rem;background:radial-gradient(circle at center,#1f1f1f,#000 70%)}.stage-idle h2{font-size:1.5rem}.stage-idle p{color:hsla(0,0%,96%,.5)}.stage-side{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:#0b0b0b;border-top:1px solid hsla(0,0%,100%,.08)}.stage-label{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:hsla(0,100%,71%,.9)}.stage-song{font-size:1.5rem;font-weight:700;line-height:1.2}.stage-from{color:hsla(0,0%,96%,.6);font-size:.95rem}.stage-message{font-size:1.1rem;font-style:italic;color:#feca57;line-height:1.4}.stage-photo{width:100%;max-height:14rem;object-fit:cover;border-radius:.75rem}.stage-upnext{gap:.5rem}.stage-upnext,.stage-upnext-list{display:flex;flex-direction:column}.stage-upnext-list{list-style:decimal inside;gap:.35rem;padding:0}.stage-upnext-list li{display:flex;justify-content:space-between;gap:1rem;font-size:.95rem}.stage-upnext-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-upnext-guest{color:hsla(0,0%,96%,.45);white-space:nowrap}.stage-upnext-empty{color:hsla(0,0%,96%,.45);font-size:.95rem}.stage-footer{display:flex;gap:.5rem;margin-top:auto}@media (min-width:1024px){.stage{flex-direction:row}.stage-player{aspect-ratio:auto;height:100vh}.stage-side{width:24rem;flex-shrink:0;height:100vh;overflow-y:auto;border-top:none;border-left:1px solid hsla(0,0%,100%,.08)}.stage-song{font-size:1.9rem}.stage-message{font-size:1.25rem}}.scrapbook-grid{display:grid;grid-template-columns:1fr;grid-gap:.75rem;gap:.75rem}.scrapbook-card{display:flex;flex-direction:column;gap:.6rem;padding:.75rem;border-radius:1rem;border:1px solid hsla(0,0%,100%,.08);background:rgba(26,26,26,.9)}.scrapbook-media{width:100%;border-radius:.75rem;background:#000;display:block}.scrapbook-message{font-size:.95rem;line-height:1.45;color:hsla(0,0%,96%,.9)}.scrapbook-footer{display:flex;flex-direction:column;gap:.15rem}.scrapbook-name{font-weight:600;font-size:.9rem;color:#feca57}.scrapbook-song{font-size:.8rem;color:hsla(0,0%,96%,.45)}@media (min-width:640px){.scrapbook-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.scrapbook-grid{grid-template-columns:repeat(3,1fr)}}.guest-success{text-align:center}.guest-success h1{font-size:2rem;margin-bottom:.5rem}.guest-success p{color:hsla(0,0%,96%,.8)}@media (min-width:640px){.guest-card{padding:2rem}.guest-title{font-size:2rem}}