:root{--bg:#f4f6f9;--card:#fff;--fg:#111827;--muted:#4b5563;--soft:#e5e9f0;--accent:#1d4f91;--accent-soft:#dbe7f7;--success:#12733a;--danger:#b42318;--warn-bg:#fff4d6;--warn-fg:#6b4500;--error-bg:#fde4e1;--ok-bg:#dcf3e4;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f141b;--card:#1a222d;--fg:#f3f4f6;--muted:#b6bec9;--soft:#263241;--accent:#7fb0ef;--accent-soft:#1f3550;--success:#4cc27a;--danger:#ff7b6e;--warn-bg:#3d3010;--warn-fg:#ffe2a3;--error-bg:#4a1d19;--ok-bg:#173b26}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:20px}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.45}.screen{max-width:34rem;padding:max(1rem, env(safe-area-inset-top)) 1rem max(2rem, env(safe-area-inset-bottom));flex-direction:column;gap:1rem;margin:0 auto;display:flex}.screen-wide{max-width:48rem}h1{margin:.5rem 0 0;font-size:1.6rem;line-height:1.2}h2{margin:.5rem 0 0;font-size:1.25rem}p{margin:0}.lead{font-size:1.15rem}.hint{color:var(--muted);font-size:.9rem}.btn{border-radius:var(--radius);min-height:3rem;font:inherit;cursor:pointer;touch-action:manipulation;border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible{outline:4px solid var(--accent);outline-offset:2px}.btn-big{width:100%;min-height:4rem;font-size:1.25rem}.btn-primary{background:var(--accent);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-secondary{background:var(--card);color:var(--fg);border-color:var(--muted)}@media (prefers-color-scheme:dark){.btn-primary,.btn-success,.btn-danger{color:#0b0f14}}.actions{flex-direction:column;gap:.75rem;display:flex}.notice{border-radius:var(--radius);background:var(--accent-soft);padding:.8rem 1rem}.notice-warn{background:var(--warn-bg);color:var(--warn-fg)}.notice-error{background:var(--error-bg)}.notice-ok{background:var(--ok-bg)}.dots{vertical-align:middle;gap:.25rem;display:inline-flex}.dots span{background:currentColor;border-radius:50%;width:.4rem;height:.4rem;animation:1.2s ease-in-out infinite pulse}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.2}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.dots span{opacity:.6;animation:none}}.field{flex-direction:column;gap:.3rem;display:flex}input,textarea{font:inherit;border:2px solid var(--muted);background:var(--card);color:var(--fg);border-radius:12px;width:100%;padding:.7rem .8rem}input:focus,textarea:focus{outline:3px solid var(--accent);outline-offset:1px}form{flex-direction:column;gap:1rem;display:flex}.row{flex-direction:row;gap:.5rem}.row input{flex:1}.steps{flex-direction:column;gap:.5rem;margin:0;padding-left:1.4rem;font-size:1.1rem;display:flex}.kbd{border:2px solid var(--muted);border-radius:8px;padding:0 .4rem;font-weight:700;display:inline-block}.picture{align-self:center;width:100%;max-width:20rem}.card{background:var(--card);border-radius:var(--radius);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.list-item{background:var(--soft);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem;display:flex}.invite-actions{flex-wrap:wrap;gap:.4rem;display:flex}.qr{flex-direction:column;align-items:center;gap:.4rem;width:100%;margin:0;display:flex}.qr img{background:#fff;border-radius:12px}.lobby{flex-direction:column;gap:.5rem;display:flex}.lobby-item{border-radius:var(--radius);background:var(--warn-bg);color:var(--warn-fg);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.8rem 1rem;display:flex}.lobby-text{flex:100%;font-size:1.15rem}.call-header h1{margin:0}.secure{color:var(--success);align-items:center;gap:.4rem;font-weight:600;display:flex}.icon{flex:none;width:1.3em;height:1.3em}.people{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.person{border-radius:var(--radius);background:var(--card);border:3px solid #0000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.9rem 1rem;font-size:1.15rem;display:flex}.person.speaking{border-color:var(--success)}.person-name{font-weight:600}.person-state{color:var(--muted);align-items:center;gap:.4rem;font-size:.95rem;display:inline-flex}.person.speaking .person-state{color:var(--success);font-weight:600}.person-actions{flex-wrap:wrap;gap:.4rem;width:100%;display:flex}.call-buttons{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}