:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--panel:#111311;--panel-raised:#171a17;--accent:#b8ff4a;--accent-hover:#c5ff6b;--text:#f5f6f1;--muted:#9aa09a;--line:#30352f;--danger:#ff7676}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.page-shell{background:var(--bg);place-items:center;min-height:100vh;padding:1rem;display:grid}.landing{text-align:center}.landing-content{flex-direction:column;align-items:center;display:flex}.landing-brand{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2.25rem;display:flex}.landing-logo{object-fit:contain;width:7.5rem;height:7.5rem}.landing-title{letter-spacing:-.06em;color:var(--text);margin:0;font-size:3.5rem;font-weight:800}.landing-copy{max-width:38rem;color:var(--muted);text-wrap:balance;word-break:keep-all;margin:0 auto;line-height:1.6}.card{border:1px solid var(--line);background:var(--panel);border-radius:1.25rem;width:min(100%,34rem);padding:1.5rem;box-shadow:0 1rem 3rem #00000047}.guest-card h1{margin:.25rem 0 .2rem;font-size:1.35rem}.small-logo{object-fit:contain;width:4rem;height:4rem;margin:0 auto 1rem;display:block}.muted{color:var(--muted)}.hint{margin-bottom:0;font-size:.8rem}.form-row{gap:.5rem;margin-top:1.25rem;display:flex}.stack-form{gap:.5rem;margin-top:1.25rem;display:grid}label{color:var(--text);font-size:.9rem}input{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);background:var(--bg);border-radius:.55rem;outline:none;padding:.7rem .8rem}input:focus{border-color:var(--accent)}.primary-button,.secondary-button,.toolbar-button{border:1px solid var(--line);color:var(--text);background:var(--panel-raised);border-radius:.55rem;padding:.7rem 1rem;font-weight:700;transition:border-color .15s,background .15s,color .15s}.primary-button{border-color:var(--accent);color:var(--bg);background:var(--accent)}.primary-button:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.secondary-button:hover,.toolbar-button:hover{border-color:var(--accent);color:var(--accent)}.create-button{min-width:15rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.host-page{background:var(--bg);flex-direction:column;min-height:100vh;padding:1rem;display:flex}.host-toolbar{justify-content:space-between;align-items:center;gap:1rem;min-height:3rem;margin-bottom:1rem;display:flex}.toolbar-group{align-items:center;gap:.75rem;display:flex}.music-controls{flex-wrap:wrap;justify-content:center}.toolbar-button{padding:.5rem .8rem}.now-playing{text-overflow:ellipsis;white-space:nowrap;max-width:20rem;color:var(--muted);overflow:hidden}.hide-toggle{white-space:nowrap;align-items:center;gap:.25rem;display:flex}.hide-toggle input{width:auto;accent-color:var(--accent)}.beam-stage{border:1px solid var(--line);background:var(--bg);border-radius:1.5rem;flex:1;min-height:calc(100vh - 6rem);position:relative;overflow:hidden}.stage-logo{opacity:.1;width:min(34vw,28rem);height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-item{z-index:1;pointer-events:none;place-items:center;width:18rem;height:18rem;animation:forwards fade-in-out;display:grid;position:absolute}.media-item.message{text-align:center;text-shadow:2px 2px 8px #000;width:auto;max-width:70%;height:auto;font-size:clamp(1.4rem,4vw,4rem);font-weight:800}.media-item.image img{object-fit:contain;width:100%;height:100%}.youtube-player{position:fixed;top:-9999px;left:-9999px}@keyframes fade-in-out{0%{opacity:0;transform:scale(.95)}10%,90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.beam-build-refresh{--beam-build:4}@media (max-width:900px){.host-toolbar{flex-wrap:wrap;align-items:flex-start}.music-controls{order:3;width:100%}}