:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0c10;--panel:#15161b;--panel-soft:#101116;--panel-hover:#1b1d23;--text:#f4f4f5;--muted:#92939a;--faint:#5e6068;--line:#24262e;--line-soft:#1a1c22;--green:#56d142;--green-soft:#56d14226;--danger:#d63d3d;--shadow:0 24px 70px #0000006b;--radius:8px;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-width:20rem;min-height:100vh;color:var(--text);background:linear-gradient(120deg, #ffffff08, transparent 38%), linear-gradient(180deg, #101116 0%, var(--bg) 42%, #08090c 100%);font-family:var(--font);margin:0;line-height:1.45}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{line-height:1.1}fieldset{border:0;min-width:0;margin:0;padding:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--green);outline-offset:3px}.app-shell{min-height:100vh;padding:1.35rem}.screen{border:1px solid var(--line);background:#0a0b0fd1;border-radius:14px;min-height:calc(100vh - 2.7rem);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.screen:before{pointer-events:none;content:"";background:linear-gradient(90deg,#ffffff08,#0000 18% 82%,#ffffff08),repeating-linear-gradient(90deg,#0000 0 4.8rem,#ffffff04 4.85rem 4.9rem);position:absolute;inset:0}.home-page{flex-direction:column;justify-content:center;align-items:center;padding:clamp(1.2rem,4vw,2.2rem);display:flex}.home-hero{z-index:1;text-align:center;margin-top:0}.join-card{z-index:1;width:min(100%,21rem);margin-top:1.5rem}.room-page{grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;padding:clamp(1.6rem,4vw,2.4rem);display:grid}.room-card{z-index:1;width:min(100%,22rem);margin-bottom:clamp(1.8rem,4vw,3rem)}.participant-list{z-index:1;flex-wrap:wrap;justify-content:center;align-self:center;align-items:center;gap:1.25rem;width:min(100%,42rem);margin:0;padding:0;list-style:none;display:flex}.control-dock{z-index:1;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#14151ae0;align-items:center;gap:.7rem;margin-top:clamp(1.8rem,4vw,3rem);margin-bottom:clamp(.8rem,3vw,1.5rem);padding:.65rem;display:flex}.message{z-index:2;width:min(100%,34rem);margin:1rem auto 0}@media (width<=46rem){.app-shell{padding:.6rem}.screen{border-radius:12px;min-height:calc(100vh - 1.2rem);overflow-y:auto}.home-page{justify-content:center;padding:1rem .85rem 1.25rem}.room-page{padding:.85rem}.join-card{margin-top:1.2rem}.participant-list{gap:.85rem;width:100%}.control-dock{margin-top:1.2rem;margin-bottom:.4rem}}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#18191ff5,#121318f5)}.brand{align-items:center;gap:.55rem;font-weight:700;display:inline-flex}.brand img{filter:invert();object-fit:contain;width:1.55rem;height:1.55rem}.brand--small{color:#f1f1f3;font-size:.9rem}label,.label{color:var(--muted);margin:0 0 .4rem;font-size:.75rem;display:block}input[type=text]{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:2.65rem;color:var(--text);background:var(--panel-soft)}input[type=text]::placeholder{color:#777981}.button,.icon-button{border-radius:var(--radius);cursor:pointer;border:1px solid #0000}.button{min-height:2.7rem;font-weight:750}.button:disabled,.icon-button:disabled{cursor:wait;opacity:.55}.button--primary{color:#202124;background:#f4f4f5;width:100%}.button--secondary{color:var(--text);background:var(--panel-hover)}.icon-button{border-color:var(--line-soft);background:var(--panel-hover);place-items:center;width:3rem;height:3rem;font-size:1.05rem;display:grid}.icon-button img{filter:invert();width:1.25rem;height:1.25rem}.icon-button--danger{background:var(--danger);border-color:#d63d3d73}.message--error{border-radius:var(--radius);color:#ffd9d9;background:#d63d3d1f;border:1px solid #d63d3d59;padding:.8rem 1rem}.hero-logo{filter:invert();width:clamp(4rem,9vw,5rem);height:clamp(4rem,9vw,5rem);margin-bottom:.55rem}.home-hero h1{letter-spacing:0;margin-bottom:0;font-size:clamp(2.5rem,6vw,3.35rem);font-weight:650}.join-card{padding:1.45rem 1.65rem 1.55rem}.profile-input{min-height:2rem;padding:0;font-weight:700;background:0 0!important;border:0!important}.emoji-picker{grid-template-columns:repeat(6,1fr);gap:.55rem;margin:.9rem 0 1.55rem;display:grid}.emoji-picker label{cursor:pointer;margin:0}.emoji-picker input{opacity:0;pointer-events:none;position:absolute}.emoji-picker span{aspect-ratio:1;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel-soft);place-items:center;min-width:0;font-size:1.35rem;display:grid}.emoji-picker input:checked+span{border-color:var(--green);background:var(--green-soft);box-shadow:0 0 16px #56d1422e}.prejoin-microphone{border:1px solid var(--line-soft);border-radius:var(--radius);width:100%;min-height:2.65rem;color:var(--text);background:var(--panel-hover);cursor:pointer;justify-content:center;align-items:center;gap:.55rem;margin-bottom:.85rem;font-weight:700;display:flex}.prejoin-microphone[data-enabled=true]{background:var(--green-soft);border-color:#56d14273}.prejoin-microphone img{filter:invert();width:1.15rem;height:1.15rem}.inline-form{grid-template-columns:minmax(0,1fr) 5.8rem;gap:.65rem;display:grid}.code-input{text-transform:uppercase;letter-spacing:0;padding:.65rem .85rem;font-weight:650}.divider{color:var(--faint);align-items:center;gap:.7rem;margin:.95rem 0;font-size:.72rem;display:flex}.divider:before,.divider:after{background:var(--line);content:"";flex:1;height:1px}.download-link{z-index:1;color:#e7e7e9;justify-items:center;font-size:.86rem;display:grid;position:absolute;bottom:clamp(1.4rem,5vw,2.2rem)}.download-link span{font-size:1.5rem;line-height:1}.download-link small{color:var(--muted)}@media (width<=30rem){.hero-logo{width:4rem;height:4rem;margin-bottom:.35rem}.home-hero h1{font-size:2.45rem}.join-card{padding:1.15rem}.emoji-picker{grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:1.2rem}.inline-form{grid-template-columns:1fr}.download-link{margin-top:1.4rem;position:static}}@media (height<=42rem) and (width<=46rem){.home-page{justify-content:flex-start}.hero-logo{width:3.4rem;height:3.4rem}.home-hero h1{font-size:2.1rem}.join-card{margin-top:.85rem}}.room-card{grid-template-columns:1fr auto;gap:1.15rem 1.6rem;padding:1.15rem 1.25rem;display:grid}.room-card .brand,.room-card .room-health{grid-column:1/-1}.room-code-row,.room-health,.mini-profile{align-items:center;display:flex}.room-code-row{gap:.55rem}.room-code{letter-spacing:0;margin:0;font-size:1.45rem;font-weight:650}.mini-profile{gap:.45rem;margin:0;font-size:.86rem}.mini-profile span{font-size:1.25rem}.room-health{justify-content:space-between;gap:.75rem}.status{color:var(--muted);align-items:center;gap:.45rem;font-size:.72rem;display:inline-flex}.status:before{background:var(--faint);content:"";border-radius:50%;width:.55rem;height:.55rem}.status[data-status=connected]{color:#c6eec0}.status[data-status=connected]:before{background:var(--green);box-shadow:0 0 12px #56d142b3}.status[data-status=error]:before{background:var(--danger)}.room-ping{color:var(--muted);font-size:.72rem}.participant{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#18191ff5,#121318f5);flex:0 0 10.2rem;align-content:center;justify-items:center;gap:.25rem;width:10.2rem;height:10.2rem;padding:.85rem;display:grid}.participant--speaking{border-color:var(--green);box-shadow:0 0 24px #56d1422e}.participant__avatar{place-items:center;width:3.8rem;height:3.8rem;font-size:3rem;display:grid}.participant__details{justify-items:center;gap:.18rem;min-width:0;display:grid}.participant__details strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1rem;font-weight:600;overflow:hidden}.participant__details small{color:var(--muted);font-size:.76rem}.participant__muted{filter:invert(30%)sepia(92%)saturate(1931%)hue-rotate(337deg)brightness(91%)contrast(92%);width:1.05rem;height:1.05rem}.room-code-row .icon-button{width:1.8rem;height:1.8rem;color:var(--muted);font-size:.9rem}@media (width<=30rem){.room-card{grid-template-columns:minmax(0,1fr) auto;gap:.9rem 1rem;width:100%;padding:1rem}.room-code{font-size:1.35rem}.mini-profile{justify-content:flex-end}.room-health{flex-wrap:wrap}.participant{flex-basis:8.8rem;width:8.8rem;height:8.8rem;padding:.7rem}.participant__avatar{width:3.2rem;height:3.2rem;font-size:2.55rem}.participant__details strong{font-size:.95rem}.control-dock{justify-content:center;padding:.55rem}.control-dock .icon-button{width:2.75rem;height:2.75rem}}@media (width<=22rem){.room-card{grid-template-columns:1fr}.mini-profile{justify-content:flex-start}}