:root{--bg: #0a0a0c;--text: #f5f5f7;--text-2: rgba(235, 235, 245, .6);--text-3: rgba(235, 235, 245, .32);--accent: #5b8cff;--accent-press: #4d7bf0;--green: #30d158;--red: #ff453a;--amber: #ff9f0a;--fill: rgba(120, 120, 128, .18);--fill-hover: rgba(120, 120, 128, .28);--hairline: rgba(255, 255, 255, .09);--hairline-strong: rgba(255, 255, 255, .14);--card: rgba(30, 30, 34, .66);--r-card: 22px;--r-row: 17px;--shadow-lg: 0 24px 70px -24px rgba(0, 0, 0, .7);--shadow-md: 0 12px 40px -14px rgba(0, 0, 0, .6);--ease: cubic-bezier(.22, .9, .28, 1);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:-.011em;overscroll-behavior:none;background:var(--bg)}button{font:inherit;cursor:pointer;color:inherit}::selection{background:#5b8cff4d}.shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg)}.shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% -20%,rgba(91,140,255,.14),transparent 55%);pointer-events:none}.tauri,.tauri body{background:transparent}.tauri .shell{border-radius:20px;background:#09090c57;box-shadow:inset 0 0 0 .5px var(--hairline-strong)}.tauri .shell:before{border-radius:20px}.appbody{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.appbody--tauri{top:38px;padding-top:0}.brand{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:-.03em}.brand__eye{filter:drop-shadow(0 0 12px rgba(91,140,255,.55))}.brand__name{font-size:20px}.brand--big{flex-direction:column;gap:14px}.brand--big .brand__name{font-size:30px;font-weight:700}.titlebar{position:absolute;top:0;left:0;right:0;height:38px;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 13px;-webkit-user-select:none;user-select:none;cursor:grab;background:linear-gradient(rgba(255,255,255,.05),transparent)}.titlebar:active{cursor:grabbing}.titlebar__brand{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--text-2)}.titlebar__grip{flex:1;display:grid;place-items:center;height:100%;color:var(--text-3);opacity:.7}.titlebar__btns{display:flex;gap:3px}.titlebar__btn{background:transparent;border:0;color:var(--text-3);width:30px;height:26px;border-radius:7px;display:grid;place-items:center;cursor:pointer;transition:all .15s var(--ease)}.titlebar__btn:hover{color:var(--text);background:var(--fill)}.titlebar__btn:active{transform:scale(.92)}.signin{min-height:100%;display:grid;place-items:center;padding:28px}.signin__card{width:100%;max-width:360px;background:var(--card);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border-radius:26px;padding:40px 30px 30px;text-align:center;box-shadow:var(--shadow-lg),inset 0 0 0 .5px var(--hairline-strong);animation:rise .5s var(--ease) both}.signin__tag{color:var(--text-2);margin:14px 0 26px;font-size:14.5px;line-height:1.4}.signin__google{display:grid;place-items:center;gap:12px}.gbtn{display:inline-flex;align-items:center;justify-content:center;gap:11px;width:100%;padding:14px 18px;border-radius:14px;border:.5px solid var(--hairline-strong);background:#ffffff12;color:var(--text);font-size:15.5px;font-weight:600;transition:all .16s var(--ease)}.gbtn:hover:not(:disabled){background:#ffffff1f;transform:translateY(-1px)}.gbtn:active:not(:disabled){transform:scale(.98)}.gbtn:disabled{opacity:.5;cursor:default}.gbtn svg{flex:none}.signin__dev{display:grid;gap:11px;text-align:left;margin-top:4px}.signin__divider{text-align:center;color:var(--text-3);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;margin:8px 0 2px}.signin__label{font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.signin__quick{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--fill);border:0;color:var(--text);padding:9px 16px;border-radius:999px;font-size:13.5px;font-weight:500;transition:all .16s var(--ease)}.chip:hover{background:var(--fill-hover);transform:translateY(-1px)}.chip:active{transform:scale(.96)}.input{background:#00000040;border:.5px solid var(--hairline);color:var(--text);padding:13px 15px;border-radius:13px;font-size:15px;outline:none;transition:all .16s var(--ease)}.input::placeholder{color:var(--text-3)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3.5px #5b8cff38}.btn{border:0;border-radius:13px;padding:13px 16px;font-weight:600;font-size:15px;transition:all .16s var(--ease)}.btn--primary{background:linear-gradient(180deg,#6d99ff,var(--accent));color:#fff;box-shadow:0 6px 18px -6px #5b8cffb3}.btn--primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn--primary:active{transform:scale(.98)}.btn--primary:disabled{opacity:.4;box-shadow:none;transform:none;cursor:default;filter:none}.signin__hint{color:var(--text-3);font-size:12px;margin:6px 0 0;line-height:1.5}.signin__hint code,.lobby__empty code{background:var(--fill);padding:1.5px 6px;border-radius:6px;font-size:11px;font-family:ui-monospace,SF Mono,Menlo,monospace}.signin__error{color:var(--red);font-size:13px;margin-top:16px}.signin__locked{display:grid;gap:8px;padding:18px 16px;background:var(--fill);border-radius:14px;box-shadow:inset 0 0 0 .5px var(--hairline)}.signin__locked-title{margin:0;font-weight:600;font-size:14.5px}.signin__locked .signin__hint{margin:0}.signin__locked code{background:#0000004d}.lobby{max-width:540px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:18px 16px calc(18px + env(safe-area-inset-bottom));animation:fade .4s var(--ease) both}.lobby__head{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 18px}.lobby__me{display:flex;align-items:center;gap:9px;background:var(--fill);padding:5px 6px 5px 5px;border-radius:999px}.lobby__me-name{font-size:13px;font-weight:500;color:var(--text-2);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iconbtn{background:transparent;border:0;color:var(--text-3);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;transition:all .15s var(--ease)}.iconbtn:hover{color:var(--text);background:var(--fill-hover)}.iconbtn--active{color:var(--accent);background:#5b8cff2e}.iconbtn--active:hover{color:var(--accent);background:#5b8cff42}.iconbtn--moon{color:#9a8bff}.iconbtn--moon:hover{color:#b3a7ff;background:#7c6cff29}.iconbtn--moon-on{color:#fff;background:linear-gradient(180deg,#8f7dff,#6c5cff);box-shadow:0 4px 12px -4px #7c6cffb3}.iconbtn--moon-on:hover{color:#fff;background:linear-gradient(180deg,#9c8cff,#7565ff)}.avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#2a2a34,#17171d);box-shadow:inset 0 0 0 .5px var(--hairline-strong)}.avatar--sm{width:30px;height:30px}.avatar--initial{font-weight:700;color:var(--accent);background:linear-gradient(145deg,#5b8cff47,#5b8cff1a)}.avatar--sm.avatar--initial{font-size:13px}.joinbar{display:flex;align-items:center;gap:10px;width:100%;background:linear-gradient(90deg,#30d15833,#30d15814);border:0;color:var(--text);border-radius:15px;padding:14px 16px;font-size:14.5px;font-weight:600;margin-bottom:12px;box-shadow:inset 0 0 0 .5px #30d15859;transition:all .16s var(--ease);animation:rise .4s var(--ease) both}.joinbar:hover{filter:brightness(1.08)}.joinbar:active{transform:scale(.99)}.joinbar__dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 #30d1588c;animation:pulse 1.7s infinite}.pushbar{display:flex;align-items:center;gap:10px;width:100%;background:linear-gradient(90deg,#5b8cff33,#5b8cff14);border:0;color:var(--text);border-radius:15px;padding:13px 16px;font-size:13.5px;font-weight:600;margin-bottom:12px;box-shadow:inset 0 0 0 .5px #5b8cff59;transition:all .16s var(--ease);animation:rise .4s var(--ease) both;text-align:left}.pushbar:hover{filter:brightness(1.08)}.pushbar:active{transform:scale(.99)}.lobby__list{display:flex;flex-direction:column;gap:9px;flex:1}.lobby__empty{color:var(--text-2);font-size:14px;line-height:1.65;background:var(--card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;padding:22px;text-align:center;box-shadow:inset 0 0 0 .5px var(--hairline)}.row{display:flex;align-items:center;gap:13px;background:var(--card);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border-radius:var(--r-row);padding:12px 13px;box-shadow:inset 0 0 0 .5px var(--hairline);transition:all .18s var(--ease)}.row:hover{background:#26262bb8;transform:translateY(-1px);box-shadow:var(--shadow-md),inset 0 0 0 .5px var(--hairline-strong)}.row--offline{opacity:.5}.row--offline:hover{transform:none}.row__meta{flex:1;min-width:0}.row__name{font-weight:600;font-size:15.5px}.row__status{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-2);margin-top:3px}.dot{width:8px;height:8px;border-radius:50%}.dot--online{background:var(--green);box-shadow:0 0 8px #30d158b3}.dot--busy{background:var(--amber);box-shadow:0 0 8px #ff9f0a99}.dot--offline{background:#48484e}.devtag{display:inline-flex;align-items:center;color:var(--text-3);margin-left:2px}.callbtn{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(180deg,#6d99ff,var(--accent));color:#fff;border:0;border-radius:999px;padding:10px 18px;font-weight:600;font-size:14px;box-shadow:0 6px 16px -6px #5b8cffb3;transition:all .16s var(--ease)}.callbtn:hover{filter:brightness(1.07);transform:translateY(-1px)}.callbtn:active{transform:scale(.95)}.callbtn--join{background:linear-gradient(180deg,#43dd6b,var(--green));box-shadow:0 6px 16px -6px #30d158b3}.callbtn:disabled{background:var(--fill);color:var(--text-3);box-shadow:none;transform:none;filter:none;cursor:default}.lobby__foot{text-align:center;color:var(--text-3);font-size:11px;padding-top:18px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#060609b8;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);animation:fade .28s ease both}.ring-card{display:flex;flex-direction:column;align-items:center;gap:7px;padding:40px;animation:rise .4s var(--ease) both}.ring-avatar{width:116px;height:116px;border-radius:50%;background:linear-gradient(150deg,#5b8cff4d,#5b8cff14);display:grid;place-items:center;font-size:46px;font-weight:700;color:var(--text);margin-bottom:14px;box-shadow:inset 0 0 0 .5px var(--hairline-strong),0 0 60px -10px #5b8cff99}.ring-avatar--pulse{animation:breathe 1.8s ease-in-out infinite}.ring-name{font-size:25px;font-weight:700;letter-spacing:-.02em}.ring-sub{color:var(--text-2);font-size:15px}.ring-actions{display:flex;gap:44px;margin-top:34px}.ring-btn{width:70px;height:70px;border-radius:50%;border:0;color:#fff;display:grid;place-items:center;transition:all .16s var(--ease)}.ring-btn:active{transform:scale(.9)}.ring-btn--accept{background:linear-gradient(180deg,#43dd6b,var(--green));box-shadow:0 10px 30px -8px #30d158cc;animation:breathe 1.4s ease-in-out infinite}.ring-btn--decline{background:linear-gradient(180deg,#ff5b52,var(--red));box-shadow:0 10px 30px -8px #ff453ab3}.room{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#08080a;animation:fade .35s ease both}.room__stage{position:absolute;top:0;right:0;bottom:0;left:0}.room__stage>.tile{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;box-shadow:none}.room__pip{position:absolute;top:calc(14px + env(safe-area-inset-top));right:14px;z-index:20;width:30%;max-width:132px;min-width:96px;aspect-ratio:3 / 4;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px -8px #0009,inset 0 0 0 1px #ffffff29}.room__pip>.tile{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;box-shadow:none}.room__pip .tile__label{display:none}.room__grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;gap:10px;padding:14px;grid-template-columns:1fr;grid-auto-rows:1fr;min-height:0;overflow-y:auto}@media (min-width: 640px){.room__grid{grid-template-columns:repeat(2,1fr)}}.tile{position:relative;background:#141418;border-radius:20px;overflow:hidden;min-height:0;box-shadow:inset 0 0 0 .5px var(--hairline),0 8px 24px -12px #000000b3;transition:box-shadow .2s var(--ease)}.tile--speaking{box-shadow:inset 0 0 0 2px var(--green),0 0 24px -6px #30d15880}.tile video{width:100%;height:100%;object-fit:cover;display:block}.tile__label{position:absolute;left:12px;bottom:11px;max-width:82%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px;background:#00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.room__error{grid-column:1 / -1;display:grid;place-items:center;color:var(--text-2);text-align:center;padding:26px;font-size:14.5px;line-height:1.5}.room__waiting{position:absolute;left:0;right:0;bottom:108px;text-align:center;color:var(--text-3);font-size:14px}.room__connecting{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-2);font-size:14px;font-weight:500;padding:10px 18px;border-radius:999px;background:#141418b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 .5px var(--hairline-strong);max-width:80%}.room__invited{position:absolute;left:50%;bottom:92px;transform:translate(-50%);color:var(--text);font-size:13px;font-weight:500;padding:8px 16px;border-radius:999px;background:#1c1c20bf;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-md),inset 0 0 0 .5px var(--hairline-strong);animation:rise .3s var(--ease) both}.invite{position:absolute;left:50%;bottom:92px;transform:translate(-50%);z-index:30;width:240px;max-width:calc(100% - 28px);padding:8px;border-radius:18px;background:#1c1c20c7;-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);box-shadow:var(--shadow-lg),inset 0 0 0 .5px var(--hairline-strong);animation:rise .24s var(--ease) both}.invite__title{font-size:11.5px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;padding:6px 8px 8px}.invite__empty{color:var(--text-2);font-size:13.5px;padding:6px 8px 10px}.invite__row{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;color:var(--text);padding:8px;border-radius:12px;transition:background .14s var(--ease)}.invite__row:hover{background:var(--fill)}.invite__name{flex:1;text-align:left;font-size:14.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite__call{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(180deg,#43dd6b,var(--green));color:#fff;flex:none}.xfers{position:absolute;left:14px;bottom:92px;z-index:25;display:flex;flex-direction:column;gap:8px;width:300px;max-width:calc(100% - 28px)}.xfer{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px;border-radius:14px;background:#1c1c20cc;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);box-shadow:var(--shadow-md),inset 0 0 0 .5px var(--hairline-strong);animation:rise .25s var(--ease) both}.xfer__icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--fill);color:var(--accent);flex:none}.xfer__meta{flex:1;min-width:0}.xfer__name{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xfer__sub{font-size:11.5px;color:var(--text-2);margin-top:1px}.xfer__bar{height:4px;border-radius:999px;background:var(--fill);overflow:hidden;margin-top:6px}.xfer__bar span{display:block;height:100%;background:linear-gradient(90deg,#6d99ff,var(--accent));transition:width .15s linear}.xfer__dl{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,#43dd6b,var(--green));color:#fff;flex:none}.xfer__x{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:0;background:transparent;color:var(--text-3);flex:none}.xfer__x:hover{color:var(--text);background:var(--fill)}.room__bar{position:absolute;bottom:calc(22px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:999px;background:#1c1c208c;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--shadow-md),inset 0 0 0 .5px var(--hairline-strong)}.ctrl{width:52px;height:52px;border-radius:50%;border:0;background:var(--fill);color:#fff;display:grid;place-items:center;transition:all .15s var(--ease)}.ctrl:hover{background:var(--fill-hover);transform:translateY(-2px)}.ctrl:active{transform:scale(.9)}.ctrl--off{background:#fff;color:#1a1a1a}.ctrl--active{background:linear-gradient(180deg,#6d99ff,var(--accent));box-shadow:0 6px 16px -6px #5b8cffb3}.ctrl--leave{background:linear-gradient(180deg,#ff5b52,var(--red));box-shadow:0 6px 16px -6px #ff453a99}.ctrl--pill{width:auto;padding:0 17px;border-radius:26px;font-weight:700;font-size:13px;letter-spacing:.03em}.toast{position:absolute;left:50%;bottom:34px;transform:translate(-50%);z-index:120;background:#26262bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text);padding:13px 20px;border-radius:14px;font-size:14px;font-weight:500;box-shadow:var(--shadow-md),inset 0 0 0 .5px var(--hairline-strong);animation:rise .3s var(--ease) both}.silent-call{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border-radius:16px;max-width:calc(100% - 24px);background:#1c1c20b8;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);box-shadow:var(--shadow-md),inset 0 0 0 .5px var(--hairline-strong);animation:rise .3s var(--ease) both}.silent-call__meta{min-width:0;margin-right:2px}.silent-call__name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.silent-call__sub{font-size:11.5px;color:var(--text-2);margin-top:1px}.silent-call__btn{width:34px;height:34px;border-radius:50%;border:0;color:#fff;display:grid;place-items:center;flex:none;transition:all .15s var(--ease)}.silent-call__btn:active{transform:scale(.9)}.silent-call__btn--accept{background:linear-gradient(180deg,#43dd6b,var(--green))}.silent-call__btn--decline{background:var(--fill)}.silent-call__btn--decline:hover{background:var(--fill-hover)}@keyframes pulse{0%{box-shadow:0 0 #30d1588c}70%{box-shadow:0 0 0 9px #30d15800}to{box-shadow:0 0 #30d15800}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rise{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*{animation:none!important}}