@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg:#f6f7fb;--surface:#ffffffdb;--card:#ffffffc7;--card-strong:#f1f5f9;--border:#0f172a14;--border-strong:#0f172a24;--text:#0f172a;--body:#334155;--muted:#64748b;--accent:#0ea5e9;--accent-2:#6366f1;--accent-3:#10b981;--live:#059669;--amber:#b45309;--red:#dc2626;--ink:#0f172a;--grad:linear-gradient(90deg, var(--accent), var(--accent-2));--brand-drift:linear-gradient(90deg, #38bdf8, #6366f1, #34d399, #38bdf8);--shadow:inset 0 1px 0 #ffffffe6, 0 1px 2px #0f172a0a, 0 6px 20px #0f172a0f;--ring:0 0 0 3px #6366f140;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{background:radial-gradient(720px 420px at 92% -8%, #38bdf829, transparent 65%), radial-gradient(640px 380px at -10% -4%, #818cf824, transparent 60%), radial-gradient(560px 480px at 50% 112%, #34d3991f, transparent 60%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100dvh;font-family:Figtree,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14.5px;line-height:1.5}#root{flex-direction:column;min-height:100dvh;display:flex}button,input,select,textarea{font:inherit}a{color:var(--accent-2)}:focus-visible{box-shadow:var(--ring);outline:none}header.top{padding:14px 16px 12px;padding-top:max(14px, env(safe-area-inset-top));border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);z-index:5;background:#f6f7fbb8;justify-content:space-between;align-items:center;gap:10px;display:flex;position:sticky;top:0}.logo{filter:brightness(0);opacity:.86;width:auto;height:20px;display:block}.header-right{align-items:center;gap:8px;min-width:0;display:flex}.pill{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:999px;padding:4px 11px;font-size:10.5px;font-weight:700}main{flex-direction:column;flex:1;gap:22px;width:100%;max-width:640px;margin:0 auto;padding:16px;display:flex}main.wide{max-width:1080px}.stack{flex-direction:column;gap:16px;display:flex}.handover{flex-direction:column;gap:12px;animation:.5s cubic-bezier(.2,.9,.3,1.15) arrive;display:flex}.handover.fading{opacity:.55;transition:opacity .6s}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border-radius:18px;padding:16px}.summary-card{position:relative;overflow:visible}.summary-comet{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.summary-comet .comet-head{filter:drop-shadow(0 0 5px #6366f199)}.summary-card>:not(.summary-comet){z-index:1;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);align-items:center;gap:8px;margin-bottom:8px;font-size:10.5px;font-weight:700;display:flex}.eyebrow:after{content:"";background:var(--border);flex:1;height:1px}.eyebrow.no-rule:after{display:none}.eyebrow .elapsed{font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:none;order:2}.handover .card .eyebrow,.summary-card .eyebrow{color:var(--accent-2)}.caller-number{font-variant-numeric:tabular-nums;letter-spacing:-.01em;background:linear-gradient(90deg,#0284c7,#4f46e5);-webkit-text-fill-color:transparent;overflow-wrap:anywhere;-webkit-background-clip:text;background-clip:text;font-size:25px;font-weight:700}.caller-name{color:var(--muted);margin-top:2px;font-weight:600}@property --halo-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes haloSpin{to{--halo-angle:360deg}}@keyframes haloDrift{0%{background-position:0%}to{background-position:100%}}.card.live{isolation:isolate;background:linear-gradient(#ffffffe6,#ffffffc2);position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,0 1px 2px #0f172a0d,0 10px 30px -10px #6366f159}.card.live:before{content:"";z-index:-1;background:var(--brand-drift);filter:blur(28px);opacity:.45;pointer-events:none;background-size:200% 100%;height:104px;animation:6s ease-in-out infinite alternate haloDrift;position:absolute;bottom:-64px;left:-25%;right:-25%}.card.live:after{content:"";border-radius:inherit;background:conic-gradient(from var(--halo-angle), transparent 0 64%, #38bdf8 76%, #6366f1 86%, #34d399 94%, transparent 100%);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;animation:5s linear infinite haloSpin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.badge{text-transform:uppercase;letter-spacing:.06em;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.badge.fallback{color:#b45309;background:#fffbeb;border-color:#fde68a}.badge.reason{color:#4338ca;text-transform:none;letter-spacing:.01em;background:#eef2ff;border-color:#c7d2fe}.badge.dpa-verified{color:#047857;text-transform:none;letter-spacing:.01em;background:#ecfdf5;border-color:#a7f3d0}.badge.dpa-failed{color:#b91c1c;text-transform:none;letter-spacing:.01em;background:#fef2f2;border-color:#fecaca}.badge.dpa-none{color:#475569;text-transform:none;letter-spacing:.01em;background:#f1f5f9;border-color:#e2e8f0}.badges{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.summary-text{white-space:pre-wrap;color:var(--body);border-left:3px solid;border-image:var(--grad) 1;margin-top:4px;padding-left:12px;font-size:15px;line-height:1.6}.meta{color:var(--muted);margin-top:10px;font-size:12.5px}.waiting{color:var(--muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px 12px;font-size:15px;display:flex}.orb-wrap{justify-content:center;align-items:center;width:132px;height:132px;display:flex;position:relative}@keyframes orbSpin{to{transform:rotate(360deg)}}.orb-ring{background:conic-gradient(#38bdf8,#6366f1,#34d399,#38bdf8);border-radius:50%;animation:6s linear infinite orbSpin;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}@keyframes orbBreathe{0%,to{transform:scale(1);box-shadow:0 10px 30px #38bdf84d,0 0 50px #6366f129}50%{transform:scale(1.06);box-shadow:0 14px 40px #38bdf86b,0 0 70px #6366f13d}}.orb-core{background:radial-gradient(circle at 32% 30%,#ffffffb3,#0000 45%),linear-gradient(135deg,#38bdf8,#6366f1);border-radius:50%;width:96px;height:96px;animation:2.8s ease-in-out infinite orbBreathe}@keyframes haloDot{0%,to{box-shadow:0 0 #6366f159}50%{box-shadow:0 0 0 10px #6366f100}}.pulse{background:var(--grad);border-radius:50%;width:14px;height:14px;animation:2s ease-out infinite haloDot}.conn-dot{background:#94a3b8;border-radius:50%;flex:none;width:8px;height:8px}.conn-dot.on{background:#10b981;box-shadow:0 0 0 3px #10b9812e}.conn-dot.off{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b2e}@keyframes ringSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.btn-primary,.btn-ghost,.btn-copy{isolation:isolate;color:var(--body);cursor:pointer;white-space:nowrap;background:#0f172a1f;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 15px;font-size:12.5px;font-weight:600;transition:transform .15s,color .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before,.btn-ghost:before,.btn-copy:before{content:"";z-index:-2;opacity:0;pointer-events:none;background:conic-gradient(#0000 0% 35%,#0ea5e9 50%,#6366f1 58%,#0000 65% 85%,#10b981 100%);width:260px;height:260px;transition:opacity .25s;animation:2.5s linear infinite paused ringSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-primary:after,.btn-ghost:after,.btn-copy:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:#fff;transition:background .2s;position:absolute;inset:1.5px}.btn-primary:hover:not(:disabled):before,.btn-ghost:hover:not(:disabled):before,.btn-copy:hover:not(:disabled):before{opacity:1;animation-play-state:running}.btn-ghost:hover:not(:disabled),.btn-copy:hover:not(:disabled){color:var(--text)}.btn-copy{color:#4338ca}.btn-ghost.danger:hover:not(:disabled){color:#b91c1c}.btn-primary:active:not(:disabled),.btn-ghost:active:not(:disabled),.btn-copy:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled,.btn-ghost:disabled,.btn-copy:disabled{opacity:.5;cursor:default}.btn-primary:disabled:before,.btn-ghost:disabled:before,.btn-copy:disabled:before{opacity:0;animation:none}.btn-primary{color:#3730a3;background:#6366f173;padding:10px 22px;font-size:13.5px;font-weight:650;box-shadow:0 4px 14px -6px #6366f159}.btn-primary:hover:not(:disabled){box-shadow:0 6px 18px -6px #6366f180}.btn-primary:hover:not(:disabled):after{background:#f7f8ff}.btn-primary.claim{min-width:112px;padding:11px 26px;font-size:14.5px}.btn-primary.claim:after{inset:2px}.handover .actions .btn-copy,.handover .actions .btn-ghost{padding:10px 17px;font-size:13.5px}.actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.key-input{border:1px solid var(--border-strong);width:100%;min-width:0;color:var(--text);background:#fff;border-radius:12px;outline:none;flex:1;padding:10px 12px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.key-input:focus{border-color:var(--accent-2);box-shadow:var(--ring)}select.key-input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 17px) 55%,calc(100% - 12px) 55%;background-repeat:no-repeat;background-size:5px 5px;padding-right:30px}.error-box{color:var(--amber);font-size:13px}footer.bottom{padding:10px 16px;padding-bottom:max(10px, env(safe-area-inset-bottom));border-top:1px solid var(--border);color:var(--muted);letter-spacing:.04em;justify-content:space-between;gap:12px;font-size:11px;display:flex}.hidden{display:none!important}.presence{isolation:isolate;border:1px solid var(--border);-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);background:linear-gradient(#ffffffd1,#ffffffad);border-radius:999px;grid-template-columns:1fr 1fr;padding:3px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #0f172a0d,0 4px 14px #0f172a0f}.presence:before{content:"";z-index:-1;background:var(--brand-drift);filter:blur(10px);opacity:.5;background-size:200% 100%;height:30px;animation:6s ease-in-out infinite alternate haloDrift;position:absolute;bottom:-16px;left:-30%;right:-30%}.presence button{z-index:1;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:650;transition:color .2s;position:relative}.presence button[aria-checked=true]{color:#047857}.presence.silent button[aria-checked=true]{color:#b91c1c}.presence .thumb{border:1px solid var(--border);background:linear-gradient(#fff,#f1f5f9);border-radius:999px;width:calc(50% - 3px);transition:transform .45s cubic-bezier(.3,1.35,.5,1);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:inset 0 1px #fff,0 2px 8px #0f172a1a}.presence.silent .thumb{transform:translate(100%)}.menu-btn{padding:5px 11px}.menu{z-index:10;background:#fffffff5;flex-direction:column;gap:2px;min-width:210px;padding:6px;display:flex;position:absolute;top:56px;right:16px;box-shadow:0 1px 2px #0f172a0d,0 16px 40px -12px #0f172a40}.menu button{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 10px;font-size:13.5px}.menu button:hover{background:#f1f5f9}.menu .who{color:var(--muted);border-bottom:1px solid var(--border);margin-bottom:4px;padding:8px 10px 6px;font-size:12.5px}.notice{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.notice p{color:var(--muted);flex:220px;font-size:13.5px}.notice strong{color:var(--text);margin-bottom:2px;font-size:14px;display:block}.transcript{flex-direction:column;gap:8px;max-height:360px;margin-top:12px;padding-right:4px;display:flex;overflow:auto}.turn{color:var(--body);font-size:13.5px;line-height:1.5}.turn .who{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:6px;font-size:10.5px;font-weight:700}.turn.agent .who{color:var(--accent-2)}.turn.user .who{color:#0284c7}.signin{flex:1;justify-content:center;align-items:center;display:flex}.signin .card{width:100%;max-width:420px}.row{gap:8px;display:flex}.field{flex-direction:column;gap:6px;margin-top:12px;display:flex}.field>span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:700}.field small{color:var(--muted);font-size:12px}.checks{flex-wrap:wrap;gap:6px;display:flex}.check{border:1px solid var(--border-strong);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--body);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:13px;display:inline-flex}.check input{accent-color:var(--accent-2)}.check.on{color:#3730a3;background:#eef2ff;border-color:#c7d2fe}.admin{grid-template-columns:200px 1fr;align-items:start;gap:18px;display:grid}.admin nav{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border-radius:16px;flex-direction:column;gap:4px;padding:4px;display:flex;position:sticky;top:76px;box-shadow:0 1px 2px #0f172a0a}.admin nav button{z-index:1;text-align:left;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:8px 12px;font-weight:600;transition:color .2s;position:relative}.admin nav button.on,.admin nav button:hover{color:var(--text)}.admin nav .nav-thumb{z-index:0;border:1px solid var(--border);pointer-events:none;background:#fff;border-radius:12px;transition:transform .4s cubic-bezier(.3,1.25,.5,1),width .35s,height .35s;position:absolute;top:0;left:0;box-shadow:0 2px 8px #0f172a14}.list{flex-direction:column;display:flex}.list-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.list-row:first-child{border-top:none;padding-top:0}.list-row .primary{font-weight:700}.history-filters{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.history-filters .field{flex:180px;min-width:0}.history-row{border-top:1px solid var(--border)}.history-row:first-child{border-top:none}.history-head{width:100%;color:inherit;cursor:pointer;background:0 0;border:none;padding:12px 0}.history-row:first-child .history-head{padding-top:0}.history-body{padding:0 0 14px}.list-row .secondary{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.toolbar h2{font-size:16px}.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.stat .value{background:linear-gradient(90deg,#0284c7,#4f46e5);-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:750}.stat .label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.secret{border:1px solid var(--border);overflow-wrap:anywhere;white-space:pre-wrap;color:var(--text);background:#f1f5f9;border-radius:12px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}pre.secret{max-height:280px;overflow:auto}.toast{z-index:20;background:var(--ink);color:#fff;border-color:var(--ink);padding:10px 16px;font-size:13.5px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@media (width<=760px){.admin{grid-template-columns:1fr}.admin nav{scrollbar-width:none;flex-direction:row;position:relative;top:auto;overflow-x:auto}.admin nav::-webkit-scrollbar{display:none}.admin nav button{white-space:nowrap}}@media (width<=480px){header.top{padding-left:12px;padding-right:12px}.logo{height:15px}.header-right{gap:6px}.presence button{padding:5px 9px;font-size:11.5px}main{padding:12px}}@media (prefers-reduced-motion:reduce){.card.live:before,.card.live:after,.presence:before,.btn-primary:before,.btn-ghost:before,.btn-copy:before{animation:none}.presence .thumb,.admin nav .nav-thumb{transition:none}.orb-ring,.orb-core,.pulse{animation:none}.summary-comet{display:none}.handover{animation:none}}