:root{color-scheme:light dark;--bg: #ffffff;--bg-soft: #f7f8ff;--surface: #ffffff;--tile: #f3f5ff;--tile-hover: #e9edff;--border: #dadaff;--text: #0f1020;--muted: #4a4a68;--brand: #0b0be4;--brand-hover: #0707b8;--brand-on: #ffffff;--brand-soft: #eef0ff;--danger: #c62828;--danger-soft: #fdeeee;--ok: #15803d;--preview-bg: #14153a;--preview-text: #e9ebff;--shadow: 0 8px 32px rgba(11, 11, 228, .08);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--gutter: var(--s-4);--block-gap: var(--s-6);--radius-s: 10px;--radius-m: 16px;--radius-l: 24px;--control-h: 48px;--control-h-lg: 56px;--page-max: 1120px;--font: "TT Norms", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease: cubic-bezier(.2, .7, .2, 1);--dur-1: .16s;--dur-2: .24s;--dur-3: .4s;--spring: cubic-bezier(.34, 1.4, .64, 1);--shadow-1: 0 1px 2px rgba(15, 16, 60, .06), 0 2px 8px rgba(11, 11, 228, .05);--shadow-2: 0 2px 6px rgba(15, 16, 60, .06), 0 12px 32px rgba(11, 11, 228, .1);--shadow-3: 0 4px 12px rgba(15, 16, 60, .08), 0 24px 64px rgba(11, 11, 228, .16);--glass: rgba(255, 255, 255, .72);--glass-strong: rgba(255, 255, 255, .86);--glass-border: rgba(140, 146, 255, .28);--glass-blur: blur(18px) saturate(1.6);--glow-1: rgba(11, 11, 228, .1);--glow-2: rgba(146, 92, 255, .1);--ring: var(--brand);--scrim: rgba(10, 11, 29, .56)}@media(min-width:768px){:root{--gutter: var(--s-5);--block-gap: var(--s-7)}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0d0e1b;--bg-soft: #12142a;--surface: #161833;--tile: #1b1e3d;--tile-hover: #24274d;--border: #2d3160;--text: #eceefb;--muted: #a7abd0;--brand: #5a62ff;--brand-hover: #747bff;--brand-soft: #1e2250;--danger: #ff7b7b;--danger-soft: #3a1a24;--ok: #4ade80;--preview-bg: #0a0b1d;--shadow: 0 8px 32px rgba(0, 0, 0, .35);--shadow-1: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .2);--shadow-2: 0 2px 6px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .35);--shadow-3: 0 4px 12px rgba(0, 0, 0, .35), 0 24px 64px rgba(0, 0, 0, .5);--glass: rgba(26, 29, 62, .66);--glass-strong: rgba(26, 29, 62, .86);--glass-border: rgba(140, 146, 255, .2);--glow-1: rgba(90, 98, 255, .16);--glow-2: rgba(170, 92, 255, .1);--ring: #8a90ff}}:root[data-theme=dark]{--bg: #0d0e1b;--bg-soft: #12142a;--surface: #161833;--tile: #1b1e3d;--tile-hover: #24274d;--border: #2d3160;--text: #eceefb;--muted: #a7abd0;--brand: #5a62ff;--brand-hover: #747bff;--brand-soft: #1e2250;--danger: #ff7b7b;--danger-soft: #3a1a24;--ok: #4ade80;--preview-bg: #0a0b1d;--shadow: 0 8px 32px rgba(0, 0, 0, .35);--shadow-1: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .2);--shadow-2: 0 2px 6px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .35);--shadow-3: 0 4px 12px rgba(0, 0, 0, .35), 0 24px 64px rgba(0, 0, 0, .5);--glass: rgba(26, 29, 62, .66);--glass-strong: rgba(26, 29, 62, .86);--glass-border: rgba(140, 146, 255, .2);--glow-1: rgba(90, 98, 255, .16);--glow-2: rgba(170, 92, 255, .1);--ring: #8a90ff}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60vmax 40vmax at 85% -10%,var(--glow-1),transparent 70%),radial-gradient(50vmax 36vmax at -10% 30%,var(--glow-2),transparent 70%)}h1,h2,h3,p{margin:0}h1{font-size:clamp(30px,5vw,48px);line-height:1.1;letter-spacing:-.02em;font-weight:700}h2{font-size:22px;line-height:1.25;font-weight:700}a{color:var(--brand)}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.001ms!important;transition-delay:0s!important}}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.page__main{width:100%;max-width:var(--page-max);margin:0 auto;padding:var(--s-5) var(--gutter) var(--s-8);flex:1}.header{height:72px;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);width:100%;max-width:var(--page-max);margin:0 auto;padding:0 var(--gutter)}.logo{display:inline-flex;align-items:center;gap:var(--s-2);color:var(--text);font-weight:700;font-size:20px;text-decoration:none;white-space:nowrap}.logo__mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 70%,#9b6bff),var(--brand));color:var(--brand-on);display:grid;place-items:center;box-shadow:0 6px 16px -6px color-mix(in srgb,var(--brand) 70%,transparent);transition:transform var(--dur-3) var(--spring)}.logo:hover .logo__mark{transform:rotate(-8deg) scale(1.06)}.logo__word{display:none}@media(min-width:420px){.logo__word{display:inline}}.header__user{display:flex;align-items:center;gap:var(--s-3);min-width:0;min-height:44px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:700;flex:none;object-fit:cover}.header__name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:none}@media(min-width:640px){.header__name{display:block}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:var(--control-h);padding:0 var(--s-5);border:1px solid transparent;border-radius:var(--radius-m);background:var(--tile);color:var(--text);font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),transform var(--dur-1) var(--ease)}.btn:hover{background:var(--tile-hover)}.btn:active{transform:scale(.97)}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 86%,#ffffff),var(--brand));color:var(--brand-on);box-shadow:0 8px 20px -10px color-mix(in srgb,var(--brand) 85%,transparent),inset 0 1px #ffffff2e}.btn--primary:hover{background:linear-gradient(180deg,var(--brand),var(--brand-hover));box-shadow:0 12px 28px -10px color-mix(in srgb,var(--brand) 90%,transparent),inset 0 1px #ffffff2e}.btn--primary[disabled]{box-shadow:none}.btn--lg{height:var(--control-h-lg);font-size:18px;padding:0 var(--s-6)}.btn--ghost{background:var(--glass);border-color:var(--border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn--quiet{background:transparent;padding:0 var(--s-3)}.btn--block{width:100%}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon{flex:none;transform-origin:center}@keyframes icon-spin{to{transform:rotate(90deg)}}@keyframes icon-nudge{50%{transform:translate(4px)}}@keyframes icon-pulse{50%{transform:scale(1.18)}}@keyframes icon-wiggle{25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}:is(.btn,button,a):is(:hover,:focus-visible) .icon[data-anim=spin]{animation:icon-spin .35s var(--ease) forwards}:is(.btn,button,a):is(:hover,:focus-visible) .icon[data-anim=nudge]{animation:icon-nudge .5s var(--ease)}:is(.btn,button,a):is(:hover,:focus-visible) .icon[data-anim=pulse]{animation:icon-pulse .45s var(--ease)}:is(.btn,button,a):is(:hover,:focus-visible) .icon[data-anim=wiggle]{animation:icon-wiggle .5s var(--ease)}@keyframes icon-dot{40%{transform:translateY(-3px)}}@keyframes icon-hang{40%{transform:rotate(-16deg) translateY(1px)}75%{transform:rotate(6deg)}}@keyframes icon-rise{45%{transform:translateY(-3px) rotate(-6deg)}}.icon[data-anim=dots] circle{transform-box:fill-box;transform-origin:center}:is(.btn,button,a):is(:hover,:focus-visible) .icon[data-anim=dots] circle{animation:icon-dot .5s var(--ease)}:is(.btn,button,a):is(:hover,:focus-visible) .icon[data-anim=dots] circle:nth-of-type(2){animation-delay:.07s}:is(.btn,button,a):is(:hover,:focus-visible) .icon[data-anim=dots] circle:nth-of-type(3){animation-delay:.14s}:is(.btn,button,a):is(:hover,:focus-visible) .icon[data-anim=hang]{animation:icon-hang .55s var(--ease)}:is(.btn,button,a):is(:hover,:focus-visible) .icon[data-anim=rise]{animation:icon-rise .5s var(--ease)}.field{display:flex;flex-direction:column;gap:var(--s-2)}.field__label{font-size:14px;color:var(--muted);font-weight:600}.input{width:100%;height:var(--control-h);padding:0 var(--s-4);border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);outline:none;box-shadow:var(--shadow-1);transition:border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.input:hover:not(:focus):not(:disabled){border-color:color-mix(in srgb,var(--brand) 40%,var(--border))}.input::placeholder{color:var(--muted);opacity:.75}.input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.input--lg{height:var(--control-h-lg)}.input[aria-invalid=true]{border-color:var(--danger)}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a8db5' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--s-4) center;padding-right:var(--s-7);text-overflow:ellipsis}.hint{min-height:24px;font-size:14px;line-height:24px;color:var(--muted)}.hint--error{color:var(--danger)}.segmented{--seg-n: 2;position:relative;isolation:isolate;display:inline-grid;grid-template-columns:repeat(var(--seg-n),minmax(0,1fr));padding:var(--s-1);gap:var(--s-1);border-radius:var(--radius-m);background:var(--tile)}.segmented:before{content:"";position:absolute;z-index:-1;top:var(--s-1);bottom:var(--s-1);left:var(--s-1);width:calc((100% - 2 * var(--s-1) - (var(--seg-n) - 1) * var(--s-1)) / var(--seg-n));border-radius:var(--s-3);background:var(--surface);box-shadow:0 1px 4px #0b0be41f,0 4px 12px -6px #0b0be433;transition:transform var(--dur-3) var(--spring),opacity var(--dur-2) var(--ease)}.segmented:has(>:nth-child(2)[aria-pressed=true]):before{transform:translate(calc(100% + var(--s-1)))}.segmented:has(>:nth-child(3)[aria-pressed=true]):before{transform:translate(calc(200% + 2 * var(--s-1)))}.segmented:not(:has([aria-pressed=true])):before{opacity:0}.segmented button{height:40px;padding:0 var(--s-4);border:0;border-radius:var(--s-3);background:transparent;cursor:pointer;font-weight:600;color:var(--muted);transition:color var(--dur-2) var(--ease)}.segmented button:hover{color:var(--text)}.segmented button[aria-pressed=true]{color:var(--brand)}.card{background:var(--glass-strong);border:1px solid var(--border);border-radius:var(--radius-l);padding:var(--s-5);box-shadow:var(--shadow-2);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.skeleton{border-radius:var(--radius-m);background:linear-gradient(90deg,var(--tile) 25%,var(--tile-hover) 50%,var(--tile) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.fade{animation:rise-in var(--dur-3) var(--ease) backwards}.notice{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--radius-m);background:var(--brand-soft);font-size:14px}.notice__text{flex:1}.notice[data-closed=true]{opacity:0;transform:scale(.98);pointer-events:none;visibility:hidden;transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease),visibility 0s var(--dur-2)}.notice__close{width:32px;height:32px;border:0;border-radius:50%;background:transparent;cursor:pointer;display:grid;place-items:center;flex:none}.notice__close:hover{background:var(--tile-hover)}@media(max-width:420px){.btn--lg{padding:0 var(--s-4);font-size:16px}}.btn{max-width:100%}@media(max-width:480px){.header__more{display:none}.header .btn{padding:0 var(--s-4)}}.call-icon__slash,.call-icon__gap,.call-icon__morph-a,.call-icon__morph-b{stroke-dasharray:1;transition:stroke-dashoffset var(--dur-3) var(--ease)}.call-icon__slash,.call-icon__gap,.call-icon__morph-b{stroke-dashoffset:1}.call-icon__morph-a{stroke-dashoffset:0}.call-icon[data-off=true] :is(.call-icon__slash,.call-icon__gap),.call-icon[data-on=true] .call-icon__morph-b{stroke-dashoffset:0}.call-icon[data-on=true] .call-icon__morph-a{stroke-dashoffset:1}.call-icon[data-on=true] .call-icon__morph-b:last-child{transition-delay:.08s}.call-icon__rec,.call-icon__rec-ring{transform-box:fill-box;transform-origin:center;transition:rx var(--dur-3) var(--spring),transform var(--dur-3) var(--spring)}.call-icon[data-on=true] .call-icon__rec{rx:1.5px;transform:scale(.9)}.call-icon[data-on=true] .call-icon__rec-ring{animation:rec-ring 1.8s ease-in-out infinite}@keyframes rec-ring{50%{transform:scale(.9);opacity:.6}}.call-icon__hand{transform-box:fill-box;transform-origin:50% 100%;fill:currentColor;fill-opacity:0;transition:fill-opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--spring)}.call-icon[data-on=true] .call-icon__hand{fill-opacity:.22;transform:translateY(-1px);animation:hand-raise .7s var(--ease)}@keyframes hand-raise{0%{transform:translateY(3px) rotate(0)}35%{transform:translateY(-2px) rotate(-12deg)}65%{transform:translateY(-1px) rotate(10deg)}}.home{display:flex;flex-direction:column;gap:var(--block-gap)}.hero{display:grid;gap:var(--block-gap);align-items:center}@media(min-width:960px){.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}.hero__text{display:flex;flex-direction:column;gap:var(--s-4);min-width:0}.hero__lead{font-size:18px;color:var(--muted);max-width:520px}.hero__actions{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-3)}.hero__create{display:flex;flex-wrap:wrap;gap:var(--s-4);align-items:center}.hero__create .btn--primary{flex:1 1 220px}.hero__join-row{display:flex;gap:var(--s-3)}.hero__join-row .input{flex:1;min-width:0}@media(max-width:420px){.hero__join-row .btn{padding:0 var(--s-4)}}.hero__art{position:relative;display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);border-radius:var(--radius-l);background:linear-gradient(160deg,var(--surface),var(--bg-soft));border:1px solid var(--border);box-shadow:var(--shadow-3);aspect-ratio:4 / 3;max-height:380px;width:100%;animation:rise-in var(--dur-3) var(--ease) .08s backwards}.hero__art:before{content:"";position:absolute;inset:-14% 0 auto auto;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--glow-1),transparent);z-index:-1;animation:hero-float 9s ease-in-out infinite}.hero__grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--s-2)}.hero__tile{position:relative;border-radius:var(--radius-m);background:var(--tile);display:grid;place-items:center;overflow:hidden}.hero__tile:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--ring),inset 0 0 24px color-mix(in srgb,var(--ring) 30%,transparent);opacity:0;animation:hero-speak 8s var(--ease) infinite;animation-delay:calc(var(--i) * 2s)}.hero__tile[data-i="0"]{background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 55%,#a46bff));background-size:200% 200%;animation:hero-video 10s ease-in-out infinite}.hero__face{width:34%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--brand) calc(30% + var(--i) * 15%),var(--tile));animation:hero-breathe 4s ease-in-out infinite;animation-delay:calc(var(--i) * -1s)}.hero__tile[data-i="0"] .hero__face{background:#ffffffd9}.hero__name{position:absolute;left:var(--s-2);bottom:var(--s-2);display:flex;align-items:flex-end;gap:2px;height:12px;width:44%;padding:0 var(--s-1);border-radius:999px}.hero__name:before{content:"";flex:1;height:6px;align-self:center;border-radius:999px;background:color-mix(in srgb,var(--muted) 35%,transparent)}.hero__tile[data-i="0"] .hero__name:before{background:#ffffff8c}.hero__eqs{display:flex;align-items:flex-end;gap:2px;height:100%;opacity:0;animation:hero-speak 8s var(--ease) infinite;animation-delay:calc(var(--i) * 2s)}.hero__eq{width:3px;height:100%;border-radius:2px;background:var(--ring);transform-origin:bottom;animation:hero-eq .9s ease-in-out infinite}.hero__tile[data-i="0"] .hero__eq{background:#fff}.hero__eq:nth-child(2){animation-delay:-.3s}.hero__eq:nth-child(3){animation-delay:-.6s}.hero__bar{align-self:center;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-1);border-radius:999px;background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-2);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.hero__btn{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--text)}.hero__btn--leave{width:44px;border-radius:999px;background:#d92d2d;color:#fff}.hero__btn--mic{animation:hero-mic-tone 8s var(--ease) infinite}.hero__btn--mic .call-icon__slash,.hero__btn--mic .call-icon__gap{animation:hero-mute 8s var(--ease) infinite}@keyframes hero-speak{0%,27%,to{opacity:0}4%,22%{opacity:1}}@keyframes hero-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes hero-breathe{50%{transform:scale(1.05)}}@keyframes hero-video{50%{background-position:100% 100%}}@keyframes hero-float{50%{transform:translate(-8%,8%) scale(1.06)}}@keyframes hero-mute{0%,45%,to{stroke-dashoffset:1}52%,90%{stroke-dashoffset:0}}@keyframes hero-mic-tone{0%,45%,to{background:var(--surface);color:var(--text)}52%,90%{background:var(--danger-soft);color:var(--danger)}}.block{display:flex;flex-direction:column;gap:var(--s-4)}.list-box{display:flex;flex-direction:column;gap:var(--s-2);min-height:136px}.list-row{display:flex;align-items:center;gap:var(--s-4);min-height:64px;padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--radius-m);color:var(--text);text-decoration:none;min-width:0}.list-row.skeleton{border-color:transparent}.list-row--item{background:var(--surface);box-shadow:var(--shadow-1);transition:background var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.list-row--item:hover{border-color:color-mix(in srgb,var(--brand) 55%,var(--border));box-shadow:var(--shadow-2);transform:translateY(-2px)}.list-row--item:nth-child(2){animation-delay:.05s}.list-row--item:nth-child(3){animation-delay:.1s}.list-row--item:nth-child(n+4){animation-delay:.15s}.list-row__icon{width:40px;height:40px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;flex:none;transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease),transform var(--dur-3) var(--spring)}.list-row--item:hover .list-row__icon{background:var(--brand);color:var(--brand-on);transform:scale(1.06)}.list-row__main{display:flex;flex-direction:column;min-width:0;flex:1}.list-row__title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row__meta{font-size:14px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--s-3);padding:var(--s-5);min-height:136px;border:1px dashed var(--border);border-radius:var(--radius-m);background:color-mix(in srgb,var(--surface) 60%,transparent)}.empty__text{color:var(--muted)}.state-card{max-width:520px;margin:var(--s-7) auto 0;display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-6) var(--s-5)}.state-card__title{font-size:26px;line-height:1.2}.state-card__text{color:var(--muted)}.state-card__actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-2)}.state-card__icon{position:relative;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);animation:pop-in var(--dur-3) var(--spring) .1s backwards}.state-card__icon[data-tone=danger]{background:var(--danger-soft);color:var(--danger)}.state-card__icon[data-live]:before,.state-card__icon[data-live]:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--brand);opacity:0;animation:radar 2.4s var(--ease) infinite}.state-card__icon[data-live]:after{animation-delay:1.2s}@keyframes radar{0%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.state-card>*{animation:rise-in var(--dur-3) var(--ease) backwards}.state-card>:nth-child(2){animation-delay:.04s}.state-card>:nth-child(3){animation-delay:.08s}.state-card>:nth-child(n+4){animation-delay:.12s}.lobby{display:grid;gap:var(--block-gap);align-items:start}@media(min-width:900px){.lobby{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch}.lobby__media .preview{flex:1 1 auto}.lobby__problems{min-height:0}.lobby__problems:empty{display:none}}.lobby--skeleton{min-height:420px;border-radius:var(--radius-l);background:linear-gradient(90deg,var(--tile) 25%,var(--tile-hover) 50%,var(--tile) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.lobby__media{display:flex;flex-direction:column;gap:var(--s-3);min-width:0}.preview{position:relative;aspect-ratio:16 / 9;width:100%;border-radius:var(--radius-l);overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--brand) 32%,var(--preview-bg)),var(--preview-bg));color:var(--preview-text);box-shadow:var(--shadow-3);isolation:isolate}.preview:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff14;pointer-events:none}.preview__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1) scale(1.04);opacity:0;filter:blur(8px);transition:opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease),filter var(--dur-3) var(--ease)}.preview__video[data-on=true]{opacity:1;transform:scaleX(-1);filter:none}.preview__off{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);padding-bottom:72px;font-size:14px;opacity:0;pointer-events:none;transition:opacity var(--dur-3) var(--ease)}.preview__off[data-on=true]{opacity:1}.preview__avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 70%,#a46bff),var(--brand));color:var(--brand-on);display:grid;place-items:center;font-size:36px;font-weight:700;box-shadow:0 0 0 calc(var(--mic-level, 0) * 14px) color-mix(in srgb,var(--ok) 28%,transparent),0 12px 32px -12px #0009;transform:scale(.92);transition:transform var(--dur-3) var(--spring)}.preview__off[data-on=true] .preview__avatar{transform:none}.preview__controls{position:absolute;left:0;right:0;bottom:var(--s-4);display:flex;justify-content:center;gap:var(--s-3)}.round{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#14153a80;color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);box-shadow:0 8px 24px -8px #00000080;transition:background var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),transform var(--dur-3) var(--spring)}.round:hover{background:#282a64b8;transform:translateY(-2px)}.round:active{transform:scale(.92)}.round[data-off=true]{background:#d93a3a;border-color:transparent}.round[disabled]{opacity:.55;cursor:not-allowed}.lobby__problems{min-height:56px;display:flex;flex-direction:column;gap:var(--s-2)}.lobby__problem{display:flex;gap:var(--s-2);align-items:flex-start;font-size:14px;color:var(--danger)}.lobby__problem .icon{margin-top:2px}.lobby__panel{display:flex;flex-direction:column;gap:var(--s-5);min-width:0}.lobby__head{display:flex;flex-direction:column;gap:var(--s-2);align-items:flex-start}.lobby__title{font-size:clamp(26px,4vw,34px);overflow-wrap:anywhere}.lobby__sub{color:var(--muted)}@media(max-width:899px){.lobby__sub{min-height:48px}}.chip{display:inline-block;padding:var(--s-1) var(--s-3);border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:14px;font-weight:600}.lobby__as{display:flex;align-items:center}.lobby__devices{display:flex;flex-direction:column;gap:var(--s-5)}.level{height:8px;border-radius:999px;background:var(--tile);overflow:hidden}.level__bar{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ok),color-mix(in srgb,var(--ok) 55%,#d4ff4f));transform:scaleX(0);transform-origin:left}.lobby__actions{display:flex;flex-direction:column;gap:var(--s-2)}.lobby__actions .hint:empty{display:none}.lobby__guest{display:flex;flex-direction:column;gap:var(--s-2)}.after{width:100%;display:flex;flex-direction:column;gap:var(--s-4);max-width:520px;margin:var(--s-7) auto 0}.after__card{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-6) var(--s-5)}.after__title{font-size:26px}.after__card>*{animation:rise-in var(--dur-3) var(--ease) backwards}.after__card>:nth-child(2){animation-delay:.04s}.after__card>:nth-child(3){animation-delay:.08s}.after__card>:nth-child(n+4){animation-delay:.12s}.after__sub{color:var(--muted)}.after__actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-2)}.after__guest{display:flex;flex-direction:column;gap:var(--s-3)}.after__slot{min-height:24px}.after__recording{font-size:14px;color:var(--muted)}@media(max-width:420px){.state-card,.after__card{padding:var(--s-5) var(--s-4)}}@media(max-width:520px){.preview__avatar{width:56px;height:56px;font-size:24px}.preview__off span:last-child{display:none}}