.caller{min-height:100dvh;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% -10%,#1c2530 0%,var(--ink) 60%);color:var(--paper);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.caller h1,.caller h2{font-family:inherit;letter-spacing:-.02em}.caller-head{padding:1.25rem 1.25rem .25rem;display:flex;flex-direction:column;gap:.2rem;flex-shrink:0}.caller-head .eyebrow{font-family:inherit;color:#8a95a1}.caller-head h1{font-size:clamp(1.4rem,5.5vw,2.2rem);font-weight:800;line-height:1.1}.caller-body{flex:1;padding:.75rem 1.25rem 1rem;display:flex;flex-direction:column;gap:.9rem;min-height:0;max-width:520px;width:100%;margin:0 auto}.caller-body.center{align-items:center;justify-content:center;text-align:center;gap:.6rem}.caller-center{margin:auto;padding:2rem;text-align:center;max-width:420px}.caller-lede{display:flex;align-items:center;gap:.6rem;font-size:1rem;color:#c7ced6}.online-dot{width:10px;height:10px;border-radius:50%;background:var(--moss);box-shadow:0 0 0 4px #1c7c5440;animation:pulse 1.6s ease-in-out infinite;flex-shrink:0}.online-dot.off{background:#6b7684;box-shadow:none;animation:none}.big-actions{display:flex;flex-direction:column;gap:.85rem}.big-btn{display:flex;align-items:center;gap:1rem;width:100%;min-height:78px;padding:.85rem 1.1rem;border:0;border-radius:22px;background:var(--signal);color:#fff;text-align:left;cursor:pointer;box-shadow:0 12px 32px -12px #f2521bb3;transition:transform .15s var(--ease),filter .15s}.big-btn:active{transform:scale(.98)}.big-btn:hover{filter:brightness(1.05)}.big-btn:disabled{opacity:.6;cursor:wait}.big-btn.secondary{background:#1f2933;color:var(--paper);box-shadow:none;border:1px solid rgba(244,241,234,.12)}.big-btn b{display:block;font-size:1.3rem;font-weight:800;letter-spacing:-.01em}.big-btn small{display:block;opacity:.8;font-size:.85rem;margin-top:2px}.big-icon{width:52px;height:52px;border-radius:16px;background:#ffffff29;display:grid;place-items:center;flex-shrink:0}.big-icon svg{width:26px;height:26px}.name-field{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:#8a95a1}.name-field input{min-height:46px;padding:.6rem .9rem;border-radius:12px;border:1px solid rgba(244,241,234,.14);background:#ffffff0a;color:var(--paper);font-size:1rem}.name-field input:focus{outline:none;border-color:var(--signal)}.caller-foot{padding:.5rem 1.25rem .9rem;text-align:center;font-size:.75rem;color:#6b7684;flex-shrink:0}.pulse-ring{position:relative;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:var(--signal);color:#fff;margin-bottom:1rem}.pulse-ring svg{width:36px;height:36px}.pulse-ring:before,.pulse-ring:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--signal);animation:ring 2s ease-out infinite}.pulse-ring:after{animation-delay:1s}.caller.in-call{height:100dvh;height:100svh;min-height:0;overflow:hidden;padding:0}.caller-stage{flex:1;min-height:0;padding:calc(.5rem + env(safe-area-inset-top)) .5rem .25rem}.caller-stage .stage{border-radius:18px;height:100%;min-height:0}.caller-bar{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.35rem .75rem calc(.6rem + env(safe-area-inset-bottom))}.caller-bar .controls{gap:.5rem}.caller-bar .ctl{min-width:76px;padding:.5rem .4rem}@media(max-height:640px){.caller-bar .ctl{flex-direction:row;gap:.4rem;min-width:0;padding:.5rem .8rem;border-radius:999px}.caller-bar .ctl svg{width:18px;height:18px}}.caller-bar .ctl{min-width:84px;background:#1f2933;border-color:#f4f1ea1f;color:var(--paper)}.caller-bar .ctl.off{background:var(--paper);color:var(--ink)}.caller-bar .ctl.end{background:var(--danger);color:#fff}:root{--paper: #f4f1ea;--paper-2: #ebe6db;--paper-3: #dfd8c9;--ink: #0f1419;--ink-2: #1c232b;--ink-3: #2a333d;--ink-4: #3b4652;--mute: #6b7684;--line: rgba(15, 20, 25, .12);--signal: #f2521b;--signal-deep: #c93f0f;--signal-soft: rgba(242, 82, 27, .12);--moss: #1c7c54;--moss-soft: rgba(28, 124, 84, .14);--amber: #d9962b;--amber-soft: rgba(217, 150, 43, .16);--danger: #c8322b;--font-display: "Bricolage Grotesque", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--font-body: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--r-sm: 6px;--r: 12px;--r-lg: 20px;--shadow: 0 1px 2px rgba(15, 20, 25, .06), 0 8px 24px -12px rgba(15, 20, 25, .25);--shadow-lg: 0 2px 4px rgba(15, 20, 25, .08), 0 24px 48px -16px rgba(15, 20, 25, .35);--ease: cubic-bezier(.2, .8, .2, 1);--bg: var(--paper);--bg-2: var(--paper-2);--fg: var(--ink);--fg-2: var(--ink-4);--card: #fffdf8}.theme-dark{--bg: var(--ink);--bg-2: var(--ink-2);--fg: var(--paper);--fg-2: #a7b0ba;--card: var(--ink-2);--line: rgba(244, 241, 234, .12);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px -12px rgba(0, 0, 0, .6);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .5), 0 32px 64px -16px rgba(0, 0, 0, .7);--mute: #8a95a1}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:1.1;margin:0}h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:1.5rem}h3{font-size:1.125rem}p{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}code,.mono{font-family:var(--font-mono);font-size:.9em}::selection{background:var(--signal);color:#fff}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.grain:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.btn{--btn-bg: var(--ink);--btn-fg: var(--paper);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:42px;padding:0 1.1rem;border:1px solid transparent;border-radius:var(--r);background:var(--btn-bg);color:var(--btn-fg);font-weight:600;letter-spacing:-.005em;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .15s var(--ease),background .15s,box-shadow .15s,opacity .15s}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-signal{--btn-bg: var(--signal);--btn-fg: #fff}.btn-signal:hover{background:var(--signal-deep)}.btn-ghost{--btn-bg: transparent;--btn-fg: var(--fg);border-color:var(--line)}.btn-ghost:hover{background:var(--bg-2);box-shadow:none}.btn-quiet{--btn-bg: transparent;--btn-fg: var(--fg-2);padding-inline:.6rem}.btn-quiet:hover{background:var(--bg-2);box-shadow:none;transform:none}.btn-danger{--btn-bg: var(--danger);--btn-fg: #fff}.btn-moss{--btn-bg: var(--moss);--btn-fg: #fff}.btn-sm{min-height:34px;padding-inline:.8rem;font-size:.875rem;border-radius:var(--r-sm)}.btn-lg{min-height:52px;padding-inline:1.5rem;font-size:1.05rem;border-radius:14px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:.35rem}.field>label{font-size:.8125rem;font-weight:600;color:var(--fg-2);letter-spacing:.01em}.field .hint{font-size:.8rem;color:var(--mute)}.input,.select,.textarea{width:100%;min-height:42px;padding:.55rem .8rem;border:1px solid var(--line);border-radius:var(--r);background:var(--card);color:var(--fg);transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}.textarea{resize:vertical;min-height:84px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7684' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;padding-right:2.2rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}.card-pad{padding:1.5rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;background:var(--bg-2);color:var(--fg-2)}.badge .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.badge-moss{background:var(--moss-soft);color:var(--moss)}.badge-amber{background:var(--amber-soft);color:#9a6612}.badge-signal{background:var(--signal-soft);color:var(--signal-deep)}.badge-live .dot{animation:pulse 1.4s ease-in-out infinite}.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.error{padding:.65rem .9rem;border-radius:var(--r);background:#c8322b1a;color:var(--danger);font-size:.9rem;border:1px solid rgba(200,50,43,.25)}.notice{padding:.65rem .9rem;border-radius:var(--r);background:var(--moss-soft);color:var(--moss);font-size:.9rem}.stack{display:flex;flex-direction:column;gap:1rem}.row{display:flex;align-items:center;gap:.75rem}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1}.muted{color:var(--mute)}.small{font-size:.875rem}.tiny{font-size:.75rem}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes ring{0%{transform:scale(1);opacity:.6}to{transform:scale(2.2);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.rise{animation:rise .6s var(--ease) both}.rise-1{animation-delay:.05s}.rise-2{animation-delay:.12s}.rise-3{animation-delay:.2s}.rise-4{animation-delay:.3s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{min-height:100%;display:grid;grid-template-columns:240px 1fr;position:relative;z-index:1}.sidebar{position:sticky;top:0;height:100vh;padding:1.5rem 1.25rem;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:1.5rem;background:linear-gradient(180deg,rgba(255,253,248,.6),transparent)}.nav a{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:var(--r);text-decoration:none;color:var(--fg-2);font-weight:500;transition:background .15s,color .15s}.nav a:hover{background:var(--bg-2);color:var(--fg)}.nav a.active{background:var(--ink);color:var(--paper)}.main{padding:2.25rem clamp(1.25rem,4vw,3rem) 4rem;max-width:1180px;width:100%}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}@media(max-width:820px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;flex-wrap:wrap;padding:.9rem 1rem}.nav{display:flex;gap:.25rem}.sidebar .grow{display:none}}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mute);padding:.6rem .9rem;border-bottom:1px solid var(--line)}.table td{padding:.75rem .9rem;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f14198c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1rem;z-index:50;animation:fade .2s both}@keyframes fade{0%{opacity:0}}.modal{width:min(520px,100%);max-height:90vh;overflow:auto;padding:1.75rem;animation:rise .35s var(--ease) both}.stage{position:relative;width:100%;height:100%;min-height:200px;background:#05080b;border-radius:var(--r-lg);overflow:hidden;display:grid;place-items:center;color:var(--paper)}.stage video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#05080b}.stage .pip{position:absolute;right:12px;top:12px;width:clamp(90px,22%,160px);aspect-ratio:3/4;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-lg);background:#0f1419}.stage .pip video{transform:scaleX(-1)}.stage .avatar{position:relative;z-index:1;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:2.5rem;font-weight:700;background:var(--ink-3);color:var(--paper)}.stage .avatar.speaking:after,.stage .avatar.ringing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--signal);animation:ring 1.6s ease-out infinite}.stage .label{position:absolute;left:12px;bottom:12px;right:12px;width:max-content;max-width:calc(100% - 24px);z-index:2;display:flex;align-items:center;gap:.5rem;padding:.35rem .7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:999px;background:#05080b99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.85rem;font-weight:600}.stage .netbars{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.stage .netbars i{width:3px;background:#ffffff4d;border-radius:1px}.stage .netbars i:nth-child(1){height:4px}.stage .netbars i:nth-child(2){height:7px}.stage .netbars i:nth-child(3){height:10px}.stage .netbars i:nth-child(4){height:12px}.stage .netbars.q3 i:nth-child(-n+4),.stage .netbars.q2 i:nth-child(-n+3),.stage .netbars.q1 i:nth-child(-n+2),.stage .netbars.q0 i:nth-child(-n+1){background:var(--moss)}.stage .netbars.q1 i:nth-child(-n+2){background:var(--amber)}.stage .netbars.q0 i:nth-child(-n+1){background:var(--signal)}.stage .banner{position:absolute;top:12px;left:12px;z-index:2;padding:.4rem .75rem;border-radius:999px;background:#f2521be6;color:#fff;font-size:.8rem;font-weight:600}.controls{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.ctl{display:inline-flex;flex-direction:column;align-items:center;gap:.35rem;min-width:68px;padding:.6rem .5rem;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--fg);cursor:pointer;font-size:.72rem;font-weight:600;transition:background .15s,transform .15s var(--ease)}.ctl svg{width:22px;height:22px}.ctl:hover{transform:translateY(-1px)}.ctl.on{background:var(--paper);color:var(--ink)}.ctl.off{background:var(--ink-3);color:var(--paper);border-color:transparent}.ctl.end{background:var(--danger);color:#fff;border-color:transparent}.ctl.escalate{background:var(--signal);color:#fff;border-color:transparent}.ctl:disabled{opacity:.4;cursor:not-allowed;transform:none}.hidden{display:none!important}