:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#f8fafc;background:radial-gradient(1200px 600px at 18% -10%,#3b82f624,#0000 60%),radial-gradient(1000px 520px at 102% 112%,#22c55e1f,#0000 60%),#0a0c11;font:18px/1.4 system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}.kiosk{position:fixed;inset:0}.translate{flex-direction:column;gap:1.25rem;height:100%;padding:clamp(1rem,3vw,2.25rem);display:flex}.tbar{align-items:center;gap:1rem;display:flex}.brand{letter-spacing:5px;background:linear-gradient(90deg,#60a5fa,#4ade80);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:800}.pill{color:#cbd5e1;text-transform:capitalize;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .75rem;font-size:.8rem;display:inline-flex}.pill .pdot{background:#f59e0b;border-radius:50%;width:8px;height:8px}.pill.ok .pdot{background:#22c55e;box-shadow:0 0 10px #22c55e}.langsel{align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}.langsel-cap{letter-spacing:.4px;text-transform:uppercase;color:#94a3b8;font-size:.75rem}.langsel select{appearance:none;color:#e2e8f0;cursor:pointer;background:#ffffff0f url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' fill='none' stroke='%2394a3b8' stroke-width='1.5'/></svg>") right .7rem center no-repeat;border:1px solid #ffffff1f;border-radius:999px;padding:.45rem 2rem .45rem .85rem;font-size:.95rem}.langsel select:focus{border-color:#60a5fa99;outline:none}.langsel option{color:#0f172a}.panels{flex-direction:column;flex:1;gap:1rem;min-height:0;display:flex}@media (aspect-ratio>=1){.panels{flex-direction:row;gap:1.25rem}}.panel{background:#ffffff09;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;flex:1;gap:1rem;padding:1.5rem;transition:box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.panel:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.panel.agent:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.panel.customer:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.panel.agent.live{border-color:#3b82f699;box-shadow:0 0 0 1px #3b82f666,0 0 44px #3b82f633}.panel.customer.live{border-color:#22c55e99;box-shadow:0 0 0 1px #22c55e66,0 0 44px #22c55e33}.phead{letter-spacing:.4px;color:#94a3b8;align-items:center;gap:.55rem;font-size:.95rem;display:flex}.phead .dot{border-radius:50%;width:9px;height:9px}.panel.agent .phead .dot{background:#3b82f6}.panel.customer .phead .dot{background:#22c55e}.read{color:#f8fafc;flex:1;align-items:center;font-size:clamp(2rem,6vw,3.4rem);line-height:1.25;display:flex}.read .ph{color:#475569;font-size:1.25rem}@media (aspect-ratio>=1){.read{font-size:clamp(1.6rem,3.2vw,2.6rem)}}.said{color:#94a3b8;border-top:1px solid #ffffff12;padding-top:.75rem;font-size:1rem}.tfoot{align-items:center;gap:.75rem;display:flex}.key{border:1px solid #0000;border-radius:9px;padding:.35rem .7rem;font-size:.85rem}.key.agent{color:#93c5fd;background:#3b82f61f;border-color:#3b82f652}.key.customer{color:#86efac;background:#22c55e1f;border-color:#22c55e52}.tfoot .hint{color:#94a3b8;margin-left:auto}.ad{z-index:10;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ad img,.ad video{object-fit:contain;max-width:100%;max-height:100%}.gear{z-index:20;color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;width:44px;height:44px;font-size:20px;line-height:1;position:fixed;top:12px;right:14px}.gear:active{background:#fff3}