:root{--bg: #f3f3f0;--card: #ffffff;--ink: #141414;--muted: #6f6f6b;--line: #e8e7e3;--soft: #f1f0ec;--brand: #d6402b;--brand-dark: #d6402b;--red: #d6402b;--green: #1f9d61;--amber: #d98a1a;--blue: #2b6fd6;--sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--shadow: 0 6px 24px #1414141f, 0 1px 3px #14141414}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#dedcd6;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0;text-align:inherit}button:disabled{opacity:.5}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}svg{flex:none}.grow{flex:1;min-width:0}.app{position:relative;max-width:480px;height:100dvh;margin:0 auto;background:var(--bg);overflow:hidden;box-shadow:0 0 60px #0003}.world{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;overflow:hidden;display:grid;place-items:center;color:var(--muted)}.world canvas{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.tag,.who{position:absolute;left:0;top:0;will-change:transform;transition:opacity .25s;white-space:nowrap}.tag{display:flex;align-items:center;gap:6px;height:40px;min-width:40px;justify-content:center;padding:0 10px;border-radius:20px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;box-shadow:var(--shadow)}.tag:after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:inherit;transform:translate(-50%) rotate(45deg);border-radius:2px}.tag em{font-style:normal;background:#ffffff2e;border-radius:9px;min-width:20px;padding:1px 6px;text-align:center;font-size:12px}.tag.alert{background:var(--red)}.tag.dim,.who.dim{opacity:0;pointer-events:none}.who{display:flex;align-items:center;gap:6px;padding:3px;border-radius:20px;background:#fff;box-shadow:var(--shadow);font-size:12px;font-weight:600}.who i{position:absolute;right:1px;bottom:1px;width:10px;height:10px;border-radius:50%;background:var(--green);border:2px solid #fff}.who em{position:absolute;right:-5px;top:-5px;font-style:normal;background:var(--ink);color:#fff;border-radius:9px;min-width:18px;padding:0 5px;font-size:11px;line-height:18px;text-align:center}.who b{padding-right:10px;font-weight:600;color:var(--brand-dark);max-width:150px;overflow:hidden;text-overflow:ellipsis}.who.busy{outline:2px solid var(--brand);animation:pulse 1.4s infinite}.hud{position:absolute;left:0;right:0;top:0;z-index:4;display:flex;align-items:center;gap:8px;padding:calc(12px + env(safe-area-inset-top)) 12px 0;pointer-events:none}.hud>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:9px;background:#fff;border-radius:22px;padding:5px 14px 5px 5px;box-shadow:var(--shadow);margin-right:auto;min-width:0}.brand .k{width:34px;height:34px;object-fit:contain;flex:none}.brand b{display:block;font-size:14px;font-weight:700;line-height:1.1}.brand small{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.brand small i{width:7px;height:7px;border-radius:50%;background:var(--green);flex:none}.brand small.on{color:var(--brand-dark);font-weight:700}.brand small.on i{background:var(--brand);animation:blink 1s infinite}.kpi{display:flex;align-items:center;gap:6px;height:44px;padding:0 14px;border-radius:22px;background:#fff;box-shadow:var(--shadow);color:var(--green);white-space:nowrap}.kpi b{font-size:14px;font-weight:700;color:var(--ink)}.round{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none;box-shadow:var(--shadow)}.sheet .round,.talk .round{box-shadow:none;background:var(--soft)}.dock{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:9;display:flex;align-items:center;gap:2px;padding:6px;border-radius:40px;background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.dock>button:not(.mic){width:56px;height:56px;border-radius:28px;display:grid;place-items:center;color:var(--muted)}.dock .on{background:var(--soft);color:var(--ink)}.dock .ico{position:relative;display:grid}.dock .ico em{position:absolute;top:-7px;right:-11px;background:var(--red);color:#fff;font-style:normal;font-size:11px;font-weight:700;border-radius:9px;min-width:18px;line-height:18px;padding:0 4px;text-align:center}.mic{border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;box-shadow:0 8px 22px #d6402b66}.mic.fab{width:68px;height:68px;margin:0 6px}.mic.big{width:92px;height:92px}.mic.listening{animation:pulse 1.2s infinite}.mic.thinking{background:#d5d3cd;box-shadow:none}.sheet{background:var(--card);border-radius:28px 28px 0 0;animation:up .28s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;box-shadow:0 -8px 40px #14141426}.sheet.panel{position:absolute;left:0;right:0;bottom:0;z-index:8;max-height:64dvh;min-height:40dvh}.grip{width:40px;height:5px;border-radius:3px;background:#d5d3cd;margin:8px auto 0;flex:none}.sheet>header{display:flex;align-items:center;gap:12px;padding:10px 16px 12px;flex:none}.sheet>header h2{flex:1;font-size:24px;font-weight:700;letter-spacing:-.02em}.sheet-body{overflow-y:auto;padding:2px 16px calc(112px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.sheet-body .screen{display:contents}.sheet-back{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#14141466;display:flex;align-items:flex-end}.sheet-back .sheet{width:100%;padding:0 16px calc(20px + env(safe-area-inset-bottom));gap:10px}.sheet-back .sheet>header{padding:10px 0 4px}.tile{display:inline-grid;place-items:center;border-radius:30%;background:color-mix(in srgb,var(--t) 14%,#fff);color:var(--t);flex:none}.avatar{border-radius:50%;object-fit:cover;flex:none;display:block}.avatar.pic{position:relative;overflow:hidden}.avatar.pic img{position:absolute;mix-blend-mode:multiply}.avatar.pic.full{border-radius:0}.avatar.pic.full img{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.avatar.pic.face img{width:215%;left:-57%;top:-7%}.avatar.fallback{display:grid;place-items:center;color:#fff;font-weight:700}.model{position:relative;flex:none}.model-fallback,.model-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.model-canvas{transition:opacity .3s;touch-action:none}.section h2{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700;letter-spacing:-.01em;margin:6px 0 10px}.section h2 em{font-style:normal;background:var(--soft);color:var(--muted);border-radius:10px;padding:1px 8px;font-size:13px;font-weight:600}.section>*+*{margin-top:8px}.mini{width:40px;height:40px;border-radius:50%;background:var(--soft);display:grid;place-items:center;flex:none}.spin{animation:spin 1s linear infinite}.fine{font-size:12px;color:var(--muted);line-height:1.4}.empty{color:var(--muted);text-align:center;padding:18px 10px;font-size:15px}.demo{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--amber);background:color-mix(in srgb,var(--amber) 12%,#fff);border-radius:6px;padding:2px 6px;vertical-align:middle;white-space:nowrap}.card{background:var(--soft);border-radius:22px;padding:14px}.card h3{font-size:16px;font-weight:700;line-height:1.25;letter-spacing:-.01em}.card p{font-size:14px;color:var(--muted);line-height:1.4;margin-top:3px}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column;align-items:center;gap:8px}.chip{font-size:13px;font-weight:600}.say{width:40px;height:40px;border-radius:50%;background:#fff;display:inline-grid;place-items:center;flex:none;vertical-align:middle}.plain{display:block}.brief{display:flex;gap:12px;align-items:flex-start}.hero{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 4px;border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 13%,#fff),var(--soft) 75%)}.hero-txt b{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1;display:block}.hero-txt>span{color:var(--muted);font-size:14px;display:block;margin:4px 0 12px}.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 16px;border-radius:22px;background:#fff;font-weight:600;font-size:15px;white-space:nowrap}.pill svg{width:20px;height:20px}.pill.solid{background:var(--ink);color:#fff}.approve{display:flex;flex-direction:column;gap:10px}.approve h3{font-size:22px;letter-spacing:-.02em}.approve .why{color:var(--ink);font-size:15px}.approve .why .say{width:30px;height:30px}.listen{display:flex;align-items:center;gap:10px;height:54px;border-radius:18px;background:#fff;padding:0 16px;font-weight:600;font-size:15px}.preview{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;font-size:13px!important}.yesno{display:flex;gap:10px}.yesno button{height:58px;border-radius:29px;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}.yesno .no{flex:0 0 64px;background:#fff;color:var(--red)}.yesno .yes{flex:1;background:var(--green);color:#fff}.duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{border-radius:22px;padding:14px;background:var(--soft)}.stat span{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--muted);font-weight:600}.stat b{font-size:24px;font-weight:700;letter-spacing:-.02em;display:block;margin-top:6px;white-space:nowrap}.stat.in span{color:var(--green)}.stat.out span{color:var(--red)}.line{display:flex;align-items:center;gap:12px;background:var(--soft);border-radius:18px;padding:12px 14px}.line b{display:block;font-size:15px;font-weight:600;line-height:1.25}.line span{font-size:13px;color:var(--muted)}.line strong{font-weight:700;font-size:15px;white-space:nowrap}.line.late strong,.line.late .grow span{color:var(--red)}.line.hot{box-shadow:inset 4px 0 var(--red)}.card .line{border-top:1px solid var(--line);border-radius:0;padding:11px 2px;background:none}.check{width:28px;height:28px;border-radius:50%;border:2.5px solid #b9b7b0;flex:none}.photo{display:flex;align-items:center;gap:14px;padding:14px;border-radius:22px;border:2px dashed #cfcdc6;width:100%}.photo b{display:block;font-size:16px}.photo small{color:var(--muted);font-size:13px}.agent{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--soft);border-radius:24px;padding:30px 12px 16px;width:100%}.agent b{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-top:4px}.agent small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--c);margin-top:2px}.agent p{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.35}.agent.boss b{font-size:28px}.live{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:5px}.live i{width:7px;height:7px;border-radius:50%;background:var(--green)}.live.busy{color:var(--brand-dark)}.live.busy i{background:var(--brand);animation:blink 1s infinite}.load{position:absolute;top:10px;left:12px;background:var(--ink);color:#fff;font-size:12px;font-weight:700;border-radius:10px;padding:2px 8px}.tree{height:24px;position:relative;margin:-12px 0;flex:none}.tree i{position:absolute;left:50%;top:0;height:12px;border-left:2px solid var(--line)}.tree span{position:absolute;left:25%;right:25%;top:12px;height:12px;border:2px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filters{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:0 16px 2px;scrollbar-width:none;flex:none}.filters::-webkit-scrollbar{display:none}.filters button{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:78px;padding:10px 8px;border-radius:18px;background:var(--soft);font-size:12px;font-weight:600;white-space:nowrap}.filters .on{background:var(--ink);color:#fff}.initial{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:700;flex:none}.person .note{color:var(--ink);margin-top:10px}.person .cold{color:var(--red);font-weight:600;display:flex;align-items:center;gap:4px}.muted{color:var(--muted)}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.act{height:62px;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.act span{font-size:12px;font-weight:600;color:var(--ink)}.act.call,.act.wa{color:var(--green)}.act.mail{color:var(--blue)}.scene{height:300px;border-radius:24px;overflow:hidden;touch-action:none;display:grid;place-items:center;flex:none}.scene canvas{display:block}.scene-dark{background:radial-gradient(circle at 50% 40%,#1a2540,#070b14 75%);color:#9fb0cc}.ship{display:flex;gap:12px;align-items:center}.ship.on{box-shadow:inset 0 0 0 2px var(--ink)}.bar{height:8px;border-radius:4px;background:#dddbd5;margin:8px 0 4px;overflow:hidden}.bar i{display:block;height:100%;background:var(--ink);border-radius:4px}.shelf .row{margin-bottom:8px}.talk{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--card);display:flex;flex-direction:column;animation:up .25s ease}.talk-head{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 14px 10px}.talk-who{display:flex;align-items:center;gap:10px}.talk-who b{display:block;font-size:17px;font-weight:700;line-height:1.1}.talk-who span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.talk-body{flex:1;overflow-y:auto;padding:8px 16px 16px;display:flex;flex-direction:column;gap:10px}.talk-empty{margin:auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.talk-empty h2{font-size:28px;font-weight:700;letter-spacing:-.02em}.talk-empty p{color:var(--muted)}.starters{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:14px}.starters button{display:flex;align-items:center;gap:12px;background:var(--soft);border-radius:18px;padding:14px;font-weight:600;font-size:15px}.bubble{max-width:86%;padding:12px 15px;border-radius:20px;font-size:17px;line-height:1.4;white-space:pre-wrap}.bubble.user{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:6px}.bubble.user.interim{opacity:.55}.bubble.agent{align-self:flex-start;background:var(--soft);border-bottom-left-radius:6px}.bubble.agent .say{width:30px;height:30px;margin-left:6px}.bubble.error{align-self:center;background:color-mix(in srgb,var(--red) 10%,#fff);color:var(--red);font-size:14px}.working{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:15px;font-weight:500}.dots{display:inline-flex;gap:4px}.dots i{width:8px;height:8px;border-radius:50%;background:var(--muted);animation:blink 1s infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}.talk-foot{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 16px calc(16px + env(safe-area-inset-bottom))}.talk-foot form{display:flex;gap:8px;width:100%}.talk-foot input{flex:1;height:48px;border-radius:24px;border:0;background:var(--soft);padding:0 16px;font:inherit;font-size:16px;min-width:0}.talk-foot form button{width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}.hint{font-size:14px;color:var(--muted);font-weight:500;text-align:center}.sheet .label{font-weight:600;font-size:14px;color:var(--muted)}.langs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.langs button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;border-radius:18px;background:var(--soft);font-size:12px;font-weight:600}.langs span{font-size:20px;font-weight:700}.langs .on{background:var(--ink);color:#fff}.rowbtn{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--soft);border-radius:18px;padding:16px 14px;font-weight:600;font-size:15px}.rowbtn span{display:flex;align-items:center;gap:10px}.rowbtn b{color:var(--muted);font-weight:600}.rowbtn.danger span{color:var(--red)}.pin,.splash{max-width:480px;height:100dvh;margin:0 auto;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}.logo{width:240px;height:auto}.dots-pin{display:flex;gap:12px}.dots-pin i{width:16px;height:16px;border-radius:50%;border:2px solid var(--ink)}.dots-pin i.on{background:var(--ink)}.dots-pin.bad i{border-color:var(--red)}.pad{display:grid;grid-template-columns:repeat(3,78px);gap:14px}.pad button{height:78px;border-radius:50%;background:#fff;font-size:28px;font-weight:600;display:grid;place-items:center}@keyframes pulse{0%{box-shadow:0 0 #d6402b88}to{box-shadow:0 0 0 22px #d6402b00}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes up{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*{animation:none!important}}.sheet-body>*{flex:none}.line.inbound{align-items:flex-start}.line.inbound.off{opacity:.55}.line .did{display:block;color:var(--ink);font-weight:500;margin-top:2px}.world.far .tag,.world.far .who{opacity:0;pointer-events:none}.osm-credit{position:absolute;left:12px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:3;font-size:10px;color:#6f6f6b;background:#ffffffb3;padding:2px 6px;border-radius:6px}
