*{box-sizing:border-box}html,body,#root{color:#233249;background:#f7f8fa;min-height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer;color:#233249;touch-action:manipulation;background:#e9eef4;border:0;border-radius:16px;min-height:48px;padding:12px 20px;font-weight:600}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #598bd9}svg{flex-shrink:0;width:24px;height:24px}p{line-height:1.55}small{color:#697789;line-height:1.5}header{justify-content:space-between;align-items:center;max-width:900px;margin:auto;padding:26px 24px;display:flex}.brand{-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:23px;font-weight:750;display:flex}.brand-icon{color:#3264aa;background:#e2ebf9;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.private{color:#758095;font-size:13px}.app{min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.home{text-align:center;max-width:440px;margin:auto;padding:35px 24px 24px}.connection{color:#697789;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.dot{background:#a2aab5;border-radius:50%;width:7px;height:7px}.dot.connected{background:#359a73}.hero-icon{color:#3669b0;background:#e6edf8;border-radius:32px;place-items:center;width:100px;height:100px;margin:50px auto 28px;display:grid}.hero-icon svg{width:48px;height:48px}h1{letter-spacing:-.7px;max-width:320px;margin:0 auto 15px;font-size:29px;font-weight:650;line-height:1.25}.subtitle{color:#738095;margin:0 0 30px;font-size:15px}.primary{color:#fff;background:#386bb3}.call-button{justify-content:center;align-items:center;gap:11px;width:100%;min-height:58px;display:flex}.role{margin:15px 0;display:block}.text-button{color:#54739c;background:0 0;padding:10px;font-size:13px;font-weight:500}.danger,.hangup{color:#fff!important;background:#d95858!important}.ringing{justify-content:center;gap:12px;display:flex}.ringing button{flex:1}.notice{color:#536b88;font-size:14px}.error{color:#ab3f3f;font-size:14px}.panel{text-align:left;background:#fff;border:1px solid #e2e7ee;border-radius:20px;margin:22px 0;padding:22px}.panel p{font-size:14px}.panel input{width:100%;margin:12px 0}.panel small{display:block}.panel button{margin-top:12px}.fingerprint{letter-spacing:2px;margin-top:8px;font-family:monospace;font-size:20px;display:block}.actions{gap:8px;display:flex}.install{border-top:1px solid #e2e7ee;margin-top:36px;padding-top:24px}.secondary{color:#536b88;background:0 0;align-items:center;gap:9px;font-size:14px;font-weight:500;display:inline-flex}.install p{color:#697789;text-align:left;font-size:13px}footer{color:#929daa;margin-top:32px;font-size:12px;line-height:1.8}.talking{height:100dvh;padding-top:env(safe-area-inset-top);background:#e9edf3;flex-direction:column;display:flex;position:relative;overflow:hidden}.stage{flex:1;min-height:0;position:relative;overflow:hidden}.stage>video{object-fit:cover;background:#e9edf3;width:100%;height:100%}.hidden-video{visibility:hidden}.avatar{color:#788ba2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.avatar svg{box-sizing:content-box;background:#dbe3ed;border-radius:50%;width:80px;height:80px;padding:20px}.avatar p{margin:18px 0 2px}.call-label{white-space:nowrap;background:#ffffffe8;border-radius:30px;padding:8px 14px;font-size:12px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.self-video{background:#cbd6e4;border-radius:18px;width:104px;height:148px;position:absolute;top:66px;right:16px;overflow:hidden;box-shadow:0 5px 20px #0002}.self-video video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.self-video>svg{position:absolute;top:40%;left:40%}.self-video span{color:#fff;text-shadow:0 1px 5px #000;font-size:11px;position:absolute;bottom:8px;left:10px}.controls{padding:16px 8px max(16px,env(safe-area-inset-bottom));z-index:2;background:#fff;justify-content:space-evenly;align-items:center;gap:6px;display:flex}.controls button{background:#edf1f6;border-radius:18px;flex-direction:column;align-items:center;gap:7px;width:76px;min-height:66px;padding:10px 6px;display:flex}.controls span{font-size:10px;font-weight:500}.controls .off{color:#7e8ca0;background:#dbe2ec}.call-notice{z-index:3;text-align:center;background:#fffffff0;border-radius:12px;width:80%;padding:9px;font-size:12px;position:absolute;top:44px;left:10%}.chat{z-index:4;max-height:65%;padding:16px 20px;padding-bottom:max(18px,env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0;flex-direction:column;display:flex;position:absolute;inset:auto 0 100px;box-shadow:0 -5px 40px #2233}.chat-heading{justify-content:space-between;align-items:center;display:flex}.chat small{font-size:11px}.messages{overscroll-behavior:contain;min-height:100px;padding:10px 0;overflow-y:auto}.message{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf1f6;border-radius:15px;width:-moz-fit-content;width:fit-content;max-width:85%;padding:10px 14px;font-size:14px}.message.own{background:#e2edf9;margin-left:auto}.chat form{gap:8px;display:flex}input{color:#233249;background:#fff;border:1px solid #d7dfe9;border-radius:13px;min-width:0;padding:12px}.chat input{flex:1}.chat form button{padding:10px;font-size:12px}.overlay{z-index:10;background:#24314888;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.backup{max-width:450px;max-height:90dvh;overflow-y:auto}.backup h2{font-size:22px}.backup code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#edf1f6;border-radius:12px;padding:15px;font-size:18px;display:block}.backup button{width:100%}.diagnostics{z-index:9;background:#fffffff5;border:1px solid #d4deeb;border-radius:18px;max-width:420px;padding:18px;font-size:12px;position:fixed;top:60px;left:12px;right:12px}.diagnostics dl>div{justify-content:space-between;margin:10px 0;display:flex}.diagnostics dd{margin-left:10px}.update{margin-top:15px;font-size:13px}@media (min-width:700px){.talking{max-width:600px;margin:auto;box-shadow:0 0 40px #2231}.home{padding-top:60px}.hero-icon{margin-top:65px}}@media (max-height:720px){.home{padding-top:15px}.hero-icon{width:80px;height:80px;margin-top:25px;margin-bottom:20px}.install{margin-top:24px}footer{margin-top:20px}}.permission-screen h1{margin-top:35px}.permission-screen .subtitle{margin:24px 0}.permission-note{color:#738095;text-align:left;margin-top:24px;font-size:12px}