:root{--bg: #0d1117;--bg-elevated: #161b22;--bg-card: #1c2230;--border: #2d333f;--text: #e6e9ef;--text-muted: #9aa4b2;--accent: #4f8cff;--accent-strong: #2f6fee;--danger: #e5534b;--ok: #3fb950}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button{font:inherit;color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.55rem 1rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent-strong);border-color:var(--accent-strong)}button.primary:hover:not(:disabled){background:var(--accent)}button.leave,button.off{background:var(--danger);border-color:var(--danger)}button.active{border-color:var(--accent);color:var(--accent)}input{font:inherit;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:.55rem .8rem}input:focus{outline:none;border-color:var(--accent)}code{background:var(--bg-elevated);padding:.1rem .4rem;border-radius:4px}.error{color:var(--danger)}.muted{color:var(--text-muted)}.landing{max-width:960px;margin:0 auto;padding:2rem 1.5rem 4rem}.landing-hero{text-align:center;padding:3rem 0 2rem;position:relative}.landing-hero:before{content:"";position:absolute;inset:-2rem -4rem auto;height:420px;background:radial-gradient(ellipse 60% 50% at 30% 20%,rgba(79,140,255,.18),transparent 70%),radial-gradient(ellipse 50% 40% at 75% 35%,rgba(63,185,80,.1),transparent 70%);pointer-events:none;z-index:-1}.logo{font-size:1.4rem;font-weight:800;letter-spacing:.01em;margin-bottom:2.2rem}.logo span{color:var(--accent)}.hero-badge{display:inline-block;border:1px solid var(--border);background:#4f8cff14;color:var(--text-muted);border-radius:999px;padding:.35rem 1rem;font-size:.85rem;margin-bottom:1.4rem}.landing-hero h1{font-size:clamp(2.2rem,5.5vw,3.2rem);line-height:1.12;margin:0 0 1.1rem;letter-spacing:-.02em}.landing-hero h1 em{font-style:normal;display:block;color:var(--accent)}.landing-hero>p{color:var(--text-muted);max-width:560px;margin:0 auto 2rem;line-height:1.65;font-size:1.05rem}button.cta{font-size:1.15rem;padding:.9rem 2.4rem;border-radius:12px;box-shadow:0 8px 30px #2f6fee59}.landing-actions{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-bottom:2rem}.landing-actions .primary{font-size:1.1rem;padding:.8rem 2rem}.lobby-toggle,.device-toggle{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.9rem}.join-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.join-row input{width:min(320px,100%);flex:1 1 220px;max-width:360px}.demo-preview{margin:2.5rem auto 0;max-width:760px}.demo-window{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:.9rem;box-shadow:0 30px 80px #00000073}.demo-stage{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;position:relative}.demo-tile{border-radius:12px;height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;position:relative;border:2px solid transparent}.demo-tile-a{background:linear-gradient(135deg,#1c2c4a,#14203a)}.demo-tile-b{background:linear-gradient(135deg,#173a2c,#122337)}.demo-speaking{border-color:var(--ok)}.demo-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;letter-spacing:.03em;background:#4f8cff2e;color:#aecbff}.demo-tile-b .demo-avatar{background:#3fb95029;color:#8fdba2}.demo-name{position:absolute;left:.7rem;bottom:.6rem;background:#0000008c;border-radius:6px;padding:.12rem .5rem;font-size:.82rem}.demo-stats{position:absolute;top:.7rem;right:.7rem;background:#0d1117e0;border:1px solid var(--border);border-radius:10px;padding:.6rem .8rem;font-size:.78rem;min-width:170px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.demo-stats>div{display:flex;justify-content:space-between;gap:1rem;margin-top:.25rem}.demo-stats>div span:first-child{color:var(--text-muted)}.demo-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;padding-top:.8rem}.demo-pill{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.35rem .8rem;font-size:.85rem}.demo-pill-red{background:var(--danger);border-color:var(--danger)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:3.5rem 0}.feature{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.4rem;display:flex;flex-direction:column;gap:.5rem;transition:transform .15s ease,border-color .15s ease}.feature:hover{transform:translateY(-3px);border-color:var(--accent)}.feature-icon{width:28px;height:28px;color:var(--accent);margin-bottom:.2rem}.steps{margin:3.5rem 0;text-align:center}.steps h2{font-size:1.6rem;margin-bottom:1.4rem}.steps-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;text-align:left}.steps-list li{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.4rem;display:flex;flex-direction:column;gap:.5rem}.steps-list li>span:last-child{color:var(--text-muted);font-size:.92rem;line-height:1.55}.step-number{width:30px;height:30px;border-radius:50%;background:#4f8cff1f;border:1px solid var(--accent);color:var(--accent);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.95rem}.compare{margin:3.5rem 0;text-align:center}.compare h2,.community h2,.faq h2{font-size:1.6rem;margin-bottom:1.4rem}.compare-table-wrap{overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden;font-size:.95rem}.compare-table th,.compare-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border);text-align:left}.compare-table td:first-child{color:var(--text-muted)}.compare-table th.highlight-col,.compare-table td.highlight-col{background:#4f8cff17;font-weight:600;text-align:center}.compare-table th:last-child,.compare-table td:last-child{color:var(--text-muted);text-align:center}.compare-table tr:last-child td{border-bottom:none}.community{margin:3.5rem 0;text-align:center}.community>p{color:var(--text-muted);max-width:640px;margin:0 auto 2rem;line-height:1.7;font-size:1.05rem}.community-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;text-align:left}.community-points>div{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.4rem;display:flex;flex-direction:column;gap:.5rem}.community-points span{color:var(--text-muted);font-size:.92rem;line-height:1.55}.community-points a{color:var(--accent)}.faq{margin:3.5rem auto;max-width:700px}.faq h2{text-align:center}.faq details{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:.9rem 1.2rem;margin-bottom:.6rem}.faq summary{cursor:pointer;font-weight:600}.faq details[open] summary{color:var(--accent)}.faq details p{color:var(--text-muted);line-height:1.6;margin:.7rem 0 .2rem}.faq a{color:var(--accent)}.feature span{color:var(--text-muted);font-size:.92rem;line-height:1.5}.brand-cards{margin-top:3rem;text-align:center}.brand-cards-intro{color:var(--text-muted);margin-bottom:1.5rem}.brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.brand-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.2rem;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:.5rem;transition:border-color .15s ease}.brand-card:hover{border-color:var(--accent)}.brand-card span{color:var(--text-muted);font-size:.9rem;line-height:1.5}.brand-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.5rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.9rem}.brand-footer a{color:var(--accent);text-decoration:none}.legal-page{max-width:720px;margin:0 auto;padding:2rem 1.5rem 4rem;line-height:1.65}.legal-page h1{margin-top:1rem}.legal-page h2{margin-top:2rem;font-size:1.1rem}.legal-page p{color:var(--text-muted)}.legal-back{margin-bottom:1rem}.centered-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;gap:1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;width:100%;max-width:420px;display:flex;flex-direction:column;gap:.9rem}.card h2{margin:0}.slug-label{color:var(--text-muted);margin:0}.host-badge{margin-left:.6rem;background:var(--accent-strong);border-radius:6px;padding:.1rem .5rem;font-size:.8rem}.leave-actions{display:flex;gap:.6rem}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite;margin:.5rem auto}@keyframes spin{to{transform:rotate(360deg)}}.meeting{height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative}.audio-sink{display:none}.knock-banner{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;gap:.5rem}.knock-entry{background:var(--bg-card);border:1px solid var(--accent);border-radius:10px;padding:.6rem 1rem;display:flex;align-items:center;gap:.8rem}.stage{flex:1;position:relative;overflow:hidden;padding:.8rem}.stage.with-chat{margin-right:320px}.stage-message{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-size:1.1rem;gap:.3rem}.gallery{height:100%;display:grid;gap:.8rem;grid-template-columns:1fr}.gallery-2,.gallery-3,.gallery-4{grid-template-columns:1fr 1fr}.gallery-5,.gallery-6,.gallery-7,.gallery-8,.gallery-9{grid-template-columns:repeat(3,1fr)}.screen-layout{height:100%;display:flex;gap:.8rem}.screen-main{flex:1;display:grid;gap:.8rem}.screen-strip{width:200px;display:flex;flex-direction:column;gap:.8rem;overflow-y:auto}.video-tile{position:relative;background:var(--bg-elevated);border:2px solid transparent;border-radius:12px;overflow:hidden;min-height:120px}.video-tile.speaking{border-color:var(--ok)}.video-tile.small{height:120px;flex-shrink:0}.video-tile video{width:100%;height:100%;display:block}.tile-label{position:absolute;left:.6rem;bottom:.5rem;background:#0000008c;border-radius:6px;padding:.15rem .5rem;font-size:.82rem}.stats-panel{position:absolute;top:1rem;right:1rem;background:#0d1117d9;border:1px solid var(--border);border-radius:10px;padding:.8rem 1rem;font-size:.85rem;min-width:180px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stats-panel dl{margin:.6rem 0 0;display:flex;flex-direction:column;gap:.3rem}.stats-panel dl div{display:flex;justify-content:space-between;gap:1rem}.stats-panel dt{color:var(--text-muted)}.stats-panel dd{margin:0;font-variant-numeric:tabular-nums}.chat-panel{position:absolute;top:0;right:0;bottom:64px;width:320px;background:var(--bg-elevated);border-left:1px solid var(--border);display:flex;flex-direction:column;z-index:10}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid var(--border)}.chat-messages{flex:1;overflow-y:auto;padding:.8rem 1rem;display:flex;flex-direction:column;gap:.6rem}.chat-message{display:flex;flex-direction:column;background:var(--bg-card);border-radius:10px;padding:.5rem .7rem;max-width:90%;align-self:flex-start}.chat-message.own{align-self:flex-end;background:var(--accent-strong)}.chat-author{font-size:.78rem;color:var(--text-muted)}.chat-message.own .chat-author{color:#ffffffbf}.chat-text{word-break:break-word}.chat-time{font-size:.7rem;color:var(--text-muted);align-self:flex-end}.chat-message.own .chat-time{color:#ffffffa6}.chat-input{display:flex;gap:.5rem;padding:.8rem 1rem .4rem}.chat-input input{flex:1}.chat-hint{margin:0;padding:0 1rem .8rem;font-size:.75rem;color:var(--text-muted)}.controls{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:var(--bg-elevated);border-top:1px solid var(--border);gap:1rem;z-index:15}.controls-left,.controls-center,.controls-right{display:flex;align-items:center;gap:.5rem}.meeting-code{font-family:ui-monospace,monospace;color:var(--text-muted)}.participant-count{color:var(--text-muted)}.admin{max-width:1100px;margin:0 auto;padding:1.5rem}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.admin-header h1{margin:0;font-size:1.5rem}.admin-header>div{display:flex;align-items:center;gap:.7rem;color:var(--text-muted)}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-dot.ok{background:var(--ok)}.status-dot.bad{background:var(--danger)}.admin-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.3rem}.stat-value{font-size:1.8rem;font-weight:700;font-variant-numeric:tabular-nums}.stat-label{color:var(--text-muted);font-size:.85rem}.admin-section{margin-bottom:2rem}.admin-section h2{font-size:1.1rem}.admin-room{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:.6rem .9rem;margin-bottom:.6rem}.admin-room-row{display:flex;align-items:center;gap:1rem}.admin-room-row .muted{flex:1}button.link{background:none;border:none;padding:.2rem;color:var(--text);cursor:pointer}button.danger{background:transparent;border-color:var(--danger);color:var(--danger);padding:.3rem .7rem;font-size:.85rem}button.danger:hover{background:var(--danger);color:var(--text)}.admin-table{width:100%;margin-top:.6rem;border-collapse:collapse;font-size:.9rem}.admin-table th{text-align:left;color:var(--text-muted);font-weight:500;padding:.3rem .5rem;border-bottom:1px solid var(--border)}.admin-table td{padding:.4rem .5rem;border-bottom:1px solid var(--border)}.track-chip{display:inline-flex;align-items:center;gap:.25rem;background:var(--bg-elevated);border-radius:6px;padding:.1rem .45rem;margin-right:.35rem;font-size:.85rem}.track-chip.muted-track{opacity:.55}.track-chip .link{color:var(--accent);font-size:.8rem}.admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.activity-chart{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem}.activity-chart svg{width:100%;height:auto;display:block}.chart-label{fill:var(--text-muted);font-size:10px}.chart-value{fill:var(--text);font-size:10px}.chart-legend{display:flex;gap:1.5rem;margin-top:.6rem;font-size:.85rem;color:var(--text-muted);flex-wrap:wrap}.legend-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:.3rem}.session-filters{display:flex;gap:.5rem}.session-filters input[type=date]{color-scheme:dark}.live-badge{background:var(--ok);color:#04250d;border-radius:6px;padding:.05rem .45rem;font-size:.8rem;font-weight:600}.admin-events{display:flex;flex-direction:column;gap:.25rem;max-height:320px;overflow-y:auto}.admin-event{display:grid;grid-template-columns:80px 180px 1fr 1fr;gap:.7rem;font-size:.88rem;padding:.25rem .4rem;border-bottom:1px solid var(--border)}.event-badge{font-family:ui-monospace,monospace;font-size:.8rem}.event-participant_joined,.event-room_started{color:var(--ok)}.event-participant_left,.event-room_finished{color:var(--danger)}@media (max-width: 800px){.meeting-code{display:none}.controls{height:auto;flex-wrap:wrap;justify-content:center;padding:.5rem .6rem calc(.5rem + env(safe-area-inset-bottom));gap:.4rem}.controls button{padding:.5rem .7rem;font-size:.88rem}.controls-left,.controls-center,.controls-right{gap:.4rem;flex-wrap:wrap;justify-content:center}.participant-count{font-size:.88rem}.stage{padding:.5rem}.stage.with-chat{margin-right:0}.chat-panel{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;z-index:40;border-left:none;padding-bottom:env(safe-area-inset-bottom)}.stats-panel{top:.5rem;right:.5rem;padding:.5rem .7rem;font-size:.75rem;min-width:140px}.knock-banner{width:calc(100% - 1.2rem)}.knock-entry{flex-wrap:wrap;justify-content:center;font-size:.9rem}.screen-layout{flex-direction:column}.screen-strip{width:auto;flex-direction:row;overflow-x:auto;overflow-y:hidden}.video-tile.small{height:90px;width:120px}.tile-label{font-size:.72rem}.gallery-2,.gallery-3,.gallery-4,.gallery-5,.gallery-6,.gallery-7,.gallery-8,.gallery-9{grid-template-columns:1fr;overflow-y:auto}.gallery .video-tile{min-height:200px}}@media (max-width: 640px){.landing{padding:1.2rem 1rem 3rem}.landing-hero{padding-top:1.5rem}.demo-tile{height:130px}.demo-avatar{width:48px;height:48px;font-size:1rem}.demo-stats{position:static;grid-column:1 / -1;order:3;min-width:0}.demo-controls .demo-pill{font-size:.75rem;padding:.25rem .55rem}.compare-table{font-size:.82rem}.compare-table th,.compare-table td{padding:.55rem .6rem}.card{padding:1.4rem}.centered-page{justify-content:flex-start;padding-top:3rem}.legal-page{padding:1.2rem 1rem 3rem}.admin{padding:1rem}.admin-header{flex-direction:column;align-items:flex-start;gap:.6rem}.admin-room-row{flex-wrap:wrap}.admin-table{display:block;overflow-x:auto}.admin-event{grid-template-columns:64px 1fr}.session-filters{flex-wrap:wrap}}