.mx-page{padding:1.2rem 0 1.4rem}.mx-shell{display:grid;grid-template-columns:330px minmax(0,1fr);height:calc(100vh - 128px);min-height:540px;overflow:hidden;padding:0}.mx-list{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:var(--card)}.mx-lh{display:flex;align-items:center;gap:.6rem;padding:1rem 1rem .7rem}.mx-lh h2{font-size:1.25rem}.mx-lh small{font-size:.72rem;font-weight:600}.mx-lh .icobtn{margin-left:auto;width:36px;height:36px;font-size:1.05rem}.mx-search{position:relative;padding:0 1rem .7rem}.mx-search i{position:absolute;left:1.7rem;top:50%;transform:translateY(-60%);color:var(--muted);font-size:1rem}.mx-search input{width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:.55rem .9rem .55rem 2.3rem;font-family:var(--font);font-size:.84rem;color:var(--ink);outline:none}.mx-search input:focus{border-color:var(--accent)}.mx-convs{flex:1;overflow-y:auto;padding:0 .5rem .5rem}.mx-conv{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;padding:.65rem .6rem;border-radius:12px;transition:background .15s}.mx-conv:hover{background:var(--card-2)}.mx-conv.on{background:var(--accent-soft)}.mx-cav{position:relative;flex-shrink:0}.mx-dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:var(--good);border:2px solid var(--card)}.mx-conv.on .mx-dot{border-color:var(--accent-soft)}.mx-cb{flex:1;min-width:0}.mx-cn{display:flex;align-items:center;gap:.25rem;font-size:.86rem;font-weight:700;color:var(--ink)}.mx-cn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mx-cl{font-size:.75rem;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.1rem}.mx-conv.unread .mx-cl{color:var(--ink-2);font-weight:700}.mx-cr{display:flex;flex-direction:column;align-items:flex-end;gap:.28rem;flex-shrink:0}.mx-ct{font-size:.66rem;color:var(--muted);font-weight:700}.mx-pill{min-width:18px;height:18px;padding:0 .3rem;border-radius:999px;background:var(--hot);color:#fff;font-size:.62rem;font-weight:800;display:grid;place-items:center}.mx-gav{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:1.15rem;flex-shrink:0}.mx-thread{display:flex;flex-direction:column;min-height:0;background:var(--bg-2)}.mx-th{display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;border-bottom:1px solid var(--line);background:var(--card);flex-shrink:0}.mx-back{display:none;width:34px;height:34px;border-radius:9px;place-items:center;color:var(--ink-2);font-size:1.2rem;flex-shrink:0}.mx-back:hover{color:var(--accent)}.mx-tt{flex:1;min-width:0}.mx-tn{display:flex;align-items:center;gap:.25rem;font-family:var(--display);font-weight:700;font-size:.98rem;color:var(--ink)}.mx-th small{display:block;font-size:.72rem;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mx-ico{width:36px;height:36px;font-size:1.05rem;flex-shrink:0}.mx-msgs{flex:1;overflow-y:auto;padding:1.1rem 1rem .4rem;display:flex;flex-direction:column;gap:.35rem}.mx-day{align-self:center;margin:.8rem 0 .5rem;font-size:.66rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);background:var(--card);border:1px solid var(--line);padding:.2rem .7rem;border-radius:999px}.mx-row{display:flex;gap:.5rem;align-items:flex-end;max-width:78%}.mx-row.mine{align-self:flex-end;flex-direction:row-reverse}.mx-row.theirs{align-self:flex-start}.mx-ravat{width:26px;height:26px;font-size:.6rem;flex-shrink:0;margin-bottom:.15rem}.mx-bub{background:var(--card);border:1px solid var(--line-2);border-radius:16px 16px 16px 5px;padding:.6rem .85rem;box-shadow:var(--shadow-sm);min-width:0}.mx-row.mine .mx-bub{background:var(--brand);color:var(--on-brand);border:none;border-radius:16px 16px 5px}.mx-bub p{font-size:.85rem;line-height:1.55;color:var(--ink-2);word-wrap:break-word;overflow-wrap:anywhere}.mx-row.mine .mx-bub p{color:var(--on-brand)}.mx-who{font-size:.68rem;font-weight:800;color:var(--accent);margin-bottom:.2rem}.mx-meta{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;margin-top:.25rem;font-size:.62rem;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.mx-row.mine .mx-meta{color:var(--on-brand);opacity:.72}.mx-meta i{font-size:.85rem}.mx-meta i.read{color:var(--accent-2);opacity:1}.mx-row.mine .mx-meta i.read{color:#08343a}.mx-bub.rich{padding:.5rem;width:250px}.mx-mini{display:block;border-radius:11px;overflow:hidden;background:var(--card-2);border:1px solid var(--line)}.mx-row.mine .mx-mini{background:#ffffff8c;border-color:#08343a24}.mx-mmap{display:block;background:var(--bg-2);border-bottom:1px solid var(--line)}.mx-mbody{padding:.5rem .6rem .55rem}.mx-mbody b{display:block;font-size:.8rem;color:var(--ink);font-family:var(--display);line-height:1.3}.mx-mbody small{display:block;font-size:.68rem;color:var(--muted);font-weight:700;margin-top:.15rem}.mx-mst{display:flex;gap:.5rem;padding:.45rem .6rem;border-top:1px solid var(--line-2)}.mx-mst div{flex:1}.mx-mst u{display:block;text-decoration:none;font-size:.56rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.mx-mst b{font-family:var(--display);font-size:.82rem;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.mx-mtags{display:flex;gap:.22rem;flex-wrap:wrap;padding:0 .6rem .5rem}.mx-mtags span{font-size:.58rem;font-weight:700;background:var(--card);border:1px solid var(--line);color:var(--ink-2);padding:.1rem .34rem;border-radius:5px}.mx-ph{width:100%;height:170px;border-radius:11px;display:grid;place-items:center;font-size:3rem;filter:none}.mx-phc{font-size:3rem;filter:drop-shadow(0 6px 14px rgba(0,0,0,.22))}.mx-voice{display:flex;align-items:center;gap:.6rem;width:216px}.mx-vplay{width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--on-brand);display:grid;place-items:center;font-size:.95rem;flex-shrink:0}.mx-row.mine .mx-vplay{background:var(--on-brand);color:var(--accent)}.mx-wave{flex:1;height:28px}.mx-wave rect{fill:var(--faint);transition:fill .12s}.mx-wave rect.pl{fill:var(--accent)}.mx-row.mine .mx-wave rect{fill:#08343a47}.mx-row.mine .mx-wave rect.pl{fill:var(--on-brand)}.mx-vdur{font-size:.68rem;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.mx-row.mine .mx-vdur{color:var(--on-brand);opacity:.75}.mx-typing{display:none;align-items:center;gap:.5rem;padding:.2rem 1rem .5rem}.mx-typing.on{display:flex}.mx-typing small{font-size:.7rem;font-weight:700}.mx-tbub{display:inline-flex;gap:.2rem;background:var(--card);border:1px solid var(--line-2);border-radius:14px;padding:.5rem .65rem;box-shadow:var(--shadow-sm)}.mx-tbub i{width:6px;height:6px;border-radius:50%;background:var(--faint);animation:mxb 1.2s infinite}.mx-tbub i:nth-child(2){animation-delay:.16s}.mx-tbub i:nth-child(3){animation-delay:.32s}@keyframes mxb{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}.mx-comp{display:flex;align-items:center;gap:.4rem;padding:.7rem .8rem calc(.7rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--card);flex-shrink:0}.mx-cico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--muted);font-size:1.15rem;flex-shrink:0}.mx-cico:hover{color:var(--accent);background:var(--accent-soft)}#mxInput{flex:1;min-width:0;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:.65rem 1rem;font-family:var(--font);font-size:.87rem;color:var(--ink);outline:none}#mxInput:focus{border-color:var(--accent)}.mx-send{width:40px;height:40px;border-radius:50%;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;font-size:1.05rem;box-shadow:var(--shadow-brand);flex-shrink:0;transition:transform .15s,filter .2s}.mx-send:hover{filter:brightness(1.05);transform:translateY(-1px)}.mx-send:active{transform:scale(.94)}@media (max-width:900px){.mx-page{padding:0}.mx-shell{grid-template-columns:1fr;height:calc(100vh - 142px);border-radius:0;border-left:0;border-right:0}.mx-thread,.mx-shell.open .mx-list{display:none}.mx-shell.open .mx-thread{display:flex}.mx-back{display:grid}.mx-row{max-width:86%}}