@font-face{font-family:HDRight;src:url(/fonts/HDRight.woff2) format("woff2"),url(/fonts/HDRight.ttf) format("truetype");font-display:swap;unicode-range:u+0020,u+0041-0049,u+004c-0057,u+0061-0069,u+006c-0077}:root,[data-theme=dark]{--bg:#000;--surface:#0f0f11;--surface-2:#1c1c1f;--surface-3:#2a2a2e;--glass:rgba(18,18,20,.72);--line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.18);--ink:#f5f5f7;--ink-2:#a1a1a6;--ink-3:#6e6e73;--neon-cyan:#00e5ff;--neon-mint:#2dffc4;--neon-blue:#2997ff;--accent-ink:#00e5ff;--link:#2997ff;--danger:#ff453a;--tile:linear-gradient(160deg,#151518,#0a0a0c);--bubble-mine:linear-gradient(135deg,#0a84ff,#00b4ff);--bubble-theirs:#1f1f22;--caption-bg:rgba(16,16,18,.66);--glow-a:rgba(0,229,255,.55);--glow-b:rgba(41,151,255,.55);--glow-c:rgba(45,255,196,.38);--glow-d:rgba(10,132,255,.45);--glow-opacity:.5;--glow-blend:screen;--bubble-edge:rgba(0,229,255,.35);--shadow:0 30px 80px rgba(0,0,0,.65);--primary-bg:#f5f5f7;--primary-ink:#000;--fx-pink:#ff3ec8;--fx-pink-soft:rgba(255,62,200,.38);--fx-pink-fill:rgba(255,62,200,.12);--fx-green:#39ff88;--fx-green-soft:rgba(57,255,136,.34);--fx-green-fill:rgba(57,255,136,.1);--fx-orange:#ff9f1c;--fx-orange-soft:rgba(255,159,28,.36);--fx-orange-fill:rgba(255,159,28,.1);--fx-yellow:#ffe62e;--fx-yellow-soft:rgba(255,230,46,.32);--fx-yellow-fill:rgba(255,230,46,.09);--fx-blue:#2f7bff;--fx-blue-soft:rgba(47,123,255,.42);--fx-blue-fill:rgba(47,123,255,.12);--fx-sky:#5ee7ff;--fx-sky-soft:rgba(94,231,255,.34);--fx-sky-fill:rgba(94,231,255,.1);--fx-purple:#b86bff;--fx-purple-soft:rgba(184,107,255,.4);--fx-purple-fill:rgba(184,107,255,.12);--fx-cyan:#00e5ff;--fx-cyan-soft:rgba(0,229,255,.34);--fx-cyan-fill:rgba(0,229,255,.1);color-scheme:dark}[data-theme=light]{--bg:#f5f5f7;--surface:#ffffff;--surface-2:#f0f0f3;--surface-3:#e3e3e8;--glass:rgba(255,255,255,.72);--line:rgba(0,0,0,.08);--line-strong:rgba(0,0,0,.16);--ink:#1d1d1f;--ink-2:#515154;--ink-3:#86868b;--neon-cyan:#00c8e6;--neon-mint:#00d69a;--neon-blue:#0071e3;--accent-ink:#007c99;--link:#0066cc;--danger:#e0352b;--tile:linear-gradient(160deg,#ffffff,#f0f0f4);--bubble-mine:linear-gradient(135deg,#0071e3,#0096e6);--bubble-theirs:#e9e9ee;--caption-bg:rgba(22,22,24,.8);--glow-a:rgba(0,229,255,.4);--glow-b:rgba(41,151,255,.3);--glow-c:rgba(45,255,196,.35);--glow-d:rgba(0,113,227,.22);--glow-opacity:.7;--glow-blend:normal;--bubble-edge:rgba(0,140,190,.35);--shadow:0 30px 70px rgba(0,0,0,.12);--primary-bg:#1d1d1f;--primary-ink:#fff;--fx-pink:#e0189f;--fx-pink-soft:rgba(224,24,159,.18);--fx-pink-fill:rgba(224,24,159,.08);--fx-green:#0fbf5c;--fx-green-soft:rgba(15,191,92,.16);--fx-green-fill:rgba(15,191,92,.07);--fx-orange:#f07800;--fx-orange-soft:rgba(240,120,0,.16);--fx-orange-fill:rgba(240,120,0,.07);--fx-yellow:#d9a800;--fx-yellow-soft:rgba(217,168,0,.16);--fx-yellow-fill:rgba(217,168,0,.07);--fx-blue:#0060e0;--fx-blue-soft:rgba(0,96,224,.16);--fx-blue-fill:rgba(0,96,224,.07);--fx-sky:#0098c7;--fx-sky-soft:rgba(0,152,199,.16);--fx-sky-fill:rgba(0,152,199,.07);--fx-purple:#8a3ce0;--fx-purple-soft:rgba(138,60,224,.16);--fx-purple-fill:rgba(138,60,224,.07);--fx-cyan:#00a9c7;--fx-cyan-soft:rgba(0,169,199,.16);--fx-cyan-fill:rgba(0,169,199,.07);color-scheme:light}:root{--font-display:"HDRight",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-text:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI Variable Text","Segoe UI",system-ui,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"SF Mono","Cascadia Mono","Segoe UI Mono",Menlo,Consolas,monospace;--ease:cubic-bezier(.25,.1,.25,1);--ease-out:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.34,1.56,.64,1)}*,:after,:before{box-sizing:border-box}body,html{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color .5s var(--ease),color .5s var(--ease)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}::selection{background:rgba(0,229,255,.3)}:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:3px;border-radius:8px}.wordmark{font-size:21px;letter-spacing:.12em;line-height:1}.eyebrow,.wordmark{font-family:var(--font-display)}.eyebrow{font-size:12px;letter-spacing:.28em;color:var(--accent-ink);margin:0}[data-theme=dark] .eyebrow{text-shadow:0 0 18px rgba(0,229,255,.55)}.fluid-logo{width:30px;height:30px;flex:none;filter:drop-shadow(0 0 12px rgba(0,229,255,.45))}::view-transition-new(root),::view-transition-old(root){animation-duration:.45s;animation-timing-function:var(--ease)}.ambient{inset:0;overflow:hidden;pointer-events:none;z-index:0}.ambient,.glow{position:absolute}.glow{border-radius:50%;filter:blur(48px);opacity:var(--glow-opacity);mix-blend-mode:var(--glow-blend);will-change:transform}.glow.g1{width:46vmax;height:46vmax;left:-14vmax;top:-18vmax;background:radial-gradient(circle,var(--glow-a),transparent 62%);animation:drift-1 24s var(--ease) infinite alternate}.glow.g2{width:40vmax;height:40vmax;right:-12vmax;bottom:-16vmax;background:radial-gradient(circle,var(--glow-b),transparent 62%);animation:drift-2 30s var(--ease) infinite alternate}.fx-anchor,.fx-x{position:absolute;width:0;height:0}.fx-x{animation:fx-x var(--dx) ease-in-out var(--delay,0s) infinite alternate}.fx-y{animation:fx-y var(--dy) ease-in-out var(--delay,0s) infinite alternate}.fx-orbit,.fx-y{position:absolute}.fx-orbit{animation:fx-orbit var(--dur) linear var(--delay,0s) infinite}.fx-orbit.rev{animation-direction:reverse}@keyframes fx-x{0%{transform:translateX(calc(var(--ax) * -1))}to{transform:translateX(var(--ax))}}@keyframes fx-y{0%{transform:translateY(calc(var(--ay) * -1))}to{transform:translateY(var(--ay))}}@keyframes fx-orbit{0%{transform:rotate(0deg) translateX(var(--r)) rotate(0deg)}to{transform:rotate(1turn) translateX(var(--r)) rotate(-1turn)}}.fx-dot{position:absolute;left:calc(var(--size) / -2);top:calc(var(--size) / -2);width:var(--size);height:var(--size);animation:fx-pulse var(--pulse) ease-in-out var(--delay,0s) infinite alternate;will-change:transform,opacity}.fx-dot.dot{border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 14%,var(--c) 42%,var(--c-soft) 70%,transparent 72%);box-shadow:0 0 calc(var(--size) * .8) var(--c),0 0 calc(var(--size) * 2.2) var(--c-soft)}.fx-dot.ring{border-radius:50%;border:1.5px solid var(--c);box-shadow:0 0 10px var(--c-soft),0 0 4px var(--c),inset 0 0 6px var(--c-soft)}.fx-dot svg{display:block;width:100%;height:100%;overflow:visible;fill:var(--c-fill);stroke:var(--c);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 2px var(--c)) drop-shadow(0 0 8px var(--c-soft));animation:fx-spin var(--spin) linear infinite}.fx-dot.ccw svg{animation-direction:reverse}@keyframes fx-spin{to{transform:rotate(1turn)}}@keyframes fx-pulse{0%{transform:scale(.8);opacity:.55}to{transform:scale(1.12);opacity:1}}.c-pink{--c:var(--fx-pink);--c-soft:var(--fx-pink-soft);--c-fill:var(--fx-pink-fill)}.c-green{--c:var(--fx-green);--c-soft:var(--fx-green-soft);--c-fill:var(--fx-green-fill)}.c-orange{--c:var(--fx-orange);--c-soft:var(--fx-orange-soft);--c-fill:var(--fx-orange-fill)}.c-yellow{--c:var(--fx-yellow);--c-soft:var(--fx-yellow-soft);--c-fill:var(--fx-yellow-fill)}.c-blue{--c:var(--fx-blue);--c-soft:var(--fx-blue-soft);--c-fill:var(--fx-blue-fill)}.c-sky{--c:var(--fx-sky);--c-soft:var(--fx-sky-soft);--c-fill:var(--fx-sky-fill)}.c-purple{--c:var(--fx-purple);--c-soft:var(--fx-purple-soft);--c-fill:var(--fx-purple-fill)}.c-cyan{--c:var(--fx-cyan);--c-soft:var(--fx-cyan-soft);--c-fill:var(--fx-cyan-fill)}@keyframes reveal{0%{opacity:0;transform:translateY(26px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:translate(-50%,10px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes shimmer{to{background-position:200%}}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 rgba(45,255,196,.6)}50%{box-shadow:0 0 0 6px rgba(45,255,196,0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes eq{0%,to{height:4px}50%{height:16px}}.reveal{animation:reveal .9s var(--ease-out) both}.reveal.d1{animation-delay:.12s}.reveal.d2{animation-delay:.24s}.join-primary,.new-conv,.save{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;border-radius:999px;background:var(--primary-bg);color:var(--primary-ink);font-size:16px;font-weight:600;letter-spacing:-.01em;transition:transform .35s var(--spring),box-shadow .35s var(--ease),opacity .2s}.join-primary:hover,.new-conv:hover,.save:hover{transform:scale(1.02);box-shadow:0 0 0 1px rgba(0,229,255,.55),0 0 32px rgba(0,229,255,.35)}.join-primary:active,.new-conv:active,.save:active{transform:scale(.98)}.join-primary:disabled,.join-secondary:disabled,.save:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.join-secondary{height:48px;padding:0 22px;border-radius:999px;flex:none;border:1px solid var(--line-strong);color:var(--link);font-weight:600;font-size:15px;transition:border-color .25s,box-shadow .25s,transform .3s var(--spring)}.join-secondary:hover:not(:disabled){border-color:var(--link);box-shadow:0 0 20px rgba(41,151,255,.3);transform:translateY(-1px)}.switch{width:46px;height:28px;border-radius:999px;background:var(--surface-3);padding:3px;flex:none;transition:background .3s var(--ease),box-shadow .3s}.switch span{display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:transform .35s var(--spring)}.switch-on{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-mint));box-shadow:0 0 16px rgba(0,229,255,.45)}.switch-on span{transform:translateX(18px)}.theme-toggle{display:inline-flex;align-items:center;border-radius:999px}.theme-toggle-track{position:relative;display:block;width:54px;height:30px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line-strong);transition:background .4s var(--ease),box-shadow .4s}.theme-toggle-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;line-height:1;background:linear-gradient(135deg,#ffd76a,#ffb23f);color:#7a4b00;transition:transform .45s var(--spring),background .4s,color .4s,box-shadow .4s}.theme-toggle[aria-checked=true] .theme-toggle-track{box-shadow:0 0 0 1px rgba(0,229,255,.35),0 0 18px rgba(0,229,255,.25)}.theme-toggle[aria-checked=true] .theme-toggle-thumb{transform:translateX(24px);background:#000;color:var(--neon-cyan);box-shadow:0 0 12px rgba(0,229,255,.8)}.join-main{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;flex-direction:column;padding:0 20px 64px;background:var(--bg)}.join-main,.topbar{display:flex;align-items:center}.topbar{position:fixed;top:0;left:0;right:0;z-index:20;height:52px;justify-content:space-between;padding:0 max(20px,calc(50% - 500px));background:var(--glass);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.join-hero{position:relative;z-index:1;text-align:center;max-width:900px;margin-top:calc(52px + 11vh)}.join-hero h1{font-size:clamp(44px,7.6vw,104px);font-weight:700;letter-spacing:-.04em;line-height:1.02;margin:20px 0 0}.gradient-text{background:linear-gradient(92deg,var(--neon-cyan),var(--neon-mint) 35%,var(--neon-blue) 65%,var(--neon-cyan));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 9s linear infinite}.lede{font-size:clamp(17px,1.7vw,22px);line-height:1.45;color:var(--ink-2);max-width:600px;margin:24px auto 0;letter-spacing:-.01em}.join-card{position:relative;z-index:1;width:min(560px,100%);margin-top:52px;padding:28px;border-radius:28px;background:var(--glass);border:1px solid var(--line);backdrop-filter:saturate(180%) blur(28px);-webkit-backdrop-filter:saturate(180%) blur(28px);box-shadow:var(--shadow)}.join-label{display:block;font-family:var(--font-display);font-size:11px;letter-spacing:.22em;color:var(--ink-3);margin:0 0 10px}.join-input{display:block;width:100%;height:50px;border-radius:14px;padding:0 16px;margin-bottom:22px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);font-size:17px;outline:0;transition:border-color .25s,box-shadow .25s}.join-input::placeholder{color:var(--ink-3)}.join-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 4px rgba(0,229,255,.15),0 0 24px rgba(0,229,255,.2)}.join-input.code{margin:0;font-family:var(--font-mono);font-weight:600;letter-spacing:.3em;text-align:center;text-transform:uppercase}.lang-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.lang-option{height:36px;padding:0 14px;border-radius:999px;font-size:14px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);transition:transform .3s var(--spring),background .25s,border-color .25s,box-shadow .25s}.lang-option:hover{transform:translateY(-2px);border-color:var(--line-strong)}.lang-option.chosen{border-color:var(--neon-cyan);background:rgba(0,229,255,.12);box-shadow:0 0 18px rgba(0,229,255,.3);font-weight:600}.join-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--ink-3);font-size:13px}.join-divider span{flex:1 1;height:1px;background:var(--line)}.join-row{display:flex;gap:10px}.join-error{color:var(--danger);font-size:13px;margin:14px 0 0;text-align:center}.join-privacy{color:var(--ink-3);font-size:12px;line-height:1.5;text-align:center;margin:20px 0 0}main.room-main{display:grid;grid-template-columns:264px minmax(0,1fr);height:100vh;height:100dvh;overflow:hidden;background:var(--bg)}.sidebar{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:20px 14px 14px;background:var(--surface);border-right:1px solid var(--line);transition:background .5s var(--ease)}.sidebar .brand{padding:2px 8px 22px}.new-conv{height:40px;font-size:14px}.new-conv span{font-size:18px;font-weight:400}.side-label{font-family:var(--font-display);font-size:11px;letter-spacing:.2em;color:var(--ink-3);margin:24px 10px 10px;display:flex;align-items:center;gap:8px}.side-label .count{font-family:var(--font-text);letter-spacing:0;font-size:11px;font-weight:600;color:var(--ink-2);background:var(--surface-2);border-radius:99px;padding:1px 7px}.room-chip{display:flex;width:100%;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:14px;border:1px dashed rgba(0,229,255,.5);font-family:var(--font-mono);font-size:18px;font-weight:600;letter-spacing:.22em;color:var(--ink);transition:box-shadow .3s,background .3s}.room-chip:hover{background:rgba(0,229,255,.06);box-shadow:0 0 22px rgba(0,229,255,.25)}.room-chip svg{color:var(--accent-ink)}.sidebar nav{flex:1 1;min-height:0;overflow-y:auto;margin:0 -4px;padding:0 4px}.conversation{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:12px;position:relative;transition:background .2s;animation:reveal .5s var(--ease-out) both}.conversation:hover{background:var(--surface-2)}.conversation b,.profile b{display:block;font-size:14px;font-weight:600;letter-spacing:-.01em}.conversation small,.profile small{display:block;font-size:12px;color:var(--ink-2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.conversation i{position:absolute;right:12px;width:8px;height:8px;border-radius:50%;background:var(--neon-mint);animation:pulse-dot 1.4s infinite}.mini-avatar{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;flex:none;color:#fff;font-size:11px;font-weight:600}.blue{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-blue))!important;color:#001218}.sidebar-bottom{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}.utility{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border-radius:10px;color:var(--ink-2);font-size:14px;transition:background .2s,color .2s}.utility:hover{background:var(--surface-2);color:var(--ink)}.profile{display:flex;align-items:center;gap:10px;padding:10px}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden}.workspace>header{flex:none;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--glass);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line);position:relative;z-index:5}.conversation-heading{display:flex;align-items:center;gap:12px}.conversation-heading h1{font-size:17px;font-weight:600;letter-spacing:-.02em;margin:0}.conversation-heading p{font-size:12px;color:var(--ink-2);margin:2px 0 0}.presence{width:8px;height:8px;border-radius:50%;background:var(--neon-mint);box-shadow:0 0 10px var(--neon-mint)}.head-actions{display:flex;align-items:center;gap:14px;color:var(--ink-2)}.head-actions>button:not(.theme-toggle){width:34px;height:34px;border-radius:50%;display:grid;place-items:center;transition:background .2s,color .2s}.head-actions>button:not(.theme-toggle):hover{background:var(--surface-2);color:var(--ink)}.head-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#001218;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-blue));box-shadow:0 0 14px rgba(0,229,255,.35)}.call-chat{flex:1 1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px}.call-chat.chat-collapsed{grid-template-columns:minmax(0,1fr)}.call-chat.chat-collapsed .chat-panel{display:none}.call-area{position:relative;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg);isolation:isolate;transition:background .5s var(--ease)}.call-area>:not(.ambient){z-index:1}.call-status{position:absolute;top:18px;left:20px;display:flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;font-size:12px;color:var(--ink-2);background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.call-status>span:not(.live-dot){color:var(--ink-3)}.green-dot,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--neon-mint);animation:pulse-dot 1.8s infinite}.live-dot.warn{background:#ffb020;animation:none;box-shadow:0 0 8px #ffb020}.participant-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,290px));grid-gap:18px;gap:18px;width:min(620px,90%);margin-top:-40px;transition:width .6s var(--ease-out)}.participant-grid.group-grid{grid-template-columns:repeat(2,minmax(0,230px));width:min(500px,90%)}.participant-grid.video-mode{grid-template-columns:repeat(2,minmax(0,460px));width:min(960px,94%)}.participant-grid.video-mode.group-grid{grid-template-columns:repeat(2,minmax(0,340px));width:min(720px,94%)}.participant{position:relative;aspect-ratio:1/1;border-radius:28px;overflow:hidden;isolation:isolate;display:grid;place-items:center;background:var(--tile);border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.25);transition:border-color .4s var(--ease),box-shadow .4s var(--ease),transform .5s var(--ease-out);animation:reveal .7s var(--ease-out) both}.participant-grid.video-mode .participant{aspect-ratio:4/3}.participant.active-speaker{border-color:rgba(0,229,255,.55);box-shadow:0 0 0 1px rgba(0,229,255,.35),0 0 48px rgba(0,229,255,.22);transform:translateY(-3px)}.participant.has-video{background:#000}.orb{position:relative;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.38),transparent 42%),var(--person);color:#fff;font-size:34px;font-weight:600;letter-spacing:-.02em;box-shadow:0 14px 40px rgba(0,0,0,.35)}.active-speaker .orb:before{content:"";position:absolute;inset:-6px;border-radius:50%;z-index:-1;background:conic-gradient(from 0deg,var(--neon-cyan),var(--neon-mint),var(--neon-blue),var(--neon-cyan));animation:spin 2.6s linear infinite;filter:drop-shadow(0 0 14px rgba(0,229,255,.6))}.sound-bars{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;gap:3px;height:16px}.sound-bars i{width:3px;height:4px;border-radius:2px;background:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan);animation:eq .9s ease-in-out infinite}.sound-bars i:nth-child(2){animation-delay:.15s}.sound-bars i:nth-child(3){animation-delay:.3s}.sound-bars i:nth-child(4){animation-delay:.45s}.participant-info{position:absolute;left:16px;bottom:14px;z-index:2}.participant-info b{display:block;font-size:14px;font-weight:600;letter-spacing:-.01em}.participant-info span{font-size:12px;color:var(--ink-2)}.participant.has-video .participant-info{padding:6px 10px;border-radius:10px;background:rgba(0,0,0,.55);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.participant.has-video .participant-info span{color:rgba(255,255,255,.75)}.speaking{position:absolute;top:14px;right:14px;z-index:2;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-family:var(--font-display);font-size:10px;letter-spacing:.2em;color:var(--neon-mint);background:rgba(0,0,0,.55);border:1px solid rgba(45,255,196,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.speaking span{width:6px;height:6px;border-radius:50%;background:var(--neon-mint);animation:pulse-dot 1.2s infinite}.participant.waiting{border-style:dashed;border-color:var(--line-strong);text-align:center;padding:24px;color:var(--ink-2);font-size:13px;line-height:1.5;background:transparent;box-shadow:none}.participant.waiting b{display:block;color:var(--ink);font-size:17px;font-weight:600;margin-bottom:6px}.participant.waiting p{margin:0 0 14px}.participant.waiting strong{font-family:var(--font-mono);letter-spacing:.2em;color:var(--accent-ink)}.participant.waiting .join-secondary{height:38px;font-size:13px}.video-tile{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;animation:fade .4s var(--ease) both}.video-tile.mirrored{transform:scaleX(-1)}.caption-card{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);width:min(780px,90%);padding:16px 22px 18px;border-radius:22px;color:#f5f5f7;background:var(--caption-bg);border:1px solid rgba(255,255,255,.08);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);box-shadow:0 24px 60px rgba(0,0,0,.45);animation:caption-in .55s var(--ease-out) both}@keyframes caption-in{0%{opacity:0;transform:translate(-50%,16px);filter:blur(6px)}to{opacity:1;transform:translate(-50%);filter:blur(0)}}.caption-speaker{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin-bottom:10px}.caption-speaker .mini-avatar{width:20px;height:20px;font-size:8px}.caption-lang{font-weight:400;color:rgba(255,255,255,.55)}.caption-line{padding-left:12px;border-left:2px solid rgba(255,255,255,.25);margin:8px 0 0}.caption-line.translated{border-left-color:var(--neon-cyan);box-shadow:-8px 0 16px -10px rgba(0,229,255,.8)}.caption-line small{font-family:var(--font-display);font-size:10px;letter-spacing:.22em;color:rgba(255,255,255,.5)}.caption-line.translated small{color:#00e5ff}.caption-line p{margin:4px 0 0;font-size:17px;font-weight:500;line-height:1.35;color:rgba(255,255,255,.82);letter-spacing:-.01em}.caption-line.translated p{font-size:24px;font-weight:600;color:#fff;letter-spacing:-.02em}.caption-small .caption-line p{font-size:14px}.caption-small .caption-line.translated p{font-size:18px}.caption-large .caption-line p{font-size:21px}.caption-large .caption-line.translated p{font-size:32px;line-height:1.2}.caption-warning{color:#ffcf7a;font-size:12px;margin:10px 0 0}.caption-hint{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:10px 18px;border-radius:999px;font-size:13px;color:var(--ink-2);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:fade .6s both}.processing-note{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:11px;color:var(--ink-3)}.tile-tags{position:absolute;top:14px;left:14px;z-index:2;display:flex;gap:6px;align-items:center}.voice-badge{font-family:var(--font-display);font-size:9px;letter-spacing:.2em;padding:5px 9px;border-radius:999px;color:var(--accent-ink);background:rgba(0,229,255,.1);border:1px solid rgba(0,229,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mic-off{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;background:rgba(255,69,58,.85)}.caption-line.pending p{background:linear-gradient(90deg,rgba(255,255,255,.35),#fff,rgba(255,255,255,.35));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 1.6s linear infinite}.chat-translation.pending small{animation:blink 1.2s ease-in-out infinite}@keyframes blink{50%{opacity:.35}}.link-tag{font-size:10px;font-weight:600;padding:4px 9px;border-radius:999px;color:var(--ink-2);background:rgba(0,0,0,.45);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.link-tag.bad{color:#ffb4ae;border-color:rgba(255,69,58,.5)}.sound-unlock{position:fixed;top:76px;left:50%;transform:translateX(-50%);z-index:70;display:flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;font-size:14px;font-weight:600;color:#001218;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-mint));box-shadow:0 0 28px rgba(0,229,255,.55);animation:pop-in .4s var(--spring) both}.segmented{display:grid;grid-gap:8px;gap:8px;margin:10px 0 4px}.segmented button{text-align:left;padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);transition:border-color .25s,box-shadow .25s,background .25s}.segmented button b{display:block;font-size:14px;font-weight:600;margin-bottom:3px}.segmented button small{display:block;font-size:12px;line-height:1.4;color:var(--ink-2)}.segmented button.chosen{border-color:var(--neon-cyan);background:rgba(0,229,255,.08);box-shadow:0 0 18px rgba(0,229,255,.22)}.chat-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative;background:var(--surface);border-left:1px solid var(--line);transition:background .5s var(--ease)}.chat-head{flex:none;display:flex;justify-content:space-between;align-items:center;padding:18px 20px 12px}.chat-head h2{font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0}.chat-head p{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2);margin:3px 0 0}.chat-head button{width:30px;height:30px;border-radius:50%;font-size:20px;color:var(--ink-2);transition:background .2s}.chat-head button:hover{background:var(--surface-2)}.chat-toggle{flex:none;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;font-size:13px;color:var(--ink-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.messages{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 16px 24px;scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}.messages::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:8px}.empty-chat{color:var(--ink-3);font-size:13px;line-height:1.5;text-align:center;margin:48px 12px 0}.message{display:flex;align-items:flex-end;gap:8px;margin-bottom:14px;animation:msg-in-left .45s var(--ease-out) both}.message:not(.incoming){flex-direction:row-reverse;animation-name:msg-in-right}.message:not(.incoming) .mini-avatar{display:none}.message>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:82%}.message:not(.incoming)>div{align-items:flex-end}@keyframes msg-in-left{0%{opacity:0;transform:translate(-14px,12px) scale(.96)}to{opacity:1;transform:none}}@keyframes msg-in-right{0%{opacity:0;transform:translate(14px,12px) scale(.96)}to{opacity:1;transform:none}}.msg-meta{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--ink-3);margin:0 6px 4px}.msg-meta b{color:var(--ink-2);font-weight:600}.spoken-tag{font-family:var(--font-display);font-style:normal;font-size:8px;letter-spacing:.2em;color:var(--accent-ink);border:1px solid;border-radius:6px;padding:2px 5px}.chat-bubble{padding:9px 14px;border-radius:20px;border-bottom-left-radius:6px;background:var(--bubble-theirs);font-size:14.5px;line-height:1.38;transition:transform .25s var(--spring),box-shadow .25s}.message:not(.incoming) .chat-bubble{background:var(--bubble-mine);color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:6px;box-shadow:0 6px 20px rgba(10,132,255,.28)}.chat-bubble:hover{transform:scale(1.01)}.chat-bubble p{margin:0;white-space:pre-wrap;word-break:break-word}.chat-translation{margin-top:7px;padding-top:7px;border-top:1px solid var(--line-strong);animation:reveal .35s var(--ease-out) both}.chat-translation small{font-family:var(--font-display);font-size:9px;letter-spacing:.2em;color:var(--ink-3)}.chat-translation p{color:var(--ink-2);margin-top:3px}.show-original{font-size:11px;color:var(--link);margin:5px 8px 0;transition:opacity .2s}.show-original:hover{opacity:.75}.new-messages{position:absolute;left:50%;bottom:96px;transform:translateX(-50%);z-index:3;white-space:nowrap;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:600;color:#fff;background:var(--neon-blue);box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 18px rgba(41,151,255,.6);animation:pop-in .35s var(--spring) both}.composer{flex:none;position:relative;padding:12px 14px 14px;border-top:1px solid var(--line)}.composer textarea{display:block;width:100%;min-height:46px;max-height:120px;resize:none;outline:0;padding:13px 50px 13px 16px;border-radius:23px;font-size:14.5px;line-height:1.35;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);transition:border-color .25s,box-shadow .25s}.composer textarea::placeholder{color:var(--ink-3)}.composer textarea:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 4px rgba(0,229,255,.12)}.composer>div{position:absolute;right:22px;bottom:22px}.send{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--neon-blue);box-shadow:0 0 14px rgba(41,151,255,.6);transition:transform .3s var(--spring)}.send:hover{transform:scale(1.1)}.send:active{transform:scale(.92)}.controls{flex:none;position:relative;height:92px;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--line);background:var(--surface);transition:background .5s var(--ease)}.control-group{display:flex;align-items:flex-start;gap:4px;padding:8px 10px 6px;border-radius:26px;background:var(--surface-2);border:1px solid var(--line)}.round{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:70px;color:var(--ink-2)}.round span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--ink);transition:transform .35s var(--spring),background .3s,box-shadow .3s,color .3s}.round:hover span{transform:scale(1.08)}.round:active span{transform:scale(.92)}.round small{font-size:10.5px;max-width:96px;text-align:center;line-height:1.2}.round.on span{background:rgba(0,229,255,.14);color:var(--accent-ink);box-shadow:0 0 0 1px rgba(0,229,255,.5),0 0 22px rgba(0,229,255,.35)}.round.off span{color:var(--ink-2)}.caption-control{position:relative}.caption-menu{position:absolute;bottom:78px;left:50%;transform:translateX(-50%);width:260px;z-index:10;padding:14px 16px;border-radius:18px;background:var(--glass);border:1px solid var(--line-strong);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);box-shadow:var(--shadow);animation:pop-in .3s var(--ease-out) both}.caption-menu h3{font-family:var(--font-display);font-size:11px;letter-spacing:.22em;color:var(--ink-3);font-weight:400;margin:0 0 6px}.setting-row{justify-content:space-between;gap:12px;padding:9px 0;font-size:14px}.leave,.setting-row{display:flex;align-items:center}.leave{position:absolute;right:24px;gap:6px;height:38px;padding:0 16px;border-radius:999px;font-size:13px;font-weight:600;color:#fff;background:var(--danger);box-shadow:0 0 20px rgba(255,69,58,.35);transition:transform .3s var(--spring),box-shadow .3s}.leave:hover{transform:scale(1.05);box-shadow:0 0 28px rgba(255,69,58,.55)}.toast{position:fixed;left:50%;bottom:112px;transform:translateX(-50%);z-index:60;max-width:min(520px,90vw);padding:11px 18px;border-radius:999px;font-size:13px;color:var(--ink);background:var(--glass);border:1px solid rgba(0,229,255,.35);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);box-shadow:var(--shadow),0 0 22px rgba(0,229,255,.2);animation:pop-in .4s var(--spring) both}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fade .3s var(--ease) both}.modal{position:relative;width:460px;max-width:100%;max-height:90dvh;overflow-y:auto;padding:28px;border-radius:26px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);animation:sheet-in .5s var(--ease-out) both}.modal h2{font-size:30px;font-weight:700;letter-spacing:-.03em;margin:8px 0 4px}.modal-sub{font-size:14px;margin:0 0 18px}.close,.modal-sub{color:var(--ink-2)}.close{position:absolute;right:18px;top:18px;width:32px;height:32px;border-radius:50%;font-size:20px;background:var(--surface-2);transition:transform .3s var(--spring)}.close:hover{transform:rotate(90deg)}.settings-section{border-top:1px solid var(--line);padding:16px 0 6px}.settings-section h3{font-family:var(--font-display);font-weight:400;font-size:11px;letter-spacing:.22em;color:var(--ink-3);margin:0 0 6px}.modal label{display:block;font-size:13px;color:var(--ink-2);margin:12px 0}.modal input:not([type=range]),.modal select{display:block;width:100%;height:42px;margin-top:6px;padding:0 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);outline:0;font-size:14px}.modal select:focus{border-color:var(--neon-cyan)}.modal input[type=range]{display:block;width:100%;margin-top:10px;accent-color:var(--neon-cyan)}.preview{height:38px;font-size:13px;margin:4px 0 6px}@media (max-width:1100px){.call-chat{grid-template-columns:minmax(0,1fr) 310px}}@media (max-width:820px){main.room-main{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.call-chat{display:flex;flex-direction:column}.call-area{flex:1 1 55%}.chat-panel{flex:1 1 45%;border-left:0;border-top:1px solid var(--line)}.participant-grid,.participant-grid.video-mode{grid-template-columns:repeat(2,minmax(0,1fr));width:92%;margin-top:-30px}.round small{display:none}.round{min-width:52px}.caption-line.translated p{font-size:18px}.leave span{display:none}.leave{right:12px;padding:0 12px}.toast{bottom:100px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}