:root{--bg:#eef2f2;--surface:#fff;--surface-2:#f6f8f8;--line:#dfe6e6;--line-soft:#edf1f1;--hover:#f1f5f5;--chip:#eaf0f0;--thread-bg:#f7f9f9;--fg:#1b2628;--muted:#637275;--accent:#1f7a6d;--accent-soft:#e1f1ed;--accent-ink:#17675c;--on-accent:#fff;--warn:#9a5b00;--warn-soft:#fcf0d9;--crit:#b3372d;--crit-soft:#fbe5e2;--bubble-me:#dcefe9;--bubble-them:#fff;--ch-zalo:#2a6bd1;--ch-oa:#0a849c;--ch-fb:#4655c4;--ch-gmail:#c0453a;--ch-outlook:#1c6aab;--on-badge:#fff;--star:#d99a00;--scrim:#14222461;--shadow:0 10px 30px #12262824;--av-l:88%;--av-fg:27%;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--mono:ui-monospace, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1617;--surface:#162022;--surface-2:#1b2729;--line:#28373a;--line-soft:#1f2c2e;--hover:#1d2a2c;--chip:#213033;--thread-bg:#131c1e;--fg:#e2ebec;--muted:#93a5a8;--accent:#55b9a8;--accent-soft:#1b3935;--accent-ink:#7fd3c4;--on-accent:#0c1a18;--warn:#e3a84d;--warn-soft:#382b16;--crit:#f08074;--crit-soft:#3b2220;--bubble-me:#1e3a36;--bubble-them:#1b2729;--ch-zalo:#6c9ff0;--ch-oa:#45b8cd;--ch-fb:#8c96ee;--ch-gmail:#ef8276;--ch-outlook:#62a6e0;--on-badge:#0f1617;--star:#f2c443;--scrim:#0000008c;--shadow:0 12px 34px #00000080;--av-l:30%;--av-fg:86%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1617;--surface:#162022;--surface-2:#1b2729;--line:#28373a;--line-soft:#1f2c2e;--hover:#1d2a2c;--chip:#213033;--thread-bg:#131c1e;--fg:#e2ebec;--muted:#93a5a8;--accent:#55b9a8;--accent-soft:#1b3935;--accent-ink:#7fd3c4;--on-accent:#0c1a18;--warn:#e3a84d;--warn-soft:#382b16;--crit:#f08074;--crit-soft:#3b2220;--bubble-me:#1e3a36;--bubble-them:#1b2729;--ch-zalo:#6c9ff0;--ch-oa:#45b8cd;--ch-fb:#8c96ee;--ch-gmail:#ef8276;--ch-outlook:#62a6e0;--on-badge:#0f1617;--star:#f2c443;--scrim:#0000008c;--shadow:0 12px 34px #00000080;--av-l:30%;--av-fg:86%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{height:100%}body{background:var(--bg);height:100%;color:var(--fg);font:14px/1.45 var(--font);margin:0;overflow:hidden}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}kbd{font:11.5px var(--mono);border:1px solid var(--line);background:var(--surface-2);color:var(--fg);border-bottom-width:2px;border-radius:5px;padding:1px 6px}.i{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.i.fill{fill:currentColor}.app{height:100%;padding-block:10px 12px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));flex-direction:column;gap:10px;display:flex}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand .logo{background:var(--accent);width:30px;height:30px;color:var(--on-accent);border-radius:8px;place-items:center;display:grid}.brand b{letter-spacing:-.01em;font-size:16px}.pill{background:var(--warn-soft);color:var(--warn);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:11.5px}.top-actions{gap:8px;display:flex}.btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 13px;font-weight:500;display:inline-flex}.btn:hover{background:var(--hover)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover{background:var(--accent-ink);border-color:var(--accent-ink)}.btn .i{width:16px;height:16px}.main{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:214px minmax(0,1fr);gap:12px;min-height:0;display:grid}.rail{flex-direction:column;gap:16px;padding-bottom:8px;display:flex;overflow:auto}.rail h6{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 4px 10px;font-size:11px;font-weight:600}.nav-btn{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:7px 10px;display:flex}.nav-btn:hover{background:var(--hover)}.nav-btn.on{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.nav-btn .n{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px;font-weight:500}.nav-btn .n.hot{color:var(--crit);font-weight:700}.acc-btn{align-items:flex-start}.acc-btn .bd{margin-top:2px}.acc-btn .t{flex-direction:column;min-width:0;display:flex}.acc-btn .t span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.acc-btn .t small{color:var(--muted);font-size:11.5px;font-weight:400}.st{border-radius:999px;align-self:flex-start;margin-top:3px;padding:0 6px;font-size:10.5px;font-weight:600}.st.test{background:var(--warn-soft);color:var(--warn)}.st.relogin{background:var(--crit-soft);color:var(--crit);cursor:pointer;border:0}.rail .fine{color:var(--muted);margin:6px 10px 0;font-size:11.5px;line-height:1.4}.work{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-rows:minmax(0,1fr);grid-template-columns:330px minmax(0,1fr) 300px;min-height:0;display:grid;position:relative;overflow:hidden}.work.nopanel{grid-template-columns:330px minmax(0,1fr)}.work.nopanel .panel{display:none}.list-pane{border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex}.thread-pane{flex-direction:column;min-width:0;min-height:0;display:flex}.panel{border-left:1px solid var(--line);background:var(--surface-2);min-width:0;overflow:auto}.list-head{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:12px;display:flex}.list-title{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.list-title h2{margin:0;font-size:15px}.list-title small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.list-hint{color:var(--muted);margin:-4px 0 0;font-size:12px}.search{border:1px solid var(--line);background:var(--surface-2);height:36px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.search input{font:inherit;color:var(--fg);background:0 0;border:0;outline:none;flex:1;min-width:0}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.mf{flex-direction:column;gap:8px;display:none}.mf-views{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.mf-views button{border:1px solid var(--line);background:var(--surface);white-space:nowrap;cursor:pointer;border-radius:999px;padding:4px 11px;font-size:13px}.mf-views button.on{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000;font-weight:600}.sel{font:inherit;color:var(--fg);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:6px 8px}.list{flex:1;min-height:0;overflow:auto}.item{border:0;border-bottom:1px solid var(--line-soft);text-align:left;cursor:pointer;background:0 0;grid-template-columns:40px minmax(0,1fr);gap:11px;width:100%;padding:11px 12px;display:grid}.item:hover{background:var(--hover)}.item.sel-on{background:var(--accent-soft)}.r1{align-items:center;gap:6px;display:flex}.nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.tm{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.r1 .i{width:14px;height:14px;color:var(--star)}.item.unread .nm{font-weight:700}.item.unread .pv{color:var(--fg)}.item.unread .tm{color:var(--accent-ink);font-weight:600}.subj{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.pv{color:var(--muted);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.meta{flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;display:flex}.via{color:var(--muted);margin-right:2px;font-size:11.5px}.chip{background:var(--chip);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 7px;font-size:11.5px}.chip.w2{background:var(--warn-soft);color:var(--warn);font-weight:600}.chip.w3{background:var(--crit-soft);color:var(--crit);font-weight:600}.chip.acc{background:var(--accent-soft);color:var(--accent-ink)}.udot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.list-empty{text-align:center;color:var(--muted);padding:40px 20px}.list-empty b{color:var(--fg);margin-bottom:4px;display:block}.av{letter-spacing:.01em;background:hsl(var(--h) 40% var(--av-l));width:40px;height:40px;color:hsl(var(--h) 45% var(--av-fg));border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:600;display:grid;position:relative}.av.sq{border-radius:11px}.av.sm{width:32px;height:32px;font-size:12px}.av.lg{width:64px;height:64px;font-size:21px}.bd{min-width:18px;height:16px;color:var(--on-badge);letter-spacing:.02em;border-radius:5px;flex:none;place-items:center;padding:0 3px;font-size:9px;font-weight:700;display:inline-grid}.av .bd{box-shadow:0 0 0 2px var(--surface);position:absolute;bottom:-3px;right:-4px}.bd.zalo{background:var(--ch-zalo)}.bd.oa{background:var(--ch-oa)}.bd.fb{background:var(--ch-fb)}.bd.gmail{background:var(--ch-gmail)}.bd.outlook{background:var(--ch-outlook)}.th-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:62px;padding:10px 14px;display:flex}.th-title{flex-direction:column;flex:1;min-width:0;display:flex}.th-title b,.th-title small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.th-title small{color:var(--muted);font-size:12.5px}.acts{gap:2px;display:flex}.ib{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.ib:hover{background:var(--hover);color:var(--fg)}.ib.on{color:var(--star)}.ib.act{color:var(--accent-ink);background:var(--accent-soft)}.back{display:none}.th-body{background:var(--thread-bg);flex-direction:column;flex:1;gap:6px;min-height:0;padding:16px 18px 20px;display:flex;overflow:auto}.th-body.email{gap:12px}.day{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;align-self:center;margin:8px 0 4px;padding:2px 10px;font-size:12px}.sys{color:var(--muted);align-self:center;margin:4px 0;font-size:12px}.msg{flex-direction:column;gap:3px;max-width:min(560px,82%);display:flex}.msg.them{align-self:flex-start}.msg.me{align-self:flex-end;align-items:flex-end}.bub{background:var(--bubble-them);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;padding:8px 12px}.msg.me .bub{background:var(--bubble-me);border-color:#0000}.msg.them .bub{border-top-left-radius:5px}.msg.me .bub{border-top-right-radius:5px}.bub.sched{border:1px dashed var(--accent);background:0 0}.who{color:var(--muted);margin-left:4px;font-size:12px;font-weight:600}.mt{color:var(--muted);align-items:center;gap:4px;margin:0 4px;font-size:11px;display:inline-flex}.mt .i{width:12px;height:12px}.imgs{flex-wrap:wrap;gap:6px;display:flex}.imgs span{background:linear-gradient(140deg, hsl(var(--h) 55% var(--av-l)), hsl(calc(var(--h) + 35) 45% var(--av-l)));width:88px;height:88px;color:hsl(var(--h) 45% var(--av-fg));border-radius:10px;align-items:flex-end;padding:6px 8px;font-size:11px;font-weight:600;display:flex}.file{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:10px;max-width:100%;padding:8px 12px 8px 8px;display:flex}.file .ext{background:var(--crit-soft);width:32px;height:38px;color:var(--crit);border-radius:6px;flex:none;place-items:center;font-size:10px;font-weight:700;display:grid}.file span:last-child{flex-direction:column;min-width:0;display:flex}.file b{overflow-wrap:anywhere;font-size:13px;font-weight:500}.file small{color:var(--muted);font-size:12px}.post{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:12px;margin-bottom:6px;padding:12px;display:flex}.post .thumb{background:linear-gradient(150deg, hsl(345 60% var(--av-l)), hsl(30 65% var(--av-l)));border-radius:9px;flex:none;width:64px;height:64px}.post p{overflow-wrap:anywhere;margin:0 0 4px}.post small{color:var(--muted);font-size:12px}.subj-h{text-wrap:balance;margin:2px 0;font-size:18px;line-height:1.3}.more{border:1px dashed var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:12.5px}.mail{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.mail-h{align-items:center;gap:10px;display:flex}.mail-h .w{flex-direction:column;flex:1;min-width:0;display:flex}.mail-h .w small{color:var(--muted);font-size:12px}.mail-h .tm{align-self:flex-start}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;max-width:68ch;line-height:1.6}.empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:8px;margin:auto;padding:24px;display:flex}.empty .i{stroke-width:1.3px;width:34px;height:34px}.empty b{color:var(--fg)}.comp{border-top:1px solid var(--line);background:var(--surface);flex-direction:column;gap:8px;padding:10px 14px 12px;display:flex;position:relative}.comp-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.comp-row .sel{padding:3px 6px;font-size:12.5px}.seg{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{background:var(--surface);cursor:pointer;color:var(--muted);border:0;padding:4px 10px;font-size:12.5px}.seg button.on{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.fld{border-bottom:1px solid var(--line-soft);align-items:center;gap:8px;padding:3px 0 5px;display:flex}.fld label{width:58px;color:var(--muted);flex:none;font-size:12.5px}.fld input{min-width:0;font:inherit;color:var(--fg);background:0 0;border:0;outline:none;flex:1}#ta{resize:none;border:1px solid var(--line);width:100%;min-height:44px;max-height:180px;font:inherit;color:var(--fg);background:var(--surface-2);border-radius:10px;outline:none;padding:10px 12px;display:block}#ta:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.comp-bar{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.hint{color:var(--muted);margin-left:auto;margin-right:6px;font-size:12px}.chk{color:var(--muted);align-items:center;gap:6px;margin-left:6px;font-size:12.5px;display:inline-flex}.tpl{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);z-index:4;border-radius:10px;max-height:260px;padding:4px;position:absolute;bottom:calc(100% - 6px);left:14px;right:14px;overflow:auto}.tpl-h{color:var(--muted);padding:6px 10px 4px;font-size:11.5px}.tpl button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;gap:10px;width:100%;padding:7px 10px;display:flex}.tpl button.hl{background:var(--accent-soft)}.tpl code{font:600 12px var(--mono);color:var(--accent-ink);flex:none;min-width:64px;padding-top:2px}.pn{flex-direction:column;gap:20px;padding:16px;display:flex;position:relative}.pn-top{text-align:center;flex-direction:column;align-items:center;gap:6px;padding-top:6px;display:flex}.pn-top b{font-size:15px}.pn-top small{color:var(--muted)}.tags{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.pn h4{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 8px;font-size:11px}.idn{align-items:flex-start;gap:9px;padding:5px 0;display:flex}.idn .bd{margin-top:2px}.idn span:last-child{flex-direction:column;min-width:0;font-size:13px;display:flex}.idn small{color:var(--muted);font-size:12px}.fine{color:var(--muted);margin:6px 0 0;font-size:12px}.ord{border-top:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto;gap:1px 8px;padding:8px 0;font-size:13px;display:grid}.ord:first-of-type{border-top:0}.ord .amt{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.ord small{color:var(--muted);font-size:12px}.ord small.bad{color:var(--crit)}.note{resize:vertical;border:1px solid var(--line);width:100%;min-height:76px;font:inherit;color:var(--fg);background:var(--surface);border-radius:8px;outline:none;padding:8px 10px;font-size:13px}.note:focus{border-color:var(--accent)}.oc{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:8px;width:100%;margin-bottom:6px;padding:7px 9px;font-size:13px;display:flex}.oc:hover{border-color:var(--accent)}.oc span:nth-child(2){flex:1;min-width:0}.mem{padding:4px 0;font-size:13px}.pn-close{display:none;position:absolute;top:8px;right:8px}.menu{z-index:40;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;min-width:230px;padding:4px;position:fixed}.mi{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;gap:18px;width:100%;padding:8px 10px;display:flex}.mi:hover,.mi:focus{background:var(--hover);outline:none}.mi small{color:var(--muted);font-variant-numeric:tabular-nums}.menu .sep{background:var(--line);height:1px;margin:4px 6px}#toast{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));background:var(--fg);color:var(--bg);box-shadow:var(--shadow);z-index:50;border-radius:10px;align-items:center;gap:16px;max-width:calc(100% - 32px);padding:10px 14px;font-size:13.5px;display:flex;position:fixed;transform:translate(-50%)}#toast button{color:var(--bg);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}#modal{z-index:60;background:var(--scrim);padding:max(16px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));place-items:center;display:grid;position:fixed;inset:0}.dlg{background:var(--surface);box-shadow:var(--shadow);border-radius:14px;width:min(580px,100%);max-height:100%;padding:20px 22px 22px;position:relative;overflow:auto}.dlg h3{text-wrap:balance;margin:0 0 4px;padding-right:36px;font-size:17px}.dlg>p{color:var(--muted);margin:0}.dlg .x{position:absolute;top:12px;right:12px}.kinds{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:16px;display:grid}.kind{border:1px solid var(--line);text-align:left;background:var(--surface);cursor:pointer;border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}.kind:hover{border-color:var(--accent)}.kind b{align-items:center;gap:8px;display:flex}.kind small{color:var(--muted);font-size:12.5px;line-height:1.4}.kind .risk{color:var(--warn);font-weight:600}.warnbox{background:var(--warn-soft);color:var(--warn);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.5}.step2{flex-direction:column;gap:14px;margin-top:16px;display:flex}.qr-wrap{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.qr-wrap canvas{border:1px solid var(--line);border-radius:10px;flex:none;width:176px;height:176px}.qr-wrap ol{flex-direction:column;flex:1;gap:6px;min-width:200px;margin:0;padding-left:20px;display:flex}.perm{flex-direction:column;gap:4px;margin:0;padding-left:20px;display:flex}.row-end{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.inp{width:100%;font:inherit;color:var(--fg);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;outline:none;padding:8px 10px}.inp:focus{border-color:var(--accent)}.lbl{color:var(--muted);flex-direction:column;gap:5px;font-size:12.5px;display:flex}.keys{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;margin-top:14px;display:grid}.keys span:nth-child(odd){justify-content:flex-end;gap:4px;display:flex}@media (prefers-reduced-motion:no-preference){.item,.nav-btn,.ib,.btn,.oc,.kind{transition:background-color .12s,border-color .12s,color .12s}}@media (width<=1180px){.work,.work.nopanel{grid-template-columns:310px minmax(0,1fr)}.panel{width:min(320px,92%);box-shadow:var(--shadow);z-index:5;position:absolute;top:0;bottom:0;right:0}.pn-close{display:grid}}@media (width<=900px){.main{grid-template-columns:minmax(0,1fr)}.rail{display:none}.mf{display:flex}}@media (width<=700px){.work,.work.nopanel{grid-template-columns:minmax(0,1fr)}.work .thread-pane,.work.mob .list-pane{display:none}.work.mob .thread-pane{display:flex}.list-pane{border-right:0}.back{display:grid}.top-actions .help-btn{display:none}.panel{width:100%}.hint{display:none}.th-head{gap:8px;padding:8px 10px}.th-body{padding:12px 12px 16px}.msg{max-width:88%}#headWait{display:none}}#root{height:100%}.devbar{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.devbar .sel{padding:4px 6px;font-size:12.5px}.devbar .btn{height:28px;padding:0 10px;font-size:12.5px}.net{background:var(--crit-soft);color:var(--crit);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:11.5px}.gate{height:100%;padding:24px max(16px, env(safe-area-inset-right,0px)) 24px max(16px, env(safe-area-inset-left,0px));place-items:center;display:grid}.gate .card{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;width:min(420px,100%);padding:24px;display:flex}.gate h1{margin:0;font-size:18px}.gate p{color:var(--muted);margin:0}.gate .who{flex-direction:column;gap:8px;margin:0;display:flex}.gate .who .btn{justify-content:space-between}.gate .who small{color:var(--muted);font-weight:400}.msg .by{color:var(--accent-ink);margin-right:4px;font-size:12px;font-weight:600}.bub.failed{border:1px solid var(--crit)}.mt.bad{color:var(--crit)}.mt button{color:var(--accent-ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.confirm{background:var(--warn-soft);color:var(--warn);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:7px 10px;font-size:13px;display:flex}.confirm .btn{height:28px;font-size:12.5px}.typing{color:var(--accent-ink);font-size:12px}.loading{color:var(--muted);text-align:center;padding:24px}.more-old{align-self:center}.acc-fix{margin:-6px 0 6px 38px;display:block}