:root{color-scheme:dark;font-family:Avenir Next,Segoe UI,ui-sans-serif,system-ui,sans-serif;color:#edece6;background:#0b1014;font-synthesis:none;text-rendering:optimizeLegibility;line-height:1.6;--bg: #0b1014;--surface: #141c22;--surface-raised: #1b252c;--text: #edece6;--muted: #a3b1b7;--accent: #b6e5cb;--accent-ink: #122d25;--border: #2d3b42;--danger: #ffb4b0;--radius: 24px;--shadow: 0 24px 70px #00000026}*{box-sizing:border-box}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 15% 12%,#24483d30,transparent 48%),radial-gradient(ellipse at 90% 30%,#38405f20,transparent 45%),var(--bg)}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;justify-content:center;align-items:center;gap:.55rem;min-height:44px;padding:.7rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--surface-raised);color:var(--text);font-size:.875rem;font-weight:600;line-height:1.35;text-decoration:none;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}button:hover:not(:disabled),.button:hover{background:#27363e;border-color:#647c80}button:active:not(:disabled),.button:active{transform:translateY(1px)}button:disabled{color:#839198;background:#172026;border-color:#29353c;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}a{color:var(--accent);text-underline-offset:4px}.icon{width:20px;height:20px;flex:0 0 auto;vertical-align:middle}.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 4px 20px #b6e5cb0a}.primary:hover:not(:disabled){background:#d0f3dd;border-color:#d0f3dd;box-shadow:0 4px 24px #b6e5cb20}.danger{color:var(--danger);border-color:#694046;background:#43282f}.danger:hover:not(:disabled){background:#5b3039;border-color:#a4666a}.inline{display:inline;min-height:44px;padding:.5rem 0;border:0;border-radius:3px;background:none;color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-size:inherit;font-weight:500}.inline:hover:not(:disabled){background:none;color:#dbf9e7}.icon-button{width:44px;padding:.6rem;border-radius:50%;flex-shrink:0}.muted,small{color:var(--muted);font-size:.8rem;line-height:1.65}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:1rem;z-index:50;padding:1rem;background:var(--accent);color:var(--accent-ink);border-radius:12px}.skip-link:focus{top:1rem}header{max-width:1600px;margin:auto;padding:30px clamp(20px,5vw,80px);display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.wordmark{display:inline-flex;align-items:center;gap:13px;text-decoration:none;color:var(--text)}.brand-mark{width:42px;height:42px;color:var(--accent);flex-shrink:0}.brand-text{font-size:1.35rem;font-weight:750;line-height:1.2;letter-spacing:.15em}.brand-text>span{display:block;font-size:.63rem;font-weight:400;letter-spacing:.1em;color:var(--muted);margin-top:5px}header nav{display:flex;gap:.4rem}.nav-button{background:transparent;border-color:transparent;color:var(--muted);font-weight:500}.nav-button .icon{width:17px;height:17px}main{max-width:1600px;margin:0 auto;padding:2.5rem clamp(20px,5vw,80px);min-height:calc(100svh - 206px)}main:focus,.room-heading h1:focus{outline:none}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:1.4rem 0;font-size:clamp(3.5rem,6.7vw,7rem);letter-spacing:-.065em;font-weight:550;line-height:1.03;white-space:pre-line}h2{font-size:1.1rem;letter-spacing:-.025em;font-weight:600;line-height:1.4;margin:0 0 .8rem;display:flex;align-items:center;gap:.6rem}h2 .icon{color:var(--accent);width:19px;height:19px}h3{font-size:1.1rem;font-weight:600;margin:1.5rem 0 .5rem}.eyebrow{display:flex;align-items:center;gap:.7rem;font-size:.75rem;font-weight:650;letter-spacing:.18em;color:var(--accent)}.presence-dot{width:6px;height:6px;display:inline-block;flex-shrink:0;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #b6e5cb0b}.landing{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:clamp(2rem,8vw,9rem);align-items:center;padding:3vh 0 6vh}.hero-copy{max-width:690px}.hero-tagline{color:var(--accent);font-size:clamp(1.1rem,2vw,1.6rem);letter-spacing:-.03em;margin:1.8rem 0 .8rem}.lead{color:#b8c2c6;max-width:440px;font-size:1.025rem;line-height:1.85}.hero-action{display:none}.hero-moment{display:flex;align-items:center;gap:1rem;margin:2.2rem 0}.moment-avatars{display:flex;padding-left:0}.moment-avatars>span{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;border:3px solid #10191d;background:#384f4b;color:#c0e2ce}.moment-avatars>span+span{margin-left:-12px}.moment-avatars>span:nth-child(2){background:#3c3f50;color:#c5c8e4}.moment-avatars>span:nth-child(3){background:#4f4037;color:#e1c8b6}.moment-avatars>span:last-child{background:#1c282d;color:#93a8ac}.hero-moment strong{display:block;font-size:.8rem;font-weight:550}.hero-moment>div>span{color:var(--muted);font-size:.75rem}.benefits{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin:2rem 0 1rem;padding:1.2rem 0 0;border-top:1px solid var(--border);list-style:none}.benefits li{display:flex;align-items:center;gap:.45rem;color:#bcc8cb;font-size:.72rem}.benefits .icon{width:15px;height:15px;color:var(--accent)}.hero-copy>.muted{max-width:450px;font-size:.71rem}.card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,#1b252bea,#121b21f5);padding:1.4rem;box-shadow:var(--shadow);min-width:0}.join-card{position:relative;display:grid;gap:1.15rem;padding:clamp(1.5rem,3vw,2.5rem);border-color:#3d514f;box-shadow:0 35px 90px #00000035,0 0 65px #a2dfc208}.join-card:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#b6e5cb,transparent)}.join-heading{display:flex;align-items:center;gap:1rem}.surface-icon{display:inline-grid;place-items:center;width:48px;height:48px;border:1px solid #41584f;border-radius:16px;color:var(--accent);background:linear-gradient(135deg,#b6e5cb12,#b6e5cb02);flex-shrink:0}.join-heading .eyebrow{font-size:.7rem}.join-card h2{font-size:1.7rem;margin:.25rem 0 -.85rem;letter-spacing:-.045em}.join-card>p{margin:0}.join-intro{color:var(--muted);font-size:.83rem}.join-card>.primary{min-height:54px;margin-top:.2rem;flex-direction:row-reverse;justify-content:space-between;padding:.8rem 1.2rem}.local-note{border-left:2px solid #617677;padding:.3rem 0 .3rem .8rem;color:var(--muted);font-size:.75rem;line-height:1.6}label{display:grid;gap:.55rem;font-size:.78rem;font-weight:550;color:#cdd5d6}.field-label{display:flex;align-items:center;gap:.45rem}.field-label .icon{width:16px;height:16px;color:#8fa7a1}input,select,textarea{width:100%;min-width:0;border:1px solid #60757b;border-radius:12px;padding:.85rem 1rem;background:#0d161b;color:var(--text);font-size:1rem;transition:border-color .18s,box-shadow .18s}input::placeholder,textarea::placeholder{color:#7f929b}input:hover,select:hover,textarea:hover{border-color:#678078}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b6e5cb08}textarea{resize:vertical;min-height:92px;max-height:220px;line-height:1.6}select{cursor:pointer}.room-main{padding-top:1rem}.room-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.room-heading h1{font-size:clamp(1.65rem,3vw,2.6rem);margin:.5rem 0 0;letter-spacing:-.045em}.room-heading .eyebrow{font-size:.7rem}.badge{display:inline-flex;gap:.55rem;align-items:center;border:1px solid #3c5049;border-radius:30px;padding:.28rem .7rem;color:var(--accent);background:#b6e5cb0a;font-size:.75rem;white-space:nowrap}.room-count{padding:.55rem .85rem;font-size:.75rem}.room-count:not([data-status=connected]) .presence-dot{background:#b6b7c6;box-shadow:none}.meeting-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:1.5rem;align-items:start}.call{min-width:0}.meeting-shortcuts{display:flex;justify-content:flex-end;gap:1rem;margin:-.7rem 0 .5rem}.meeting-shortcuts .inline{font-size:.7rem;color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.video-grid.count-1{grid-template-columns:1fr}.tile{position:relative;aspect-ratio:4 / 3;border:1px solid #3b4e50;border-radius:22px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 20%,#314944,#152229 75%)}.tile:nth-child(2){background:radial-gradient(ellipse at 50% 20%,#393d57,#1a212d 75%)}.tile:nth-child(3){background:radial-gradient(ellipse at 50% 20%,#51433d,#24222a 75%)}.tile:nth-child(4){background:radial-gradient(ellipse at 50% 20%,#334a55,#18232b 75%)}.count-1 .tile{aspect-ratio:16 / 10;max-height:550px}.count-3 .tile:first-child{grid-column:1 / -1;aspect-ratio:2.5 / 1}.tile video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.tile[data-camera-off=true] video{opacity:0}.tile-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem}.avatar{display:grid;place-items:center;height:clamp(48px,7vw,94px);width:clamp(48px,7vw,94px);border-radius:50%;border:1px solid #c5e4d42b;background:#d5ebe30b;box-shadow:0 12px 40px #00000013;color:#d9e5de;font-weight:400;font-size:clamp(1.5rem,3vw,2.5rem)}.tile-fallback-label{color:#b4c6c6;font-size:.75rem;letter-spacing:.04em}.tile-caption{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:.7rem;padding:2.4rem 1rem .9rem;background:linear-gradient(transparent,#080f17dc)}.tile-caption strong{min-width:0;font-weight:550;font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;color:#fff}.tile-state{display:inline-flex;align-items:center;gap:.35rem;color:#c1cfd2;font-size:.7rem;flex-shrink:0}.tile-state:before{content:"";width:5px;height:5px;border-radius:50%;background:#e7c18e}.tile-state[data-state=connected]:before{background:var(--accent)}.tile-state[data-state=failed]:before{background:var(--danger)}.tile-device{position:absolute;right:.7rem;top:.7rem;z-index:3;border:1px solid #ffffff25;background:#0c161bcc;padding:.45rem;border-radius:50%;line-height:0;color:#e5eeee}.tile-device .icon{width:15px;height:15px}.play{position:absolute;top:.75rem;left:.75rem;z-index:4;max-width:calc(100% - 4rem);font-size:.7rem;background:#19272df5}.controls{position:sticky;bottom:16px;z-index:8;width:fit-content;max-width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem;margin:1rem auto 1.2rem;padding:.5rem;border:1px solid #43524f;border-radius:22px;background:#1a242bef;box-shadow:0 12px 40px #0005;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dock-control{position:relative;flex-direction:column;gap:.4rem;min-width:62px;min-height:65px;padding:.6rem .65rem;border:1px solid transparent;border-radius:15px;background:transparent}.dock-control .icon{width:22px;height:22px}.dock-label{font-size:.7rem;font-weight:500;white-space:nowrap}.dock-control[aria-pressed=true]{color:#f2c59d;background:#493b30;border-color:#6d5540}.dock-control[aria-expanded=true]{background:#b6e5cb16;color:var(--accent);border-color:#b6e5cb20}.dock-control.danger{background:#4b2e35;color:#ffb9b4}.dock-control.leave-control{color:#f3c5bb}.dock-divider{height:30px;width:1px;margin:0 .2rem;background:#43514f}.dock-tooltip{pointer-events:none;position:absolute;bottom:calc(100% + 13px);left:50%;transform:translate(-50%) translateY(4px);background:#e7eee8;color:#16251f;padding:.45rem .7rem;border-radius:8px;font-size:.7rem;white-space:nowrap;opacity:0;transition:opacity .15s,transform .15s}.dock-control:first-child .dock-tooltip{left:0;transform:translateY(4px)}.dock-control:last-child .dock-tooltip{left:auto;right:0;transform:translateY(4px)}.dock-control:hover .dock-tooltip,.dock-control:focus-visible .dock-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.dock-control:first-child:is(:hover,:focus-visible) .dock-tooltip,.dock-control:last-child:is(:hover,:focus-visible) .dock-tooltip{transform:translateY(0)}.connection-strip{display:flex;gap:.6rem;align-items:center;color:var(--muted);font-size:.7rem;padding:0 .3rem}.connection-strip>.icon{width:16px;height:16px;color:#a6bcb3}.connection-strip p{margin:0;flex:1}.connection-strip .inline{flex-shrink:0;font-size:.7rem}.transport-result{font-size:.75rem;padding:.8rem 1rem;border-radius:12px;background:var(--surface);color:var(--accent)}.room-expiry{display:flex;align-items:start;gap:.5rem;color:var(--muted);font-size:.75rem;padding:0 .3rem}.room-expiry .icon{width:15px;height:15px;margin-top:3px}.invites{margin-top:1.5rem}.invites>p{color:var(--muted);font-size:.8rem;max-width:590px}.invite-create{display:flex;gap:.8rem;align-items:end;margin:1.2rem 0}.invite-create label{flex:1}.invite-create .primary{min-height:50px}.invite-list,.roster{list-style:none;padding:0;margin:0}.invite-list{display:grid;gap:.7rem}.invite-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:#0b141950}.invite-list li>div{flex:1 1 100%}.invite-list strong{font-size:.85rem;font-weight:550;margin-right:.5rem}.invite-list small{display:block;margin-top:.25rem;font-size:.7rem}.invite-list input{flex:1 1 120px;width:120px;min-height:44px;font-size:.8rem;padding:.65rem}.invite-list button{font-size:.7rem}.invite-list .icon{width:16px;height:16px}.invite-status.used,.invite-status.revoked,.invite-status.expired{background:#c7c2da0a;border-color:#55505f;color:#c0bdcc}.empty-state{padding:1rem;border:1px dashed #465b59;border-radius:14px;font-size:.8rem;color:var(--muted)}aside{display:flex;flex-direction:column;gap:1.1rem;min-width:0}.roster-card{padding:1.2rem}.roster li{display:flex;align-items:center;gap:.65rem;margin-top:1rem}.roster-avatar{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:12px;background:#b6e5cb0e;border:1px solid #b6e5cb22;color:var(--accent);font-size:.8rem}.roster-name{min-width:0;flex:1}.roster strong{display:block;font-weight:500;font-size:.78rem;overflow-wrap:anywhere}.roster small{display:block;font-size:.75rem}.roster button{padding:.5rem;width:44px;background:transparent;border-color:transparent;color:#aabbbd;flex-shrink:0}.roster button:hover{color:var(--danger)}.chat{animation:arrive .2s ease-out;padding:1.2rem}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.panel-heading h2{margin:0}.panel-heading .icon-button{background:transparent;border-color:transparent;width:44px;margin-right:-.5rem}.chat>.muted{font-size:.69rem;margin:.4rem 0 0}.messages{height:300px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#49635e transparent;margin:1rem -.25rem;padding:.25rem;border-radius:12px}.chat-empty{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem}.chat-empty .surface-icon{margin-bottom:1rem;width:54px;height:54px;border-radius:20px}.chat-empty strong{font-size:.8rem;font-weight:500}.chat-empty p{font-size:.72rem;color:var(--muted);max-width:180px}.message{max-width:95%;border:1px solid #35454d;border-radius:3px 15px 15px;background:#202c33;padding:.75rem;margin:0 0 .8rem;overflow-wrap:anywhere}.message-self{margin-left:auto;border-radius:15px 3px 15px 15px;background:#263e36;border-color:#466555}.message-meta{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.message strong{color:#c7d8da;font-size:.75rem;font-weight:600}.message-self strong{color:var(--accent)}.message time{font-size:.7rem;color:#a6b8b7;white-space:nowrap}.message p{font-size:.8rem;line-height:1.65;margin:.3rem 0 0;white-space:pre-wrap}.chat form{display:grid;gap:.55rem;border-top:1px solid var(--border);padding-top:1rem}.chat form label{font-size:.7rem}.chat textarea{font-size:1rem;padding:.8rem}.chat form>.primary{justify-self:end;min-height:44px;padding:.65rem .85rem;font-size:.75rem}.chat form small{font-size:.75rem}.chat form small:empty{display:none}.error,.notice{display:flex;align-items:center;gap:.8rem;padding:1rem;border-radius:14px;font-size:.8rem;overflow-wrap:anywhere}.error,[role=alert]{color:#ffd2ca;background:#442d2e;border:1px solid #81524e;padding:1rem;border-radius:14px;font-size:.8rem}.notice{color:#ccead7;background:#233e34;border:1px solid #4a6d58}.notice button{margin-left:auto;flex-shrink:0;width:44px;padding:.5rem;background:transparent;border-color:#638370}.joining-card{max-width:480px;margin:3rem auto;text-align:center;padding:2.5rem}.joining-card h2{justify-content:center;margin-top:1.5rem}.joining-card p{color:var(--muted);font-size:.85rem}.finished-card{max-width:650px;margin:2rem auto 5rem;padding:2.5rem;text-align:center}.finished-card .surface-icon{width:64px;height:64px;margin-bottom:1rem}.finished-card p{color:var(--muted);font-size:.9rem}.finished-card .button{margin:1rem .3rem 0;background:var(--accent);color:var(--accent-ink)}footer{display:flex;justify-content:space-between;gap:1rem;max-width:1600px;margin:auto;padding:1.5rem clamp(20px,5vw,80px);border-top:1px solid #26343b;color:#92a3aa;font-size:.75rem;letter-spacing:.015em}dialog{width:min(700px,calc(100% - 2rem));max-height:min(86svh,850px);padding:0 2rem 2rem;color:var(--text);border:1px solid #4b5f5b;border-radius:26px;background:#141e25;box-shadow:0 35px 120px #0008}dialog[open]{animation:arrive .2s ease-out}dialog::backdrop{background:#03090dda;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-heading{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 0 1rem;margin-bottom:1rem;border-bottom:1px solid var(--border);background:#141e25;z-index:1}.dialog-heading h2{margin:0}.about-dialog{width:min(580px,calc(100% - 1.5rem))}.about-content{text-align:center;padding:.4rem 0 1rem;container-type:inline-size}.about-emblem{width:100px;height:100px;display:grid;place-items:center;margin:auto;border:1px solid #40584e;border-radius:28px;background:radial-gradient(ellipse at top,#314d41,#17262a 75%);box-shadow:0 15px 45px #0004}.about-emblem .brand-mark{width:58px;height:58px}.about-content .eyebrow{justify-content:center;margin:1.6rem 0 .65rem}.about-content .about-name{font-size:clamp(2.2rem,9vw,3.2rem);font-weight:700;letter-spacing:.16em;margin:0;padding-left:.16em}.about-content .about-tagline{color:var(--text);font-size:1.05rem;margin:.5rem 0 1rem}.about-version{display:inline-block;border:1px solid var(--border);border-radius:99px;padding:.3rem .8rem;color:var(--muted);font-size:.75rem}.about-content .about-publisher{margin:1.6rem 0 .55rem;font-size:.85rem;color:var(--muted)}.about-content .creators{white-space:nowrap;font-family:inherit;font-size:clamp(.68rem,3.2vw,1rem);font-size:clamp(.68rem,3.8cqw,1rem);font-weight:500;color:var(--text);letter-spacing:0;margin:0}.about-description{color:var(--muted);line-height:1.7;margin:1.5rem 0}.about-manual{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%}.about-markdown{display:inline-flex;align-items:center;min-height:44px;margin:.4rem 0 .6rem;font-size:.8rem;color:var(--accent)}.about-content .about-privacy{font-size:.75rem;line-height:1.6;color:var(--muted);max-width:42ch;margin:.6rem auto 1.4rem}.about-content>small{color:var(--muted);font-size:.7rem}button.wordmark{background:transparent;border:0;border-radius:10px;padding:.35rem;text-align:left;box-shadow:none}button.wordmark:hover{background:#b6e5cb0a}.manual-nav{display:flex;gap:.5rem;flex-wrap:wrap}.manual-nav button{font-size:.75rem;background:transparent;border-radius:30px}.manual h3{scroll-margin-top:6rem}.manual h3{color:var(--accent);margin-top:2rem;font-size:1rem}.manual p{color:#bfcbce;font-size:.88rem;line-height:1.9}#temporary-chat,#call-controls,#invitation-heading{scroll-margin-top:1rem}.loading-icon{animation:turn 1.5s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1120px){.meeting-layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:start}.controls{bottom:12px}.landing{gap:3rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}h1{font-size:clamp(3.5rem,7vw,5.8rem)}}@media(max-width:760px){header{padding:22px 24px}main{padding:1.5rem 24px 2rem}.landing{grid-template-columns:1fr;gap:2.5rem;padding:1rem 0}.hero-action{display:inline-flex;margin:.8rem 0 .2rem}.hero-copy{max-width:580px}h1{font-size:clamp(3.9rem,13vw,6rem)}.lead{max-width:500px}.hero-moment{margin:1.5rem 0}.hero-copy>.muted{max-width:none}.join-card{max-width:580px;width:100%;padding:1.8rem}.room-main{padding-top:.5rem}.room-heading{margin-bottom:1rem}.room-heading h1{font-size:2rem}aside{grid-template-columns:1fr}.video-grid{gap:.6rem}.tile{border-radius:16px}.tile-caption{padding:2rem .7rem .7rem;flex-direction:column;gap:.2rem;align-items:start}.tile-caption strong{font-size:.75rem}.count-3 .tile:first-child{aspect-ratio:2 / 1}.controls{border-radius:20px;gap:.1rem;padding:.35rem}.dock-control{min-width:54px;padding:.55rem .4rem}.dock-divider{margin:0 .1rem}.connection-strip{flex-wrap:wrap}.connection-strip p{flex-basis:calc(100% - 28px)}.connection-strip .inline{margin-left:25px;padding-top:0}.messages{height:min(340px,45svh)}.chat{scroll-margin-top:1rem}.chat form>.primary{width:100%}footer{padding:1.5rem 24px;flex-wrap:wrap}}@media(max-width:420px){header{padding:20px 16px;gap:.5rem}.brand-mark{width:31px;height:31px}.wordmark{gap:8px}.brand-text{font-size:1.05rem}.brand-text>span{font-size:.7rem}header nav{gap:0}.nav-button{padding:.6rem;font-size:.7rem}.nav-button .icon{display:none}main{padding:1.25rem 16px 2rem}h1{font-size:3.9rem}.eyebrow{font-size:.56rem}.lead{font-size:.92rem}.hero-tagline{margin-top:1.2rem}.hero-moment{gap:.7rem}.moment-avatars>span{width:36px;height:36px}.hero-moment strong{font-size:.75rem}.hero-moment>div>span{font-size:.66rem}.benefits{gap:.6rem .9rem}.benefits li{font-size:.75rem}.card{padding:1.1rem;border-radius:20px}.join-card{padding:1.4rem}.join-card h2{font-size:1.5rem}.room-heading h1{font-size:1.7rem}.tile{aspect-ratio:1 / 1.15}.count-1 .tile{aspect-ratio:4 / 3}.count-3 .tile:first-child{aspect-ratio:1.7 / 1}.tile-caption strong{font-size:.67rem}.tile-caption{padding:2rem .55rem .55rem}.tile-fallback-label{font-size:.7rem}.avatar{width:44px;height:44px}.controls{width:100%;bottom:8px}.dock-control{min-width:56px;flex:1 0 21%;min-height:60px}.dock-divider,.dock-tooltip{display:none}.invite-create{flex-direction:column;align-items:stretch}.invite-list li{padding:.8rem}.invite-list input{flex-basis:100%}.invite-list button{flex:1 1 100%}.finished-card{padding:1.5rem}dialog{padding:0 1.2rem 1.2rem;border-radius:20px}.dialog-heading{padding-top:1rem}.dialog-heading h2{font-size:1rem}}@media(max-height:500px)and (orientation:landscape){.controls{position:static}.count-1 .tile{max-height:340px}dialog{max-height:94svh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.video-grid:is(.count-5,.count-6){grid-template-columns:repeat(3,minmax(0,1fr))}.video-grid:is(.count-7,.count-8){grid-template-columns:repeat(4,minmax(0,1fr))}.video-grid.with-presentation{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.8rem}.with-presentation .tile{aspect-ratio:1.4;max-height:140px}.with-presentation.count-3 .tile:first-child{grid-column:auto;aspect-ratio:1.4}.with-presentation .avatar{width:40px;height:40px;font-size:1.3rem}.with-presentation .tile-fallback-label{display:none}.presentation-stage{border:1px solid #4b665b;border-radius:22px;background:#10191f;overflow:hidden}.presentation-heading{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;color:var(--accent);font-size:.8rem}.presentation-heading strong{min-width:0;overflow-wrap:anywhere}.presentation-heading select{width:auto;max-width:50%;margin-left:auto;font-size:.8rem}.presentation-video{position:relative;aspect-ratio:16 / 9;background:#080d11}.presentation-video video{width:100%;height:100%;object-fit:contain}.pip-control{position:absolute;top:.5rem;left:.5rem;z-index:3;width:44px;background:#10191fbb;border-color:#52655c}.pip-control .icon{width:17px;height:17px}.playback-error{position:absolute;top:3rem;left:.5rem;right:.5rem;padding:.6rem;border-radius:8px;background:#201c24ec;z-index:4;font-size:.7rem}.countdown{display:flex;align-items:center;gap:.5rem;color:var(--accent);font-variant-numeric:tabular-nums;padding:.5rem .8rem;border:1px solid var(--border);border-radius:20px}.countdown small{font-size:.7rem}.controls{row-gap:.4rem}.invite-create{flex-wrap:wrap}.panel-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.7rem}.device-settings{display:grid;gap:1.2rem}.device-settings section{display:grid;gap:.8rem;padding-bottom:1.4rem;border-bottom:1px solid var(--border)}.device-settings h3{margin:.5rem 0;color:var(--accent)}.device-settings section>button{justify-self:start}.device-settings input[type=range]{padding:.5rem 0;min-height:44px;accent-color:var(--accent)}.file-panel{transition:border-color .18s}.file-panel[data-dragging=true]{border-color:var(--accent);box-shadow:0 0 0 3px #b6e5cb22}.file-picker{border:1px dashed #668077;padding:1rem;border-radius:16px;margin:1rem 0;background:#b6e5cb07}.file-picker input{font-size:.75rem;padding:.5rem}.file-picker input::file-selector-button{background:var(--surface-raised);color:var(--text);border:1px solid var(--border);padding:.7rem;border-radius:10px;cursor:pointer}.transfer-list,.recipient-progress{list-style:none;margin:1rem 0;padding:0}.transfer-list{max-height:480px;overflow-y:auto;overscroll-behavior:contain}.transfer-list>li{border:1px solid var(--border);border-radius:15px;padding:.8rem;margin-bottom:.8rem;background:#0b141950}.transfer-heading{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem}.transfer-heading strong{overflow-wrap:anywhere}.transfer-heading span,.recipient-progress{font-size:.7rem;color:var(--muted)}.transfer-list small{display:block}.transfer-list button{font-size:.75rem;margin-top:.5rem}progress{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;accent-color:var(--accent);width:100%;height:8px;border:0;margin:.6rem 0}progress::-webkit-progress-bar{background:#293e39;border-radius:9px}progress::-webkit-progress-value{background:var(--accent);border-radius:9px}.recipient-progress li{padding:.4rem 0}@media(max-width:1120px){.file-panel{grid-column:1 / -1}}@media(max-width:760px){.video-grid:is(.count-5,.count-6,.count-7,.count-8){grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid:is(.count-5,.count-6,.count-7,.count-8) .tile{aspect-ratio:1.3}.video-grid.with-presentation{grid-template-columns:repeat(3,minmax(0,1fr))}.with-presentation .tile{max-height:110px}.with-presentation .tile-caption{padding-top:1rem}.with-presentation .tile-state,.with-presentation .tile-device{display:none}.countdown{font-size:.8rem}}@media(max-width:420px){.video-grid.with-presentation{grid-template-columns:repeat(2,minmax(0,1fr))}.controls .dock-control{flex-basis:21%}.presentation-heading{flex-wrap:wrap}.presentation-heading select{max-width:100%}}.network-panel{margin-block:1rem;padding:.9rem 1rem;border:1px solid var(--line, #2a383b);border-radius:18px;background:#111c22}.network-panel summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.network-panel ul{list-style:none;padding:0;display:grid;gap:.8rem}.network-panel li{display:grid;gap:.25rem;overflow-wrap:anywhere}.quality-dot{width:.55rem;height:.55rem;border-radius:50%;background:#93a3aa}.quality-dot[data-quality=Good]{background:#b6e5cb}.quality-dot[data-quality=Degraded],.quality-dot[data-quality=Reconnecting]{background:#edc78b}.quality-dot[data-quality=Disconnected]{background:#efa8a8}.qr-dialog{max-width:min(540px,calc(100vw - 24px))}.invitation-image{display:block;width:min(100%,390px);height:auto;margin:1rem auto;border-radius:12px}.qr-dialog .panel-actions{display:flex;flex-wrap:wrap;gap:.5rem}.effects-preview{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:18px;background:#080f14;border:1px solid #31433f}.effect-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.effect-options button[aria-pressed=true]{border-color:#b6e5cb;background:#203e35}@media(max-height:500px){.invitation-image{width:220px}}.custom-background{margin-top:1.2rem;padding:1rem;border:1px solid var(--border);border-radius:18px;background:#0c171b80}.custom-background h4{margin:0 0 .5rem;font-size:.95rem}.custom-background-preview{display:block;width:min(100%,240px);aspect-ratio:16/9;border-radius:12px;margin:.75rem 0}.custom-background .panel-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:.8rem}.custom-background small{color:var(--muted);line-height:1.5}