:root{color-scheme:light;--bg: #edf3fb;--surface: rgba(255, 255, 255, .92);--surface-strong: #ffffff;--text: #0f1f36;--muted: #5c6a7f;--border: rgba(154, 178, 205, .46);--accent: #0f6fcb;--accent-soft: #e6f1ff;--accent-strong: #0a3f76;--gold-soft: #f3c56f;--shadow-soft: 0 20px 48px rgba(10, 25, 47, .08);--shadow-strong: 0 28px 80px rgba(8, 19, 37, .16);--ok: #0f766e;--warn: #b26b00;--danger: #b42318;font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(15,111,203,.18),transparent 22%),radial-gradient(circle at 88% 8%,rgba(243,197,111,.22),transparent 18%),radial-gradient(circle at 18% 100%,rgba(15,118,110,.08),transparent 24%),linear-gradient(180deg,#edf3fb,#f8fbff 56%,#f3f7fc);color:var(--text)}button,code,input,select{font:inherit}button{cursor:pointer}input,select{width:100%;border:1px solid rgba(72,48,27,.12);background:#ffffffb8;color:var(--text);border-radius:16px;padding:14px 16px}#app{min-height:100vh}.shell{width:min(1420px,calc(100% - 32px));margin:0 auto;padding:24px 0 56px}.shell--call{height:100vh;padding:12px 0;overflow:hidden}.shell--call .layout,.shell--call .workspace--call{height:100%;min-height:0}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:24px;align-items:stretch}.hero--app{margin-bottom:24px}.hero__content,.hero__panel,.card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero__content{border-radius:32px;padding:32px}.eyebrow,.section-kicker,.panel-card__label{margin:0 0 14px;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800}h1,h2,h3,p{margin:0}h1{max-width:13ch;font-size:clamp(40px,6vw,76px);line-height:.92;letter-spacing:-.045em}h2{font-size:clamp(28px,3vw,40px);line-height:.98;letter-spacing:-.03em}h3{font-size:22px;line-height:1.08;letter-spacing:-.02em}.lead{max-width:65ch;margin-top:18px;color:var(--muted);font-size:18px;line-height:1.55}.lead--compact{max-width:56ch}.soft-copy{color:var(--muted);max-width:36ch;line-height:1.5}.hero__actions,.control-bar,.call-summary__flags,.form-actions{display:flex;flex-wrap:wrap;gap:12px}.hero__actions{margin-top:24px}.hero__notes{display:grid;gap:10px;margin:26px 0 0;padding:0;list-style:none}.hero__notes li{position:relative;padding-left:20px;color:var(--muted)}.hero__notes li:before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:999px;background:var(--accent)}.hero__panel{border-radius:28px;padding:20px;display:grid;gap:16px}.nav-panel{align-content:start}.panel-card{padding:20px;border-radius:22px;background:#ffffff8c;border:1px solid rgba(72,48,27,.1)}.panel-card--accent{background:#f8fafc}.panel-card strong{display:block;margin-bottom:10px;font-size:26px}.panel-card p,.panel-card code{color:var(--muted)}.panel-card code,.api-item code,.invite-box code{display:block;margin-top:8px;padding:10px 12px;border-radius:12px;background:#fff5ede6;overflow-wrap:anywhere}.route-list{display:grid;gap:10px}.route-link{text-align:left;border:1px solid rgba(72,48,27,.12);border-radius:18px;background:#ffffff8f;padding:14px}.route-link span{display:block;font-weight:700}.route-link small{display:block;margin-top:6px;color:var(--muted);line-height:1.4}.route-link--active{background:var(--accent-soft);border-color:#c4512d3d}.layout{display:grid;gap:24px}.workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:24px}.workspace--call{grid-template-columns:1fr}.card{border-radius:28px;padding:24px}.card--wide{padding:28px}.card__header,.stage-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.card__header--stack-mobile{align-items:start}.stage-head__meta,.session-banner,.feed__flags{display:flex;flex-wrap:wrap;gap:10px}.progress-rail{position:relative;overflow:hidden;margin-top:14px;width:100%;height:10px;border-radius:999px;background:#48301b14}.progress-rail__bar{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .32s ease}.progress-rail--active .progress-rail__bar{box-shadow:0 0 22px #c4512d59}.alert-card{margin-top:16px;padding:16px 18px;border-radius:20px;border:1px solid rgba(162,61,47,.2);background:#ffedead6}.alert-card strong{display:block;margin-bottom:8px}.alert-card p{color:var(--danger);line-height:1.5}.button,.chip,.control,.route-link,.toast__close{transition:.16s ease}.button,.chip,.control{border:1px solid transparent;border-radius:999px}.button{padding:13px 18px;font-weight:700}.button--primary{background:linear-gradient(135deg,#1580ea,#0f6fcb 46%,#0b4f8a);color:#fffaf6;box-shadow:0 20px 38px #0f6cbd47}.button--ghost,.chip,.control{background:#ffffffb8;color:var(--text);border-color:#8099b647}.button:hover,.route-link:hover,.control:hover,.chip:hover{transform:translateY(-2px)}.button--small{padding:9px 12px;font-weight:600}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:10px 14px}.chip--active{background:var(--accent-soft);border-color:#c4512d3d;color:var(--accent)}.scenario-grid,.metric-grid,.system-grid,.api-list,.hero-stats,.form-grid{display:grid;gap:16px}.scenario-grid{margin-top:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.scenario-grid--wide,.system-grid,.api-list,.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.scenario-card,.metric-card,.invite-box,.feed,.api-item,.field,.activity-list,.toast,.device-field{border:1px solid rgba(137,162,191,.22);background:#ffffffb8}.scenario-card,.api-item,.field{padding:18px;border-radius:20px}.field{display:grid;gap:10px}.field span{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.field--checkbox{display:flex;align-items:center;gap:12px}.field--checkbox input{width:18px;height:18px}.form-panel,.join-hero,.call-summary,.intro-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr);gap:20px}.form-grid{align-content:start}.form-actions{align-items:center}.field small{color:var(--muted);line-height:1.45}.landing-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.9fr);gap:28px;padding:34px;background:radial-gradient(circle at top left,rgba(97,189,255,.26),transparent 28%),radial-gradient(circle at 80% 16%,rgba(243,197,111,.2),transparent 18%),radial-gradient(circle at 22% 100%,rgba(72,146,255,.12),transparent 24%),linear-gradient(135deg,#06111d,#0b1c31 42%,#102a46 72%,#0f2238);overflow:hidden;position:relative;border-color:#76ace633;box-shadow:var(--shadow-strong)}.landing-hero:after{content:"";position:absolute;inset:auto -80px -110px auto;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(72,154,255,.18),transparent 72%);pointer-events:none}.landing-hero:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:30px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.landing-hero .section-kicker{color:#ffffffad}.landing-hero__copy{display:grid;align-content:start}.landing-hero__title{max-width:12ch;font-size:clamp(46px,5.4vw,78px);line-height:.95;letter-spacing:-.04em;background:linear-gradient(135deg,#fff,#d6e9ff 52%,#f3c56f);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-hero__lead{max-width:54ch}.landing-hero__lead,.landing-hero .soft-copy{color:#e8f1fbd1}.landing-hero__trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.landing-hero__scenario-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.landing-scenario{position:relative;padding:18px 20px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff17,#ffffff0a);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff0a}.landing-scenario--join{box-shadow:inset 0 0 0 1px #50b3ff14}.landing-scenario--create{box-shadow:inset 0 0 0 1px #f2c87914}.landing-scenario__eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#e8f1fb99}.landing-scenario strong{display:block;margin-top:10px;color:#fff;font-size:22px;line-height:1.05}.landing-scenario p{margin-top:10px;color:#e8f1fbc2;line-height:1.5}.landing-pill{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff1f,#ffffff0f);color:#f5f9ff;font-size:13px;font-weight:700;letter-spacing:.04em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-hero__stats{margin-top:28px}.landing-hero__stats .metric-card:nth-child(1){background:linear-gradient(180deg,#50b3ff29,#ffffff14)}.landing-hero__stats .metric-card:nth-child(2){background:linear-gradient(180deg,#f2c87938,#ffffff14)}.landing-hero__stats .metric-card:nth-child(3){background:linear-gradient(180deg,#0f766e2e,#ffffff14)}.landing-hero__stats .metric-card{border-color:#ffffff1a;background-blend-mode:screen}.landing-hero__stats .metric-card span,.landing-hero__stats .metric-card small{color:#e8f1fbb3}.landing-hero__stats .metric-card strong{color:#fff}.landing-hero__action{display:grid}.landing-join{display:grid;align-content:start;gap:18px;min-height:100%;padding:26px;border-radius:28px;border:1px solid rgba(255,255,255,.2);background:radial-gradient(circle at top right,rgba(15,111,203,.08),transparent 20%),linear-gradient(180deg,#fffffffa,#f4f8fff0);box-shadow:0 26px 50px #040c163d}.landing-join h2{font-size:clamp(24px,2.5vw,34px);line-height:1.08;color:#102037}.landing-join__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.landing-join__field{height:100%}.landing-join__field input{min-height:72px;padding:20px 22px;font-size:18px;border-radius:22px;background:#fff;border-color:#0f6fcb2e;box-shadow:inset 0 1px #ffffffb3,0 8px 20px #0f172a0a}.landing-join__submit{min-height:72px;padding-inline:28px;border-radius:22px;font-size:17px}.landing-join__secondary{justify-self:start;background:#0f6cbd0f;border-color:#0f6cbd29}.landing-join__create-card{display:grid;gap:12px;margin-top:6px;padding:20px;border-radius:24px;border:1px solid rgba(15,111,203,.12);background:radial-gradient(circle at top right,rgba(15,111,203,.1),transparent 24%),linear-gradient(180deg,#f4f8fffa,#eef5fff0);box-shadow:inset 0 1px #ffffff85}.landing-join__create-card strong{font-size:28px;line-height:1.02;color:var(--accent-strong)}.landing-join__create-main{min-width:220px}.landing-section-head{display:flex;justify-content:space-between;gap:24px;align-items:end}.landing-section-head .soft-copy{max-width:42ch}.landing-create{display:grid;gap:24px;background:radial-gradient(circle at top right,rgba(15,111,203,.09),transparent 22%),linear-gradient(180deg,#fffffffa,#f9fbfd)}.landing-create__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:24px}.landing-create__primary{display:grid;gap:18px}.landing-create__resume{background:radial-gradient(circle at top right,rgba(15,108,189,.08),transparent 24%),linear-gradient(180deg,#ffffffeb,#f0f6ffe6)}.landing-create__form{padding:24px;border-radius:24px;border:1px solid rgba(15,108,189,.1);background:linear-gradient(180deg,#ffffffe0,#f3f8ffd1);box-shadow:inset 0 1px #ffffff80}.landing-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.landing-quick-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.landing-quick-point{padding:18px;border-radius:20px;border:1px solid rgba(15,108,189,.1);background:linear-gradient(180deg,#ffffffeb,#f0f6ffd6);box-shadow:0 14px 28px #0f172a0d}.landing-quick-point span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:#0f6cbd1a;color:var(--accent-strong);font-size:13px;font-weight:800}.landing-quick-point strong{display:block;margin-top:12px;font-size:18px}.landing-quick-point p{margin-top:8px;color:var(--muted);line-height:1.45}.landing-summary{display:grid;gap:12px;margin:18px 0 0}.landing-summary div{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(72,48,27,.1)}.landing-summary dt{color:var(--muted)}.landing-summary dd{margin:0;font-weight:700;text-align:right}.landing-create__summary{display:grid;align-content:start;background:radial-gradient(circle at top right,rgba(242,200,121,.18),transparent 24%),linear-gradient(180deg,#f8fbff,#eff6ff);box-shadow:inset 0 1px #ffffff8c}.landing-feature-card{min-height:220px;display:grid;align-content:end;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.landing-feature-card__index{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;margin-bottom:18px;border-radius:18px;background:linear-gradient(135deg,#0f6cbd24,#f2c87933);color:var(--accent-strong);font-size:18px;font-weight:800;letter-spacing:.04em}.landing-feature-card--security .landing-feature-card__index{background:linear-gradient(135deg,#0f766e29,#0f6cbd29)}.landing-visual-card{width:min(260px,100%);padding:18px;border-radius:28px;background:radial-gradient(circle at top right,rgba(242,200,121,.22),transparent 28%),linear-gradient(180deg,#eff6ff,#f8fbff);border:1px solid rgba(15,108,189,.12)}.landing-visual-card img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 24px rgba(15,23,42,.12))}.landing-block{position:relative;overflow:hidden}.landing-block:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,#0f6cbd,#f2c879)}.landing-block--benefits{background:linear-gradient(180deg,#fff,#f6f9fd)}.landing-block--security{background:linear-gradient(180deg,#f9fbff,#eef5ff)}.landing-block--faq{background:radial-gradient(circle at top right,rgba(15,108,189,.08),transparent 24%),linear-gradient(180deg,#fff,#f7fbff)}.landing-block .scenario-card{position:relative;overflow:hidden;border-color:#0f6cbd1f;background:radial-gradient(circle at top right,rgba(15,111,203,.06),transparent 24%),linear-gradient(180deg,#fffffff5,#f5f8fcf0);box-shadow:0 18px 34px #0f172a0f}.landing-block .scenario-card:after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,#0f6cbdcc,#f2c879cc)}.landing-block .scenario-card:hover,.landing-faq__item:hover{transform:translateY(-4px);box-shadow:0 24px 48px #0f172a14;border-color:#0f6fcb38}.landing-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.landing-faq__item{padding:22px;border-radius:22px;border:1px solid rgba(15,108,189,.12);background:radial-gradient(circle at top right,rgba(15,108,189,.07),transparent 22%),linear-gradient(180deg,#fffffff2,#f3f8fff0);box-shadow:0 18px 34px #0f172a0d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.landing-faq__item h3{font-size:22px;line-height:1.15}.landing-faq__item p{margin-top:12px;color:var(--muted);line-height:1.62}.scenario-card p,.metric-card small,.feed p,.meta-list dt,.meta-list dd,.timeline__item p,.api-item p,.status-inline,.activity-list li,.device-field span,.device-sheet small{color:var(--muted)}.scenario-card p,.api-item p{margin-top:10px;line-height:1.5}.card--stage{background:var(--surface)}.status-pill,.status-inline{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;font-weight:700}.status-pill{background:#256f5b1f;color:var(--ok)}.status-pill--relay{background:#9d61161f;color:var(--warn)}.status-pill--failed{background:#a23d2f1f;color:var(--danger)}.status-inline{background:#ffffffa8;border:1px solid rgba(72,48,27,.1)}.metric-grid,.hero-stats{margin-top:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{padding:18px;border-radius:20px}.metric-card span,.meta-list dt,.api-item__method,.device-field span{font-size:13px;text-transform:uppercase;letter-spacing:.08em}.metric-card strong{display:block;margin:10px 0 8px;font-size:28px}.api-item__method{color:var(--accent);font-weight:700}.call-stage{padding:18px;border-radius:34px;background:#111827;border-color:#202939;box-shadow:0 18px 48px #0f172a38}.call-stage__toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:14px}.call-stage__identity{display:flex;align-items:center;gap:14px;color:#f9f5ef}.call-stage__identity h2{font-size:clamp(24px,2.4vw,34px)}.call-stage__identity .soft-copy{color:#f5eee5a8;max-width:none}.call-stage__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.call-stage__stat{min-width:112px;padding:10px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.call-stage__stat span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#f8f2ec8a}.call-stage__stat strong{display:block;margin-top:6px;font-size:21px;color:#fff8f1}.call-canvas{position:relative;min-height:min(74vh,760px);aspect-ratio:16 / 9;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:#0b1220;box-shadow:inset 0 0 0 1px #ffffff0a;overflow:hidden}.call-canvas__surface{position:absolute;top:0;right:0;bottom:0;left:0}.feed{position:relative;overflow:hidden;min-height:240px;padding:18px;border-radius:24px;display:flex;flex-direction:column;justify-content:flex-end;background:#172132;color:#fffaf6}.feed>*{position:relative;z-index:2}.feed__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:0;background:#080b10;filter:saturate(1.08) contrast(1.02)}.feed--primary{min-height:100%;padding:0;border:0;border-radius:0;background:#0b1220}.feed--primary-local .feed__remote-shell{background:linear-gradient(180deg,#070b1029,#070b1000 24%,#070b1094)}.feed--pip{min-height:100%;height:100%;padding:12px;border-radius:20px;border-color:#ffffff1f;background:#0f172aeb;box-shadow:0 22px 50px #0006}.feed--pip:hover{transform:translateY(-2px)}.feed__remote-shell{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;background:linear-gradient(180deg,#070b1014,#070b1000 26%,#070b109e)}.feed__primary-copy{max-width:min(54ch,68%)}.feed__primary-copy strong{display:block;font-size:clamp(36px,4.3vw,62px);line-height:.92}.feed__primary-copy p{margin-top:14px;font-size:17px;color:#fff8f0d1}.feed__primary-status{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.feed__overlay{position:absolute;top:18px;right:18px;z-index:2}.feed__overlay-chip{min-width:150px;padding:12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#0b0f168a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.feed__overlay-chip span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#fffaf6b3}.feed__overlay-chip strong{display:block;margin-top:6px;font-size:20px}.video-pip{position:absolute;z-index:3;width:clamp(170px,22vw,290px);aspect-ratio:4 / 3;transition:left .18s ease,top .18s ease,transform .18s ease;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.video-pip--dragging{transition:none;cursor:grabbing;transform:scale(1.02)}.feed__placeholder{position:absolute;top:18px;right:18px;bottom:18px;left:18px;z-index:1;border:1px dashed rgba(255,255,255,.24);border-radius:18px;padding:18px;display:grid;align-content:end;background:#0f172a52}.feed__placeholder strong{font-size:20px}.feed__placeholder p{margin-top:8px}.feed__mic-visual{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;--mic-level: 0%;border-radius:inherit;overflow:hidden}.feed__mic-fill{position:absolute;left:0;right:0;bottom:0;height:var(--mic-level);border-radius:0 0 inherit inherit;background:linear-gradient(180deg,#60a5fa00,#60a5fa14 44%,#60a5fa3d 76%,#3b82f6c7),linear-gradient(90deg,#60a5faf5,#60a5fa3d 2.4%,#60a5fa00 5.2%,#60a5fa00 94.8%,#60a5fa3d 97.6%,#60a5faf5);box-shadow:inset 0 -2px #60a5faeb,inset 1px 0 #93c5fdeb,inset -1px 0 #93c5fdeb;opacity:clamp(0,calc(var(--mic-level) / 16),1);transition:height .12s ease-out,opacity .12s ease-out}.feed__mic-glow{position:absolute;left:0;right:0;bottom:calc(var(--mic-level) - 18px);height:40px;border-radius:0 0 inherit inherit;background:linear-gradient(180deg,#60a5fa00,#60a5fa0d);filter:blur(8px);opacity:clamp(0,calc(var(--mic-level) / 28),.18);transition:bottom .12s ease-out,opacity .12s ease-out}.feed__badge{align-self:flex-start;margin-bottom:auto;padding:8px 10px;border-radius:999px;background:#ffffff24;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.feed__badge--toolbar{margin-bottom:0;background:#ffffff1a;color:#fff9f1d1}.feed strong{font-size:28px}.feed p{margin-top:10px;color:#fffaf6d1;line-height:1.5}.feed__flags{margin-top:14px}.metric-grid--compact{margin-top:0;grid-template-columns:repeat(3,minmax(0,1fr))}.device-sheet{margin-top:16px;padding:14px;border-radius:16px;background:#ffffff1f;display:grid;gap:10px}.device-field{padding:14px;border-radius:16px;display:grid;gap:8px}.select-shell{position:relative;display:block}.select-shell:after{content:"";position:absolute;top:50%;right:14px;width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}.device-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f8fafc;border:1px solid #cfd8e3;border-radius:14px;padding-right:42px;box-shadow:inset 0 1px #ffffffa6}.device-field select:focus{outline:none;border-color:#0f6cbd75;box-shadow:0 0 0 4px #0f6cbd1f}.control-bar{margin-top:16px;justify-content:center;padding:6px}.control-group{position:relative;display:inline-flex;align-items:center;gap:0;border-radius:16px;overflow:visible;background:var(--call-control-bg);border:1px solid var(--call-control-border);box-shadow:0 10px 24px #0f172a14}.control{position:relative;width:52px;height:52px;padding:0;border-radius:0;background:transparent;border:0;color:var(--call-control-text);display:inline-flex;align-items:center;justify-content:center}.control-group .control:first-child{border-top-left-radius:16px;border-bottom-left-radius:16px}.control-group .control:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px}.control:hover{background:#ffffffeb}.control--split{width:34px;border-left:1px solid var(--call-control-border)}.control svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.control:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%) translateY(4px);padding:8px 10px;border-radius:10px;background:#0f172af5;color:#f8fafc;font-size:12px;line-height:1.2;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .14s ease,transform .14s ease;box-shadow:0 10px 24px #0f172a38}.control:hover:after,.control:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.control--danger{background:#b44535;color:#fff8f4;border-color:transparent}.control-menu{position:absolute;left:0;bottom:calc(100% + 12px);z-index:12;min-width:240px;padding:8px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0f172afa;box-shadow:0 20px 44px #0f172a47}.control-menu__item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:0;border-radius:12px;background:transparent;color:#f8fafc;text-align:left}.control-menu__item:hover,.control-menu__item--active{background:#ffffff1a}.control-menu__item strong{font-size:12px;color:#8dd3ff}.control-menu__empty{margin:0;padding:12px;color:#f8fafcb8;font-size:13px;line-height:1.4}.stack{display:grid;gap:24px}.call-shell{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.9fr);grid-template-rows:auto minmax(0,1fr);gap:18px;align-items:start}.call-head--shell{grid-column:1 / -1}.call-shell__main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;min-height:0}.call-shell__sidebar{display:grid;grid-template-rows:minmax(0,1fr);gap:16px;align-content:start;min-height:0}.call-sidebar-card{padding:18px}.shell--call .call-shell{height:calc(100vh - 24px);min-height:0}.call-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.call-head__status,.call-head__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.call-head__meta{color:var(--muted);font-size:13px}.call-status-combo{display:inline-flex;align-items:center;gap:10px;padding:8px;border-radius:999px;background:#ffffff14;border:1px solid rgba(148,163,184,.16)}.call-status-combo__phase,.call-status-combo__transport{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;font-weight:700}.call-status-combo__phase{background:#ffffffb3;color:#475569}.call-status-combo__phase--waiting{background:#e2e8f0e6;color:#64748b}.call-status-combo__phase--signaling{background:#e2e8f0bd;color:#475569}.call-status-combo__phase--active{background:#bae6fd40;color:#0f6fcb}.call-status-combo__transport{background:#256f5b1f;color:var(--ok)}.call-status-combo__transport.status-pill--relay{background:#b4530929;color:#d97706}.call-status-combo__transport.status-pill--failed{background:#a23d2f29;color:var(--danger)}.workspace--call[data-theme=dark] .call-status-combo{background:#ffffff0a;border-color:#94a3b824}.workspace--call[data-theme=dark] .call-status-combo__phase--waiting{background:#64748b47;color:#cbd5e1}.workspace--call[data-theme=dark] .call-status-combo__phase--signaling{background:#4755694d;color:#e2e8f0}.workspace--call{gap:18px;--call-surface: var(--surface);--call-surface-strong: rgba(255, 255, 255, .82);--call-border: var(--border);--call-control-bg: rgba(255, 255, 255, .82);--call-control-text: #1e293b;--call-control-border: rgba(148, 163, 184, .28);--call-chat-bg: #f8fafc}.workspace--call[data-theme=dark]{color-scheme:dark;--call-surface: rgba(8, 15, 27, .86);--call-surface-strong: rgba(15, 23, 42, .92);--call-border: rgba(95, 127, 170, .28);--call-control-bg: rgba(15, 23, 42, .82);--call-control-text: #f8fafc;--call-control-border: rgba(148, 163, 184, .18);--call-chat-bg: rgba(9, 16, 30, .92)}.workspace--call[data-theme=dark] .card,.workspace--call[data-theme=dark] .call-lobby,.workspace--call[data-theme=dark] .call-ended-state,.workspace--call[data-theme=dark] .device-sheet,.workspace--call[data-theme=dark] .invite-box,.workspace--call[data-theme=dark] .scenario-card,.workspace--call[data-theme=dark] .metric-card,.workspace--call[data-theme=dark] .activity-list{background:var(--call-surface);border-color:var(--call-border);color:#f8fafc}.workspace--call[data-theme=dark] .soft-copy,.workspace--call[data-theme=dark] .call-head__meta,.workspace--call[data-theme=dark] .chat-bubble__meta,.workspace--call[data-theme=dark] .meta-list dt,.workspace--call[data-theme=dark] .device-field span{color:#e2e8f0b3}.workspace--call[data-theme=dark] .chat-thread{background:var(--call-chat-bg);border-color:var(--call-border)}.workspace--call[data-theme=dark] .chat-bubble{background:#1e293be0;color:#f8fafc}.workspace--call[data-theme=dark] .chat-bubble--local{background:#0c4a6ee6}.workspace--call[data-theme=dark] .chat-bubble--system{background:#334155db}.workspace--call[data-theme=dark] input,.workspace--call[data-theme=dark] select{background:#0f172ae6;border-color:#94a3b833;color:#f8fafc}.call-lobby,.call-ended-state{display:grid;gap:10px;min-height:0;height:100%;padding:24px;border-radius:24px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffffdb,#f1f5f9f0);align-content:center;overflow:hidden}.call-ended-state strong,.call-lobby strong{font-size:24px}.call-lobby__stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px;align-items:stretch}.call-lobby__preview,.call-lobby__panel{display:grid;gap:14px}.call-lobby__panel{align-content:start}.call-lobby__checks{margin:0;padding:0;list-style:none;display:grid;gap:12px}.call-lobby__checks li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--call-border)}.call-lobby__checks li:last-child{border-bottom:0}.call-lobby__inline-select{display:block;width:min(420px,100%)}.call-lobby__inline-select select{min-height:52px;border-radius:16px}.call-lobby__invite-code{display:block;max-width:min(420px,100%);padding:12px 14px;border-radius:16px;background:#0f172a2e;color:inherit;overflow-wrap:anywhere}.workspace--call[data-theme=dark] .call-lobby__invite-code{background:#0f172ac2}.feed--preview{min-height:0;height:100%}.call-head__theme{padding:8px 12px;border-radius:999px}.feed__placeholder--center{min-height:100%;display:grid;place-items:center;text-align:center}.control--chat-toggle{position:relative}.control__badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#16a34a;color:#fff;font-size:11px;font-weight:700}.chat-flyout{position:fixed;right:24px;bottom:24px;z-index:22;max-width:320px;padding:14px 16px;border-radius:18px;background:#0f172af5;color:#f8fafc;box-shadow:0 20px 44px #0f172a47}.chat-flyout strong{display:block;margin-bottom:4px;font-size:13px}.chat-flyout p{margin:0;font-size:13px;line-height:1.45}@media(max-width:1320px){.call-shell{grid-template-columns:minmax(0,1.45fr) minmax(300px,.9fr)}.call-canvas{min-height:min(68vh,620px)}.chat-thread{min-height:220px;max-height:320px}}@media(max-width:1160px){.call-shell{grid-template-columns:1fr;grid-template-rows:auto auto auto}.call-lobby__stage{grid-template-columns:1fr}.call-shell__sidebar{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;align-items:start}.call-sidebar-card:last-child{min-height:100%}.chat-thread{max-height:280px}}@media(max-width:900px){.shell--call{height:auto;min-height:100vh;overflow:visible}.shell--call .call-shell{height:auto}.call-shell__sidebar{grid-template-columns:1fr}.call-head{flex-direction:column;align-items:flex-start}.call-head__status,.call-head__meta{width:100%}.call-canvas{min-height:min(62vh,500px);border-radius:22px}.feed--preview{min-height:260px}.video-pip{width:clamp(132px,28vw,180px)}}@media(max-width:720px){.shell--call{padding:8px 0}.shell--call .call-shell{height:auto;min-height:calc(100svh - 16px)}.workspace--call{gap:14px}.call-shell{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:14px;padding:14px}.call-head--shell{grid-column:auto}.call-head{gap:10px}.call-head__status,.call-head__meta{width:100%}.call-head__meta{justify-content:space-between;font-size:12px}.call-status-combo{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:8px;padding:6px}.call-status-combo__phase,.call-status-combo__transport{min-height:38px;padding:0 12px;font-size:13px}.call-shell__main,.call-shell__sidebar{width:100%;min-width:0}.call-shell__sidebar{order:3;grid-template-columns:1fr;align-self:stretch}.call-sidebar-card{min-height:min(34svh,320px);height:min(34svh,320px);grid-template-rows:auto minmax(0,1fr) auto}.call-sidebar-card{padding:16px}.call-canvas{min-height:min(46svh,360px);aspect-ratio:auto;border-radius:20px}.feed--preview{min-height:240px}.video-pip{width:clamp(104px,30vw,140px);border-radius:18px}.control-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:0;padding:0}.control-group{min-width:0}.control-group,.control--chat-toggle,.control--danger,.control-bar>.control{width:100%}.control,.control-group .control:first-child,.control-group .control:last-child{border-radius:14px}.control{min-height:48px}.control--split{width:40px}.control-menu{left:0;right:auto;width:min(280px,calc(100vw - 32px))}.call-lobby,.call-ended-state{min-height:0;padding:18px}.call-ended-state strong,.call-lobby strong{font-size:20px}.call-lobby__stage{grid-template-columns:1fr;gap:14px}.call-lobby__panel{gap:12px}.call-lobby__checks li{display:grid;gap:8px;padding:10px 0}.call-lobby__invite-code{max-width:100%;font-size:13px}.call-lobby .form-actions{display:grid;grid-template-columns:1fr}.call-lobby .form-actions .button{width:100%}.chat-thread{min-height:0;max-height:none}.chat-composer{grid-template-columns:1fr}.chat-composer .button{width:100%}.meta-list div{flex-direction:column;align-items:flex-start;gap:4px}.invite-box{padding:14px}.invite-box code{word-break:break-all}}@media(max-width:520px){.shell--call .call-shell{min-height:calc(100svh - 12px)}.call-head__status{gap:8px}.call-canvas{min-height:min(40svh,300px)}.video-pip{width:96px}.feed__badge{font-size:11px}.call-status-combo{grid-template-columns:1fr}.call-status-combo__transport{justify-content:center}.control-group{display:grid;grid-template-columns:minmax(0,1fr) 40px}.call-sidebar-card{min-height:min(38svh,300px);height:min(38svh,300px)}.chat-flyout{left:12px;right:12px;bottom:12px;max-width:none}}@media(max-height:820px){.call-canvas{min-height:min(50vh,420px)}.chat-thread{max-height:220px}}.call-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.diagnostics-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#0f172a8f}.diagnostics-modal{width:min(1120px,100%);max-height:min(88vh,920px);overflow:auto;padding:24px;border-radius:24px;border:1px solid var(--border);background:var(--surface);box-shadow:0 20px 60px #0f172a3d}.permission-modal{width:min(460px,100%);padding:28px;border-radius:24px;border:1px solid var(--border);background:var(--surface);box-shadow:0 20px 60px #0f172a3d}.diagnostics-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr) minmax(260px,.8fr);gap:16px;margin-top:18px}.diagnostics-metrics,.diagnostics-steps{margin-top:16px}.diagnostics-list{display:grid;gap:12px;margin:16px 0 0;padding:0;list-style:none}.diagnostics-list li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.diagnostics-list li:last-child{border-bottom:0}.diagnostics-events{margin-top:16px}.invite-box{margin-top:16px;border-radius:20px;padding:16px}.invite-box code{margin-bottom:14px}.card--chat{display:grid;align-content:start}.chat-status-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.chat-thread{display:grid;gap:12px;margin-top:16px;min-height:0;height:100%;max-height:none;padding:12px;overflow:auto;border-radius:18px;border:1px solid var(--call-border);background:var(--call-chat-bg)}.shell--call .call-shell__sidebar .card--chat{height:100%;min-height:0}.chat-bubble{max-width:88%;padding:12px 14px;border-radius:16px;background:#e7eef8}.chat-bubble--local{justify-self:end;background:#dbeafe}.chat-bubble--system{max-width:100%;background:#eef2f6}.chat-bubble__meta{display:flex;gap:10px;margin-top:8px;font-size:12px;color:var(--muted)}.chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:14px}.meta-list{display:grid;gap:14px;margin:18px 0 0}.meta-list div{display:flex;justify-content:space-between;gap:12px}.timeline{display:grid;gap:16px;margin:18px 0 0;padding:0;list-style:none}.timeline__item{display:grid;grid-template-columns:20px 1fr;gap:14px}.timeline__dot{width:14px;height:14px;margin-top:4px;border-radius:999px;background:#48301b29;box-shadow:0 0 0 6px #48301b0f}.timeline__item[data-state=done] .timeline__dot{background:var(--ok);box-shadow:0 0 0 6px #256f5b1f}.timeline__item[data-state=active] .timeline__dot{background:var(--accent);box-shadow:0 0 0 6px #c4512d1f}.timeline__item p{margin-top:6px;line-height:1.45}.activity-list{margin:18px 0 0;padding:14px 18px 14px 34px;border-radius:20px;display:grid;gap:10px}.join-summary{display:grid;gap:16px}.toast-stack{position:fixed;right:18px;bottom:18px;display:grid;gap:10px;width:min(360px,calc(100vw - 24px));z-index:20}.toast{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;box-shadow:0 18px 36px #2e1b0a24}.toast--success{border-color:#256f5b3d}.toast--warn{border-color:#9d61163d}.toast__close{border:0;background:transparent;color:var(--muted);padding:0}@media(max-width:1080px){.hero,.workspace,.scenario-grid,.metric-grid,.system-grid,.api-list,.hero-stats,.intro-grid,.join-hero,.call-summary,.scenario-grid--wide,.form-panel,.call-meta-grid,.metric-grid--compact,.diagnostics-grid,.landing-hero,.landing-create__grid,.landing-form-grid,.landing-hero__scenario-strip,.landing-quick-points,.landing-faq,.call-shell{grid-template-columns:1fr}.feed__primary-copy{max-width:100%}.landing-section-head{flex-direction:column;align-items:flex-start}.landing-hero{gap:20px;padding:26px}.landing-hero__copy,.landing-hero__action{min-width:0}.landing-join{padding:22px}.landing-join__form{grid-template-columns:1fr}.landing-join__submit,.landing-join__create-main,.landing-join__create-card .form-actions,.landing-create__form .form-actions,.landing-create__summary .form-actions,.invite-box .form-actions{width:100%}.landing-join__create-card .button,.landing-create__form .button,.landing-create__summary .button,.invite-box .button{flex:1 1 220px}.landing-summary div{align-items:flex-start}.landing-summary dd{text-align:left}.landing-feature-card{min-height:0}.landing-faq__item{padding:20px}.landing-visual-card{width:min(340px,100%)}}@media(max-width:720px){.shell{width:min(100% - 20px,1380px);padding-top:16px}.hero__content,.hero__panel,.card{border-radius:24px}.hero__content,.card{padding:20px}h1{font-size:clamp(34px,13vw,54px)}.card__header,.stage-head,.meta-list div,.card__header--stack-mobile,.stage-head__meta,.session-banner,.call-stage__toolbar,.call-stage__meta{flex-direction:column;align-items:flex-start}.panel-card strong,.metric-card strong,.feed strong,.session-banner strong{font-size:22px}.toast-stack{left:10px;right:10px;width:auto}.call-stage{padding:14px}.call-canvas{min-height:min(72vh,560px)}.call-head{flex-direction:column;align-items:flex-start}.call-shell__sidebar{order:2}.diagnostics-backdrop{padding:10px}.diagnostics-modal{padding:18px;border-radius:20px}.feed__remote-shell{padding:18px}.feed__overlay{top:14px;right:14px}.video-pip{width:clamp(130px,36vw,180px)}.control-bar{justify-content:stretch;gap:8px}.control-group{flex:1 1 auto;min-width:0}.control{width:100%}.control--split{width:40px}.control-menu{left:0;right:0;min-width:0}.landing-hero{padding:20px;gap:18px;border-radius:24px}.landing-join{padding:18px;border-radius:22px}.landing-join__form{grid-template-columns:1fr}.landing-join__field input{min-height:60px;padding:16px 18px;font-size:16px;border-radius:18px}.landing-join__submit{width:100%;min-height:58px;border-radius:18px;padding-inline:20px}.landing-hero__title{font-size:clamp(34px,11vw,54px);max-width:none}.landing-hero__trust{margin-top:18px}.landing-pill{min-height:34px;padding-inline:12px;font-size:12px}.landing-scenario{padding:16px;border-radius:18px}.landing-scenario strong{font-size:20px}.landing-join__create-card,.landing-create__form,.landing-create__summary,.landing-create__resume,.landing-faq__item{padding:18px;border-radius:20px}.landing-quick-point{padding:16px}.landing-section-head{gap:14px}.landing-summary div,.meta-list div{flex-direction:column;gap:4px}.landing-summary dd{text-align:left}.invite-box{padding:14px}.invite-box .form-actions,.invite-box .button,.landing-join__create-card .button,.landing-create__summary .button,.landing-create__form .button,.landing-visual-card{width:100%}}@media(max-width:480px){.shell{width:min(100% - 12px,1380px);padding-top:10px;padding-bottom:18px}.card,.card--wide{padding:16px;border-radius:20px}.landing-hero{padding:16px}.landing-hero__lead,.landing-hero .soft-copy,.landing-scenario p,.landing-quick-point p{font-size:14px}.landing-join h2,.landing-section-head h2,.landing-faq__item h3,.landing-join__create-card strong{font-size:24px}.landing-quick-point span,.landing-feature-card__index{width:32px;height:32px;border-radius:10px;font-size:12px}.landing-feature-card__index{margin-bottom:14px}}