:root{color:#152944;font-synthesis:none;--ink:#152944;--blue:#2459d4;--muted:#53657b;--line:#d5deea;background:#f8fafc;font-family:Avenir Next,Segoe UI,sans-serif;font-size:100%;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;border-radius:12px;min-block-size:48px;padding:.8rem 1.3rem;font-weight:650;transition:background .15s}button:disabled{cursor:wait;opacity:.7}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #3578e5}h1:focus{outline:none}a{color:inherit;text-underline-offset:.25em}header{justify-content:space-between;align-items:center;gap:1rem;max-inline-size:1280px;margin-inline:auto;padding:2rem 3rem;display:flex}.brand{letter-spacing:-.025em;align-items:center;gap:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.pilot{color:var(--muted);font-size:.8rem}.content{max-inline-size:760px;margin-inline:auto;padding:3rem 1.5rem 2rem}.home{text-align:center;max-inline-size:500px;margin:auto}.screen-symbol{border:1px solid var(--line);block-size:56px;inline-size:64px;color:var(--blue);background:#fff;border-radius:16px;place-items:center;margin:0 auto 2rem;display:grid}h1{letter-spacing:-.055em;text-wrap:balance;margin:0 0 1.2rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:650;line-height:1.08}.intro{color:var(--muted);margin:0 0 2rem;font-size:1.05rem}.primary{background:var(--blue);color:#fff}.primary:hover{background:#1d49b2}.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.secondary:hover{background:#edf2f9}.share{justify-content:center;align-items:center;gap:.9rem;inline-size:100%;padding:1.1rem;font-size:1.15rem;display:flex}.join-area{text-align:start;max-inline-size:340px;margin:2.5rem auto 0}.join-area label{margin-block-end:.6rem;font-size:.9rem;font-weight:600;display:block}.input-row{gap:.65rem;display:flex}input{border:1px solid var(--line);inline-size:100%;min-inline-size:0;color:var(--ink);background:#fff;border-radius:10px;min-block-size:48px;padding:.8rem 1rem}#join-code{letter-spacing:.12em;font-weight:600}input[aria-invalid=true]{border-color:#b32b35}.text-button{color:var(--muted);text-underline-offset:.25em;background:0 0;min-block-size:32px;margin:1rem auto 0;padding:.3rem;font-size:.9rem;font-weight:500;text-decoration:underline;display:block}footer{text-align:center;margin:3.5rem 0 0;font-size:.9rem}footer p{color:var(--muted);margin-block-start:1.5rem;font-size:.8rem}.presenter{text-align:center}.presenter h1{margin-block-start:1.4rem;font-size:clamp(2rem,5vw,3rem)}.session-status{justify-content:center;align-items:center;gap:.6rem;font-size:.95rem;display:flex}.status-dot{background:#14744b;border-radius:50%;block-size:8px;inline-size:8px}.muted{color:var(--muted)}.big-code{letter-spacing:.08em;font-variant-numeric:tabular-nums;white-space:nowrap;margin:1.2rem 0 1.6rem;font-size:clamp(2.3rem,8vw,4.5rem);font-weight:650;line-height:1.15}.actions{flex-wrap:wrap;flex-wrap:balance;justify-content:center;gap:.8rem;display:flex}.privacy-note{color:var(--muted);max-inline-size:430px;margin:1rem auto 2rem;font-size:.8rem}.preview-wrap{border:1px solid var(--line);background:#fff;border-radius:12px;max-inline-size:440px;margin:2rem auto 1.5rem}.preview-wrap video{aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:11px 11px 0 0;inline-size:100%;display:block}.preview-wrap span{color:var(--muted);padding:.65rem;font-size:.8rem;display:block}.stop{color:#fff;background:#b32b35}.stop:hover{background:#93232b}.error,.warning,.notice{text-align:center;border-radius:10px;max-inline-size:600px;margin:1.5rem auto;padding:1rem;font-size:.95rem}.error{color:#92232d;background:#fff0f1}.warning{color:#684b05;background:#fff5d9}.notice{color:var(--ink);background:#eaf0fa}.diagnostics{color:var(--muted);max-inline-size:440px;margin:2rem auto;font-size:.8rem}.diagnostics summary{cursor:pointer;min-block-size:32px;padding:.3rem}.diagnostics dl{grid-template-columns:auto 1fr;gap:.4rem 1rem;display:grid}.diagnostics dd{margin:0}.receiver-shell{color:#fff;background:#000;block-size:100dvh;min-block-size:320px;inline-size:100%;position:relative}.receiver-main{place-items:center;block-size:100%;display:grid;position:relative}.remote-video{object-fit:contain;background:#000;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.obscured{filter:brightness(0)}.receiver-message{text-align:center;max-inline-size:950px;padding:5rem 1.5rem;position:relative}.receiver-message>svg{color:#a7c3ff;block-size:48px;inline-size:48px;margin-block-end:2rem}.receiver-message h1{font-size:clamp(2rem,5vw,4rem)}.receiver-message .muted{color:#a6b4ca}.receiver-message .big-code{font-size:clamp(2.5rem,9vw,6rem)}.receiver-controls{background:linear-gradient(#000b,#0000);align-items:center;gap:1rem;padding:1rem 1.5rem;transition:opacity .2s;display:flex;position:absolute;inset-block-start:0;inset-inline:0}.receiver-controls>a{margin-inline-end:auto;font-size:.9rem;text-decoration:none}.receiver-controls button{color:#fff;background:#20334c;min-block-size:44px}.receiver-controls.faded:not(:focus-within){opacity:0}.receiver-error,.receiver-notice{z-index:2;margin:auto;position:absolute;inset-block-end:1rem;inset-inline:1rem}.receiver-diagnostics{color:#d4dff0;background:#142238e8;border-radius:8px;max-inline-size:calc(100% - 2rem);margin:0;padding:.5rem 1rem;position:absolute;inset-block-end:1rem;inset-inline-start:1rem}.receiver-diagnostics[open]{z-index:3}.receiver-shell:fullscreen{block-size:100%;inline-size:100%}@media (width<=600px){header{padding:1.25rem 1.5rem}.pilot{display:none}.content{padding-block-start:2rem}.big-code{letter-spacing:.04em}.actions button{flex:auto}.receiver-controls{gap:.5rem;padding:1rem}.receiver-controls>a{font-size:.8rem}.receiver-controls button{padding:.6rem .9rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (forced-colors:active){button,input{border:1px solid buttontext}.status-dot{background:highlight}}