.app-main{width:min(46rem,100% - 6rem);min-height:calc(100vh - 15rem);padding-block:2.5rem 4rem}.intro{color:var(--ivory);background:var(--surface);border-radius:var(--ld-radius-panel);padding:3rem}h1{max-width:20ch;color:var(--champagne);margin-bottom:1.25rem;font-size:clamp(2.5rem,4.7vw,3.5rem);line-height:1.12}h2{overflow-wrap:anywhere;margin-bottom:1rem;font-size:1.55rem;line-height:1.15}.lead{color:#f2efe6d1;max-width:65ch;margin-bottom:1.5rem}.intro :focus-visible{outline-color:var(--champagne)}.muted{color:var(--muted)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.35rem;height:1.35rem}.notice{border:1px solid var(--line);border-left:4px solid var(--olive);border-radius:var(--ld-radius-control);background:var(--surface);overflow-wrap:anywhere;margin:0 0 1rem;padding:.85rem 1rem;font-size:.9rem}.notice[data-kind=error]{border-left-color:#d98b7a}.notice[data-kind=warn]{border-left-color:var(--champagne)}.banner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.hint{color:var(--muted);margin:.75rem 0 0;font-size:.8rem}#join-note{margin-top:1rem}.room{display:block}.room-bar{justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;margin-bottom:1rem;display:flex}.room-state{align-items:center;gap:.6rem;font-size:.85rem;font-weight:600;display:inline-flex}.room-state:before{content:"";background:var(--muted);border-radius:50%;width:.65rem;height:.65rem}.room-state[data-state=connected]:before{background:#8fbf5a}.room-state[data-state=reconnecting]:before,.room-state[data-state=connecting]:before{background:var(--champagne)}.room-state[data-state=disconnected]:before{background:#d98b7a}.room.offline .people,.room.offline .chat{opacity:.5}.controls{grid-template-columns:1fr auto;gap:.75rem;display:grid}.control{border:1px solid var(--champagne);border-radius:var(--ld-radius-control);min-height:3.5rem;color:var(--anthracite);background:var(--champagne);justify-content:center;align-items:center;gap:.6rem;padding:.5rem 1.25rem;font-size:1rem;font-weight:600;display:inline-flex}.control.off{color:var(--ivory);background:0 0}.control-leave{color:var(--ivory);border-color:var(--line);background:0 0}.control-icon{display:inline-flex}.chip{border:1px solid var(--line);border-radius:var(--ld-radius-control);min-height:2.75rem;color:var(--ivory);background:0 0;justify-content:center;align-items:center;padding:.4rem .9rem;font-size:.85rem;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--champagne)}.chip[aria-pressed=true]{border-color:var(--champagne);color:var(--champagne)}.chip-primary{color:var(--anthracite);background:var(--champagne);border-color:var(--champagne)}.chip-danger{color:#f0b8aa;border-color:#d98b7a}.panel-title{margin:2rem 0 .75rem}.people{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.person{border-bottom:1px solid var(--line);padding:.9rem 0}.person-main{align-items:center;gap:.85rem;min-height:2.75rem;display:flex}.avatar{width:2.75rem;height:2.75rem;color:var(--ivory);background:var(--olive-dark);transition:border-color var(--ld-motion-duration) var(--ld-motion-ease), box-shadow var(--ld-motion-duration) var(--ld-motion-ease);border:2px solid #0000;border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.person.speaking .avatar{border-color:var(--champagne);box-shadow:0 0 0 4px #d8c28a40}.person-label{flex-wrap:wrap;flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.person-name{overflow-wrap:anywhere;font-weight:600}.badge{color:var(--anthracite);background:var(--champagne);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:700}.person-mic{color:var(--muted);display:inline-flex}.person:not(.mic-off) .person-mic{color:#8fbf5a}.person.mic-off .person-mic{color:#d98b7a}.person-actions{align-items:center;gap:.75rem;margin-top:.6rem;padding-left:3.6rem;display:flex}.person-actions input[type=range]{min-height:2.75rem;accent-color:var(--champagne);background:0 0;border:0;flex:1;padding:0}.admin-controls{margin-top:.5rem;padding-left:3.6rem}.admin-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.admin-confirm{gap:.6rem;margin-top:.6rem;display:grid}.admin-confirm p{margin:0;font-weight:600}.admin-confirm .admin-buttons button{width:auto;min-height:2.75rem;color:var(--ivory);border-color:var(--line);background:0 0;padding:.4rem .9rem;font-size:.85rem}.admin-confirm .admin-buttons .chip-danger{color:#f0b8aa;border-color:#d98b7a}.bans{border:1px solid var(--line);border-radius:var(--ld-radius-control);margin-top:1.5rem;padding:0 1rem}.bans summary{cursor:pointer;align-items:center;min-height:3rem;font-weight:600;display:flex}.bans-list{margin:0;padding:0 0 .5rem;list-style:none}.ban-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.ban-info{overflow-wrap:anywhere;min-width:0;display:grid}.chat-log{border:1px solid var(--line);border-radius:var(--ld-radius-control);background:var(--surface);overscroll-behavior:contain;height:min(22rem,40vh);margin:0 0 .75rem;padding:.75rem 1rem;list-style:none;overflow-y:auto}.chat-message{overflow-wrap:anywhere;padding:.3rem 0}.chat-author{color:var(--champagne);margin-right:.5rem}.chat-message.own .chat-author{color:var(--ivory)}.chat-form{gap:.5rem;display:flex}.chat-form input{flex:1;font-size:1rem}.chat-form button{flex:none;width:auto}@media (width<=52rem){.app-main{width:calc(100% - 2rem);padding-top:1.5rem}}@media (width<=40rem){.app-main{width:calc(100% - 2rem);padding-block:1rem 2rem}.intro{padding:1.5rem}h1{font-size:2.25rem}.banner{flex-direction:column;align-items:stretch}.person-actions,.admin-controls{padding-left:0}.chat-form button{min-width:6rem}}@media (prefers-reduced-motion:reduce){.avatar{transition:none}}