:root{--teal-50: #ECFBF8;--teal-100: #D2F4EE;--teal-200: #A6E9DD;--teal-300: #5BD3C6;--teal-400: #20C2B0;--teal-500: #0FB5A6;--teal-600: #0E9C8F;--teal-700: #0E7C72;--teal-800: #0C5F58;--teal-900: #0C4943;--ink: #143036;--bg-0: #EAF6F4;--bg-1: #F4FBFA;--bg-2: #FFFFFF;--bg-3: #ECF5F4;--bg-elev: #ECF5F4;--fg-0: #143036;--fg-1: #2E4A50;--fg-2: #4B6A6F;--fg-3: #9DB3B6;--accent: #0FB5A6;--accent-hi: #0E9C8F;--accent-lo: #0E7C72;--accent-glow: rgba(15, 181, 166, .18);--accent-muted: rgba(15, 181, 166, .1);--success: #14A06E;--success-hi: #2BB783;--success-lo: #0E8A5C;--success-bg: #E4F6EE;--warning: #D9930B;--warning-bg: #FBF0DA;--danger: #E5484D;--danger-lo: #CF3F44;--danger-bg: #FCE8E8;--border: #E5EFEE;--border-hover: #C7D8D8;--line-soft: #EFF6F5;--overlay: rgba(15, 48, 54, .42);--speaking-glow: rgba(15, 181, 166, .3);--grad-mark: linear-gradient(135deg, #5BD3C6 0%, #0FB5A6 100%);--font-ui: "Figtree Variable", "Figtree", ui-sans-serif, "Segoe UI", system-ui, -apple-system, sans-serif;--font-sans: var(--font-ui);--font-serif: var(--font-ui);--font-mono: "Spline Sans Mono Variable", "Spline Sans Mono", ui-monospace, "SFMono-Regular", monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 28px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-2xl: 28px;--radius-pill: 999px;--ease-out: cubic-bezier(.2, .8, .2, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .36s;--shadow-xs: 0 1px 2px rgba(15,123,114,.06);--shadow-sm: 0 2px 6px rgba(15,123,114,.08);--shadow-md: 0 8px 24px -16px rgba(15,123,114,.3), 0 2px 6px rgba(15,123,114,.05);--shadow-lg: 0 18px 40px -22px rgba(15,123,114,.45), 0 2px 6px rgba(15,123,114,.06);--shadow-xl: 0 32px 64px -28px rgba(12,95,88,.4), 0 4px 12px rgba(15,123,114,.06);--ring: 0 0 0 3px rgba(15,181,166,.35)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important;animation-iteration-count:1!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--teal-200)}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}body{font-family:var(--font-ui);background:var(--bg-1);color:var(--fg-0);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}.app-shell{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(1100px 560px at 50% -10%,var(--teal-50),var(--bg-1) 58%)}.appbar{flex-shrink:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-5)}.appbar .brand{display:flex;align-items:center;gap:10px}.appbar .brand img{display:block;width:30px;height:30px}.appbar .brand .wordmark{font-size:21px;font-weight:700;letter-spacing:-.02em;color:var(--teal-700)}.appbar .appbar-right{display:flex;align-items:center;gap:var(--s-1)}.ghosttag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--teal-700);background:var(--teal-50);padding:6px 12px;border-radius:var(--radius-pill);white-space:nowrap}.iconbtn{width:40px;height:40px;border-radius:var(--radius-md);border:none;background:none;color:var(--fg-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast),color var(--dur-fast)}.iconbtn:hover{background:var(--bg-3);color:var(--fg-1)}.surface-canvas{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:var(--s-2) var(--s-5) var(--s-8);overflow-y:auto}button{font-family:var(--font-ui);cursor:pointer}.cta{border:none;cursor:pointer;border-radius:var(--radius-pill);font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 24px;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out),background var(--dur),box-shadow var(--dur),color var(--dur)}.cta:active{transform:scale(.97)}.cta.block{width:100%}.cta.primary,.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-pill);font-weight:700;box-shadow:0 12px 26px -12px #0fb5a6b3}.cta.primary:hover,.btn-primary:hover{background:var(--accent-hi)}.cta.primary:active,.btn-primary:active{background:var(--accent-lo);transform:scale(.97)}.cta.ghost,.btn-secondary{background:var(--teal-50);color:var(--teal-700);border-radius:var(--radius-pill);font-weight:700}.cta.ghost:hover,.btn-secondary:hover{background:var(--teal-100)}.cta.ghost:active,.btn-secondary:active{background:var(--teal-200);transform:scale(.97)}.btn-primary,.btn-secondary{padding:13px var(--s-5);font-size:15px;border:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform var(--dur-fast) var(--ease-out),background var(--dur),box-shadow var(--dur)}.btn-quiet{background:transparent;color:var(--fg-2);border:none;padding:var(--s-1) var(--s-2);font-size:13px;font-weight:600;border-radius:var(--radius-sm);transition:color var(--dur-fast)}.btn-quiet:hover{color:var(--teal-700)}.btn-danger{background:var(--danger);color:#fff;border:none;border-radius:var(--radius-pill);padding:13px var(--s-5);font-weight:700;transition:background var(--dur-fast),transform var(--dur-fast)}.btn-danger:hover{background:var(--danger-lo)}.btn-danger:active{transform:scale(.97)}input[type=text],input[type=password]{width:100%;padding:12px var(--s-4);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-2);color:var(--ink);font-family:var(--font-ui);font-size:15px;outline:none;margin-bottom:var(--s-3);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}input[type=text]:focus,input[type=password]:focus{border-color:var(--teal-400);box-shadow:var(--ring)}input[type=text]::placeholder,input[type=password]::placeholder{color:var(--fg-3)}input[type=text]:disabled,input[type=password]:disabled{opacity:.5;cursor:not-allowed}.form-label,.setting-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-2);display:block;margin-bottom:var(--s-2)}.form-label-opt{color:var(--fg-3);font-weight:500;text-transform:none;letter-spacing:0;font-size:11px}.setting-group{margin-bottom:var(--s-4)}.setting-group input[type=text]{margin-bottom:0}.qrcard{background:var(--bg-2);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:30px 32px 26px;width:100%;max-width:412px;text-align:center}.qrcard .eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--fg-3)}.qrcard h1{font-size:25px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:6px 0 4px}.qrcard .lede{font-size:14px;color:var(--fg-2);line-height:1.5;margin:0 auto 22px;max-width:30ch}.qrwrap{position:relative;width:220px;height:220px;margin:0 auto 18px;border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;padding:16px}.qrwrap canvas,.qrwrap img.qr{border-radius:8px;display:block;width:188px;height:188px}.qrwrap .badge-mark{position:absolute;width:46px;height:46px;border-radius:13px;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #fff}.qr-loading{width:188px;height:188px;display:flex;align-items:center;justify-content:center;color:var(--teal-400);animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.qr-loading{animation:none}}.codeline{display:flex;align-items:center;gap:var(--s-2);justify-content:flex-start;background:var(--bg-3);border-radius:var(--radius-md);padding:11px 14px;margin-bottom:18px}.codeline .lk{color:var(--teal-600);display:inline-flex;flex-shrink:0}.codeline code{font-family:var(--font-mono);font-size:14px;color:var(--ink);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.codeline .copy{margin-left:auto;border:none;background:none;cursor:pointer;color:var(--teal-700);font-weight:700;font-size:12.5px;display:inline-flex;align-items:center;gap:5px;padding:4px 6px;border-radius:7px;flex-shrink:0;transition:background var(--dur-fast)}.codeline .copy:hover{background:var(--teal-50)}.qr-actions{display:flex;gap:10px}.qr-actions .cta{flex:1;padding:14px 16px}.notrace{margin-top:14px;display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--fg-3)}.notrace .lk{color:var(--success);display:inline-flex}.scancard{width:100%;max-width:412px;text-align:center}.viewfinder{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-2xl);background:var(--ink);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xl)}.viewfinder video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.viewfinder .hint{position:relative;color:#ffffffa6;font-size:13.5px;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:2;text-align:center;padding:0 24px}.corner{position:absolute;width:38px;height:38px;border:3px solid var(--teal-300);z-index:3}.corner.tl{top:26px;left:26px;border-right:0;border-bottom:0;border-top-left-radius:12px}.corner.tr{top:26px;right:26px;border-left:0;border-bottom:0;border-top-right-radius:12px}.corner.bl{bottom:26px;left:26px;border-right:0;border-top:0;border-bottom-left-radius:12px}.corner.br{bottom:26px;right:26px;border-left:0;border-top:0;border-bottom-right-radius:12px}.scanline{position:absolute;left:30px;right:30px;height:2px;z-index:3;background:linear-gradient(90deg,transparent,var(--teal-300),transparent);box-shadow:0 0 12px var(--teal-300);animation:scan 2.4s ease-in-out infinite}@keyframes scan{0%,to{top:18%}50%{top:82%}}@media (prefers-reduced-motion: reduce){.scanline{animation:none;top:50%}}.scancard h1{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:22px 0 4px}.scancard p{color:var(--fg-2);font-size:14px;margin:0 0 18px}.orline{display:flex;align-items:center;gap:12px;color:var(--fg-3);font-size:12px;font-weight:600;margin:4px 0 14px;white-space:nowrap}.orline:before,.orline:after{content:"";flex:1;height:1px;background:var(--border)}.paste{display:flex;gap:var(--s-2)}.paste .inp{flex:1;display:flex;align-items:center;gap:var(--s-2);background:var(--bg-2);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:11px 13px;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.paste .inp:focus-within{border-color:var(--teal-400);box-shadow:var(--ring)}.paste .inp input{border:none;outline:none;font:inherit;font-size:14px;width:100%;background:none;color:var(--ink);margin:0}.scan-error{color:var(--danger);font-size:13px;margin-top:12px}.rotate{margin-top:16px;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--fg-3);background:none;border:none;cursor:pointer;transition:color var(--dur-fast)}.rotate:hover{color:var(--teal-700)}.stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--ink);color:#fff;overflow:hidden;display:flex;flex-direction:column}.stage .scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 500px at 50% 30%,rgba(15,181,166,.16),transparent 70%);z-index:0}.enc-pill{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:5;display:inline-flex;align-items:center;gap:var(--s-2);background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:13px;font-weight:600;padding:8px 15px;border-radius:var(--radius-pill);white-space:nowrap}.enc-pill .lk{color:var(--teal-300);display:inline-flex}.enc-pill .timer{font-family:var(--font-mono);font-size:13px;letter-spacing:.02em}.enc-pill .muted-dim{opacity:.7}.vgrid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;gap:14px;padding:70px 22px 104px}.vgrid.cols-1{grid-template-columns:1fr}.vgrid.cols-2{grid-template-columns:1fr 1fr}.vgrid.cols-3{grid-template-columns:1fr 1fr 1fr}.vtile{border-radius:var(--radius-xl);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0e2227;min-height:0}.vtile.you{background:#102a2f}.vtile.speaking{box-shadow:inset 0 0 0 2px var(--teal-300)}.vtile .tname{position:absolute;left:14px;bottom:12px;font-size:13px;font-weight:600;color:#fff;background:#0006;padding:5px 11px;border-radius:var(--radius-pill);display:flex;align-items:center;gap:6px;white-space:nowrap;max-width:calc(100% - 28px)}.vtile .tname .sub{opacity:.7;font-weight:500}.vtile .cam-off{color:#ffffff80;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px}.calling{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.calling-av{position:relative;margin-bottom:26px}.pulse-ring{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;border:2px solid rgba(91,211,198,.5);animation:pulsering 1.8s ease-out infinite}.pulse-ring.d2{animation-delay:.6s}.pulse-ring.d3{animation-delay:1.2s}@keyframes pulsering{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.5);opacity:0}}@media (prefers-reduced-motion: reduce){.pulse-ring{animation:none;opacity:.3}}.calling-name{font-size:26px;font-weight:800;letter-spacing:-.02em}.calling-status{color:#fff9;font-size:15px;margin-top:8px;display:flex;align-items:center;gap:var(--s-2)}.av{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex:none;background:var(--grad-mark);text-transform:uppercase}.av.gray{background:var(--bg-3);color:var(--fg-1)}.ctrlbar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:6;display:flex;gap:14px;align-items:center;background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-pill);padding:11px 16px}.ctl{width:54px;height:54px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#ffffff21;color:#fff;transition:transform var(--dur-fast),background var(--dur-fast),color var(--dur-fast)}.ctl:hover{background:#fff3}.ctl:active{transform:scale(.94)}.ctl.off{background:#fff;color:var(--ink)}.ctl.end{background:var(--danger);width:64px}.ctl.end:hover{background:var(--danger-lo)}.ctl:disabled{opacity:.45;cursor:not-allowed}.ctl:disabled:hover{background:#ffffff21}.room-status-pill{position:absolute;top:56px;left:50%;transform:translate(-50%);z-index:6;display:none;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border-radius:var(--radius-pill);font-size:13px;font-weight:600}.room-status-pill.visible{display:flex}.room-status-pill--reconnecting,.room-status-pill--muted{background:#d9930b2e;border:1px solid rgba(217,147,11,.35);color:#fbcb6b}.reconnecting-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1.2s infinite ease-in-out}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.incoming{position:absolute;top:16px;right:16px;z-index:50;background:var(--bg-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:14px;width:min(320px,calc(100% - 32px));display:flex;align-items:center;gap:12px;animation:slidein .3s ease-out}.incoming .av{width:46px;height:46px;font-size:18px}.incoming .meta{flex:1;min-width:0}.incoming .nm{font-weight:700;font-size:15px;color:var(--ink)}.incoming .sb{font-size:12px;color:var(--fg-3)}.incoming .acc,.incoming .dec{width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:transform var(--dur-fast),filter var(--dur-fast)}.incoming .acc{background:var(--success)}.incoming .dec{background:var(--danger)}.incoming .acc:active,.incoming .dec:active{transform:scale(.94)}@keyframes slidein{0%{transform:translateY(-12px);opacity:0}to{transform:none;opacity:1}}.ended{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:60;background:var(--ink);color:#fff;font-size:13.5px;font-weight:600;padding:11px 18px;border-radius:var(--radius-pill);display:flex;align-items:center;gap:9px;box-shadow:var(--shadow-lg);animation:slidein .3s ease-out}.ended .lk{color:var(--teal-300);display:inline-flex}.noise-toggle{display:inline-flex;align-items:center;gap:var(--s-3);cursor:pointer;-webkit-user-select:none;user-select:none;background:none;border:none;padding:0}.toggle-track{display:block;position:relative;width:46px;height:27px;border-radius:var(--radius-pill);background:var(--border-hover);transition:background var(--dur-fast);flex-shrink:0}.toggle-track.on{background:var(--teal-500)}.toggle-thumb{display:block;position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-out)}.toggle-track.on .toggle-thumb{transform:translate(19px)}.toggle-label{font-size:14px;color:var(--fg-1);font-weight:500}.mic-selector{margin-bottom:var(--s-4)}.mic-selector select{width:100%;padding:11px 13px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-2);color:var(--ink);font-family:var(--font-ui);font-size:14px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234B6A6F' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.mic-selector select:focus{border-color:var(--teal-400);box-shadow:var(--ring)}.btn-mic-test{margin-top:var(--s-3);padding:var(--s-2) var(--s-4);font-size:13px;font-weight:600;background:var(--teal-50);color:var(--teal-700);border:none;border-radius:var(--radius-pill);transition:background var(--dur-fast)}.btn-mic-test:hover{background:var(--teal-100)}.btn-mic-test.active{background:var(--success);color:#fff}.vu-meter{display:flex;gap:2px;margin-top:var(--s-2);height:6px}.vu-cell{flex:1;border-radius:1px;transition:background .06s linear}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--s-5)}.settings-modal{background:var(--bg-2);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:420px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-5) var(--s-5) var(--s-4);border-bottom:1px solid var(--border);flex-shrink:0}.settings-modal-header h2{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.settings-close-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-3);color:var(--fg-2);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color var(--dur-fast),background var(--dur-fast)}.settings-close-btn:hover{color:var(--ink);background:var(--border)}.settings-modal-body{padding:var(--s-5);overflow-y:auto;flex:1;min-height:0}.settings-section-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-3);margin-bottom:var(--s-3);margin-top:var(--s-6)}.settings-section-eyebrow:first-child{margin-top:0}.modal-slide-enter-active,.modal-slide-leave-active{transition:opacity var(--dur-fast)}.modal-slide-enter-from,.modal-slide-leave-to{opacity:0}.modal-slide-enter-from .settings-modal,.modal-slide-leave-to .settings-modal{transform:translateY(16px)}.modal-slide-enter-active .settings-modal,.modal-slide-leave-active .settings-modal{transition:transform var(--dur) var(--ease-out)}html,body,#app{height:100%;margin:0}body{background:var(--bg-1);overflow:hidden}