@font-face{font-family:Oswald;src:url(/oswald-400.v1.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Oswald;src:url(/oswald-700.v1.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--o:#f1420b;--o2:#ed6626;--lb:#2a93c1;--mb:#3b9bd5;--db:#3a60ab;--ok:#2ea86a;--bg:#0c1017;--bg2:#131a24;--card:#171f2b;--card2:#1d2734;--tx:#eef2f7;--mu:#9fb0c3;--ln:rgba(255,255,255,.1);--chip:rgba(255,255,255,.06);--on-o:#0c1017;--note:#2a2216;--font:"Oswald","Arial Narrow","Helvetica Neue",Arial,sans-serif;color-scheme:dark}:root[data-theme=light]{--note:#fff4e5;--bg:#f5f7fa;--bg2:#ffffff;--card:#ffffff;--card2:#e8eef6;--tx:#0c1017;--mu:#4b5b6e;--o2:#b93a0c;--mb:#1d6a9c;--ln:rgba(12,16,23,.14);--chip:rgba(12,16,23,.05);color-scheme:light}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--note:#fff4e5;--bg:#f5f7fa;--bg2:#ffffff;--card:#ffffff;--card2:#e8eef6;--tx:#0c1017;--mu:#4b5b6e;--o2:#b93a0c;--mb:#1d6a9c;--ln:rgba(12,16,23,.14);--chip:rgba(12,16,23,.05);color-scheme:light}}*{box-sizing:border-box}body{margin:0;font:15px/1.45 var(--font);letter-spacing:.2px;color:var(--tx);background:var(--bg);height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}.hidden{display:none!important}h2{font-size:22px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin:18px 0 10px}.top{--bg2:#131a24;--card2:#1d2734;--tx:#eef2f7;--mu:#9fb0c3;--o2:#ed6626;--mb:#3b9bd5;--ln:rgba(255,255,255,.1);--chip:rgba(255,255,255,.06);color:var(--tx);position:relative;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg2);border-bottom:1px solid var(--ln);flex-wrap:wrap}.top:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:linear-gradient(100deg,#2a93c1,#fff,#f1420b)}.logo{height:24px;width:auto;display:block}.product{font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--mu)}.env{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--o2);border:1px solid var(--o2);border-radius:20px;padding:1px 9px}.spacer{flex:1}.pill{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:999px;padding:3px 11px;background:var(--card2);color:var(--mu);border:1px solid var(--ln)}.pill.on{background:var(--ok);color:var(--on-o);border-color:var(--ok)}.toggle{display:flex;align-items:center;gap:6px;font-size:13px;letter-spacing:1px;text-transform:uppercase}.toggle input{width:auto;accent-color:var(--o)}.me{font-size:13px;color:var(--mu)}button{border:0;border-radius:10px;padding:8px 14px;background:var(--o);color:var(--on-o);cursor:pointer;font:700 13px/1.2 var(--font);letter-spacing:1px;text-transform:uppercase}button:hover{background:var(--o2)}button:focus-visible,a:focus-visible,li:focus-visible{outline:3px solid var(--mb);outline-offset:2px}.top button,button.secondary{background:var(--chip);color:var(--tx);border:1px solid var(--ln)}.top button:hover,button.secondary:hover{background:var(--card2)}.layout{flex:1;display:flex;min-height:0}.side{width:340px;display:flex;flex-direction:column;background:var(--bg2);border-right:1px solid var(--ln)}.tabs{display:flex;gap:4px;padding:10px 8px;flex-wrap:wrap;border-bottom:1px solid var(--ln)}.tabs button{background:none;border:0;color:var(--mu);font-size:12.5px;padding:8px 11px;border-radius:8px}.tabs button:hover{background:var(--chip);color:var(--tx)}.tabs button.active{background:var(--chip);color:var(--tx);box-shadow:inset 0 -2px 0 var(--o)}.list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.list li{padding:12px 14px;border-bottom:1px solid var(--ln);cursor:pointer;border-left:3px solid transparent}.list li:hover{background:var(--card)}.list li.sel{background:var(--card2);border-left-color:var(--o)}.list .t{display:flex;gap:6px;align-items:center;font-weight:700;letter-spacing:.3px}.list .p{color:var(--mu);font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.badge{background:var(--o);color:var(--on-o);border-radius:999px;font-size:11px;font-weight:700;padding:0 7px}.badge.human{background:none;color:var(--o2);border:1px solid var(--o2);letter-spacing:.5px;text-transform:uppercase;margin-left:4px}.main{flex:1;display:flex;flex-direction:column;min-width:0;padding:14px;overflow:auto;background:var(--bg)}.empty{margin:auto;color:var(--mu);font-size:15px;letter-spacing:1px;text-transform:uppercase}#convView{display:flex;flex-direction:column;flex:1;min-height:0}.ctx{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 16px;background:var(--card);border:1px solid var(--ln);border-radius:14px;padding:12px 14px;font-size:13px}.ctx b{color:var(--mu);font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:11.5px;margin-right:6px}.msgs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:14px 0}.m{max-width:75%;padding:9px 13px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--card);border:1px solid var(--ln)}.m.visitor{align-self:flex-start;border-bottom-left-radius:4px}.m.agent{align-self:flex-end;background:var(--db);color:#fff;border-color:var(--db);border-bottom-right-radius:4px}.m.bot{align-self:flex-end;background:var(--card2);border:1px dashed rgba(59,155,213,.6);border-bottom-right-radius:4px}.m.system{align-self:center;background:none;border:0;color:var(--mu);font-style:italic}.m .who{display:block;font-size:11.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--mu);margin-bottom:2px}.m.agent .who{color:#dfe7f5}.m.bot .who{color:var(--mb)}.reply{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--ln);border-radius:14px;padding:12px}textarea,input,select{font:inherit;color:var(--tx);background:var(--bg2);border:1px solid var(--ln);border-radius:9px;padding:8px 10px;width:100%}textarea::placeholder,input::placeholder{color:var(--mu);opacity:1}textarea:focus,input:focus,select:focus{outline:2px solid var(--lb);outline-offset:0;border-color:transparent}.row{display:flex;gap:8px;flex-wrap:wrap}.saved-form{display:flex;flex-direction:column;gap:8px;max-width:640px}.saved-list,.offline-list{list-style:none;padding:0;max-width:820px}.saved-list li,.offline-list li{background:var(--card);border:1px solid var(--ln);border-radius:14px;padding:12px 14px;margin-bottom:8px}.saved-list .row,.offline-list .row{margin-top:8px}.offline-list .meta{font-size:13px;color:var(--mu)}@media(max-width:760px){body{height:auto;min-height:100vh}.layout{flex-direction:column}.side{width:100%;max-height:45vh;border-right:0;border-bottom:1px solid var(--ln)}.main{min-height:55vh}.m{max-width:90%}.me{flex-basis:100%}}.list .email{margin-left:6px;font-size:12px;color:var(--mb);overflow-wrap:anywhere}.list .vname{margin-left:6px;font-size:13px;overflow-wrap:anywhere}.draft{padding:8px 12px;margin:0 0 8px;border:1px dashed var(--ln);border-radius:10px;font-size:14px;font-style:italic;color:var(--mu);white-space:pre-wrap;overflow-wrap:anywhere}#theme{min-width:36px}.filters{display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px;border-bottom:1px solid var(--ln)}.filters button{background:none;border:1px solid var(--ln);color:var(--mu);font-size:12px;padding:5px 10px;border-radius:999px}.filters button.active{background:var(--chip);color:var(--tx);border-color:var(--o)}.assign{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;font-size:13px;color:var(--mu)}.assign b{color:var(--tx)}.assign select{width:auto}.m.note{align-self:stretch;max-width:100%;background:var(--note);border:1px dashed var(--o2);color:var(--tx)}.m.note .who{color:var(--o2)}.m.draft{align-self:stretch;max-width:100%;background:var(--note);border:2px dashed var(--mb);color:var(--tx)}.m.draft .who{color:var(--mb)}.m.draft .draft-text{width:100%;box-sizing:border-box;margin:.4em 0;font:inherit}.seen{align-self:flex-end;margin:-4px 0 6px;font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--mu);text-align:right}.empty-wrap{margin:auto;display:flex;flex-direction:column;align-items:center;gap:18px}.empty-wrap .empty{margin:0}.stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.stat{background:var(--card);border:1px solid var(--ln);border-radius:14px;padding:10px 14px;min-width:120px;text-align:center}.stat b{display:block;font-size:24px;color:var(--tx)}.stat span{font-size:11.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--mu)}.tools{display:flex;gap:10px;margin:6px 0}.dl{font-size:13px;color:var(--mb)}.history{margin:4px 0 6px;font-size:13px;color:var(--mu)}.history summary{cursor:pointer;color:var(--mb)}.history ul{list-style:none;padding:0;margin:6px 0}button.linkish{background:none;border:0;padding:10px 0;min-height:40px;overflow-wrap:anywhere;color:var(--tx);font:inherit;text-transform:none;letter-spacing:0;text-align:left;cursor:pointer}button.linkish:hover{background:none;text-decoration:underline}.history .caveat{font-size:12px;font-style:italic;color:var(--mu);margin-bottom:4px}.typing-hint{margin-left:6px;font-size:11.5px;font-style:italic;color:var(--mb)}.hint{font-size:13px;color:var(--mu);max-width:820px}.saved-form label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--mu)}.saved-form label.toggle{flex-direction:row}.suggest{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px}.suggest-h{font-size:12px;color:var(--mu);width:100%}button.chip{background:var(--chip);color:var(--tx);border:1px solid var(--ln);border-radius:999px;font:inherit;font-size:12.5px;text-transform:none;letter-spacing:0;padding:6px 12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.chip:hover{background:var(--card2)}.preview{border:1px solid var(--ln);border-radius:12px;background:var(--card);padding:10px 12px;margin:0 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}button.chip.conf-high{border-color:var(--ok)}button.chip.conf-medium{border-color:var(--mb)}.login-box{max-width:420px;margin:40px auto;padding:0 16px}.login-box h2{margin:0 0 12px}.team-list li{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.linkbox{word-break:break-all;user-select:all;padding:8px;border:1px dashed var(--ln);border-radius:8px}.hamburger{font-size:20px;line-height:1;padding:6px 10px;min-width:44px;min-height:40px;margin-right:6px}.drawer-backdrop{position:fixed;inset:0;background:#00000073;z-index:40}.drawer{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:86vw;overflow-y:auto;z-index:41;padding:12px 14px 20px;background:var(--bg2,#131a24);color:inherit;border-right:1px solid var(--ln,rgba(255,255,255,.12));box-shadow:4px 0 24px #00000059;animation:drawerIn .16s ease-out}@keyframes drawerIn{0%{transform:translate(-100%)}to{transform:none}}@media(prefers-reduced-motion:reduce){.drawer{animation:none}}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.drawer-head h2{margin:0;font-size:16px;letter-spacing:.5px;text-transform:uppercase}.pb-x-btn{min-width:44px;min-height:44px;font-size:22px}.drawer-group{margin:10px 0}.drawer-group summary{cursor:pointer;font-weight:700;font-size:12px;letter-spacing:.8px;text-transform:uppercase;opacity:.8;padding:6px 2px}.drawer-group ul{list-style:none;margin:4px 0 0;padding:0}.drawer-item{display:block;width:100%;text-align:left;margin:2px 0;padding:10px 12px;min-height:44px;background:transparent;border:1px solid transparent;border-radius:8px}.drawer-item:hover,.drawer-item:focus-visible{border-color:var(--ln,rgba(255,255,255,.2))}.drawer-item.active{border-color:var(--mb,#3b9bd5)}.drawer-account{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--ln,rgba(255,255,255,.12))}.drawer-account button{min-height:44px;text-align:left}.scopes{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13px}@media(max-width:480px){.drawer{width:100vw;max-width:100vw;border-right:0}}.sound-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0}.sound-row .play{min-width:44px;min-height:36px}