.chat-pinned svg,.chat-bubble svg,.chat-composer svg,.chat-sheet svg{flex:none;max-width:none}.chat-pinned{top:var(--chat-top,0px);z-index:3;background:var(--mkm-surface);box-shadow:var(--mkm-shadow);border-left:3px solid var(--mkm-seal);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:6px;margin:0 0 10px;padding:8px 8px 8px 12px;display:grid;position:sticky}.chat-pinned-open{text-align:left;color:var(--mkm-ink);font:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-width:0;padding:0;display:grid}.chat-pinned-icon{color:var(--mkm-seal);display:grid}.chat-pinned-open b{color:var(--mkm-seal);font-size:12px;font-weight:700;display:block}.chat-pinned-open small{color:var(--mkm-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:block;overflow:hidden}.chat-pinned-open>span:last-child{min-width:0}.chat-pinned-off{width:32px;height:32px;color:var(--mkm-muted);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.chat-list{flex:1;align-content:end;gap:8px;margin-bottom:12px;display:grid}.chat-empty{text-align:center;color:var(--mkm-muted);margin:24px 0;font-size:13px}.chat-bubble{cursor:pointer;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent;border-radius:16px;min-width:0;max-width:84%;padding:9px 12px 7px;font-size:14px;line-height:1.45;transition:box-shadow .2s}.chat-bubble.is-in{background:var(--mkm-surface);color:var(--mkm-ink);box-shadow:var(--mkm-shadow);border-bottom-left-radius:6px;justify-self:start}.chat-bubble.is-out{background:var(--mkm-seal);color:var(--mkm-on-seal);border-bottom-right-radius:6px;justify-self:end}.chat-bubble:focus-visible{outline:2px solid var(--mkm-seal);outline-offset:2px}.chat-bubble.is-note{background:var(--mkm-apricot-soft);max-width:none;color:var(--mkm-ink);box-shadow:none;border:1px dashed var(--mkm-apricot);border-radius:14px;justify-self:stretch}.chat-bubble.is-note time{color:var(--mkm-muted);opacity:1}.chat-note-label{color:var(--mkm-apricot);align-items:center;gap:6px;margin-bottom:3px;font-size:11px;font-weight:700;display:flex}.chat-composer.is-note .chat-input textarea{background:var(--mkm-apricot-soft);border-color:var(--mkm-apricot)}@media (pointer:coarse){.chat-input textarea{font-size:16px}}.chat-bubble.is-flash{box-shadow:0 0 0 3px var(--mkm-apricot)}.chat-bubble.is-deleted{cursor:default;opacity:.75}.chat-name{color:var(--mkm-seal);margin-bottom:2px;font-size:11.5px;font-weight:700;display:block}.chat-text{white-space:pre-wrap}.chat-deleted{color:var(--mkm-muted);font-style:italic}.is-out .chat-deleted{color:inherit}.chat-bubble time{color:var(--mkm-muted);justify-content:flex-end;align-items:center;gap:4px;margin-top:3px;font-size:10.5px;display:flex}.chat-bubble.is-out time{color:currentColor;opacity:.75}.chat-pin-mark svg{width:11px;height:11px}.chat-ticks{margin-left:1px;display:inline-flex}.chat-ticks svg{width:18px;height:12px}.chat-ticks.is-read{opacity:1}.chat-bubble.is-out time:has(.chat-ticks.is-read){opacity:.95}.chat-input .chat-send,.chat-input.is-recording .chat-send{background:var(--mkm-seal);width:48px;height:48px;min-height:0;color:var(--mkm-on-seal);font-weight:inherit;border-radius:14px;padding:0}.chat-input .chat-send:hover:not(:disabled){background:var(--mkm-seal)}.chat-input .chat-send:disabled{background:var(--mkm-seal);opacity:.5}.chat-forwarded{opacity:.8;align-items:center;gap:5px;margin-bottom:4px;font-size:11.5px;font-style:italic;font-weight:600;display:flex}.chat-forwarded svg{width:13px;height:13px}.chat-quote{text-align:left;width:100%;min-width:0;font:inherit;color:inherit;cursor:pointer;background:color-mix(in srgb, currentColor 10%, transparent);border:0;border-left:3px solid;border-radius:8px;margin:2px 0 5px;padding:5px 9px;display:block}.is-in .chat-quote{color:var(--mkm-seal)}.chat-quote b{font-size:12px;font-weight:700;display:block}.chat-quote span{opacity:.85;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:block;overflow:hidden}.is-in .chat-quote span{color:var(--mkm-ink)}.chat-voice{grid-template-columns:38px 1fr auto;align-items:center;gap:10px;min-width:210px;display:grid}.chat-voice-play{background:var(--mkm-seal);width:38px;height:38px;color:var(--mkm-on-seal);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.is-out .chat-voice-play{background:var(--mkm-on-seal);color:var(--mkm-seal)}.chat-voice-wave{cursor:pointer;align-items:center;gap:2px;height:28px;display:flex}.chat-voice-wave i{opacity:.3;background:currentColor;border-radius:2px;flex:1;min-width:2px}.is-in .chat-voice-wave i{background:var(--mkm-seal)}.chat-voice-wave i.is-played{opacity:1}.chat-voice-time{font-variant-numeric:tabular-nums;opacity:.85;font-size:11.5px}.chat-composer{z-index:3;padding:8px 0 calc(6px + env(safe-area-inset-bottom));background:var(--mkm-paper);position:sticky;bottom:0}.chat-input{grid-template-columns:1fr auto;align-items:end;gap:9px;display:grid}.chat-input textarea{resize:none;border:1.5px solid var(--mkm-line);background:var(--mkm-surface);width:100%;min-height:48px;max-height:min(220px,38dvh);color:var(--mkm-ink);font:inherit;border-radius:14px;padding:13px 14px;font-size:14px;line-height:1.45;overflow-y:auto}.chat-input textarea:focus{border-color:var(--mkm-seal);outline:none}.chat-send{background:var(--mkm-seal);width:48px;height:48px;color:var(--mkm-on-seal);border:0;border-radius:14px;flex:none;place-items:center;display:grid}.chat-send:disabled{opacity:.5}.chat-context{background:var(--mkm-surface);border-left:3px solid var(--mkm-seal);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:8px;padding:8px 8px 8px 12px;display:grid}.chat-context-icon{color:var(--mkm-seal);display:grid}.chat-context-text{min-width:0}.chat-context-text b{color:var(--mkm-seal);font-size:12px;font-weight:700;display:block}.chat-context-text small{color:var(--mkm-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:block;overflow:hidden}.chat-context button,.chat-error button{width:30px;height:30px;color:var(--mkm-muted);background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.chat-error{background:var(--mkm-brick-soft);color:var(--mkm-brick);border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:0 0 8px;padding:8px 8px 8px 12px;font-size:12.5px;display:grid}.chat-rec{border:1.5px solid var(--mkm-line);background:var(--mkm-surface);border-radius:14px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:9px;min-height:48px;padding:0 8px 0 14px;display:grid}.chat-rec i{background:var(--mkm-muted);border-radius:50%;width:10px;height:10px}.chat-rec i.is-live{background:var(--mkm-brick);animation:1s ease-in-out infinite chat-live}.chat-rec span{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.chat-rec small{color:var(--mkm-muted);font-size:12px}.chat-rec-cancel{color:var(--mkm-brick);font:inherit;background:0 0;border:0;padding:8px;font-size:13px;font-weight:700}@keyframes chat-live{50%{opacity:.25}}.chat-sheet-back{z-index:60;background:#040c0e73;justify-content:center;align-items:flex-end;animation:.15s chat-fade;display:flex;position:fixed;inset:0}.chat-sheet{background:var(--mkm-surface);width:min(100%,520px);color:var(--mkm-ink);padding:10px 10px calc(12px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;animation:.18s chat-rise;box-shadow:0 -10px 40px #00000040}.chat-sheet-preview{background:var(--mkm-paper);border-radius:14px;margin:4px 6px 8px;padding:10px 12px;font-size:13px}.chat-sheet-preview b{color:var(--mkm-seal);margin-bottom:2px;font-size:11.5px;display:block}.chat-sheet-preview span{-webkit-line-clamp:3;color:var(--mkm-muted);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chat-sheet ul{margin:0;padding:0;list-style:none}.chat-sheet li button{width:100%;color:var(--mkm-ink);text-align:left;font:inherit;background:0 0;border:0;border-radius:12px;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:12px 10px;font-size:15px;font-weight:600;display:grid}.chat-sheet li button:hover,.chat-sheet li button:focus-visible{background:var(--mkm-paper);outline:none}.chat-sheet li button span{color:var(--mkm-muted);place-items:center;display:grid}.chat-sheet li button.is-danger,.chat-sheet li button.is-danger span{color:var(--mkm-brick)}.chat-sheet-confirm{padding:4px 8px}.chat-sheet-confirm p{margin:4px 4px 14px;font-size:14px;line-height:1.45}.chat-sheet-confirm div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.chat-sheet-cancel,.chat-sheet-danger{min-height:46px;font:inherit;border-radius:13px;font-size:14px;font-weight:700}.chat-sheet-cancel{border:1.5px solid var(--mkm-line);background:var(--mkm-surface);color:var(--mkm-ink)}.chat-sheet-danger{background:var(--mkm-brick);color:#fff;border:0}@keyframes chat-fade{0%{opacity:0}}@keyframes chat-rise{0%{opacity:.6;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.chat-sheet-back,.chat-sheet,.chat-rec i.is-live{animation:none}}.chat-ref{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#ffffff8c;border:0;border-radius:14px;align-items:center;gap:10px;margin-top:8px;padding:6px 12px 6px 6px;font-size:13.5px;font-weight:700;display:flex}.chat-ref.is-static{cursor:default;opacity:.9}.chat-ref:focus-visible{outline-offset:2px;outline:2px solid}.chat-ref-pic{background:#0000000f;border-radius:10px;flex:none;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.chat-ref-pic img{object-fit:cover;width:100%;height:100%;display:block}@media (prefers-color-scheme:dark){.chat-ref{background:#ffffff1a}.chat-ref-pic{background:#ffffff14}}:root[data-theme=dark] .chat-ref{background:#ffffff1a}:root[data-theme=light] .chat-ref{background:#ffffff8c}.chat-input.has-attach{grid-template-columns:auto 1fr auto}.chat-attach{background:color-mix(in srgb, var(--mkm-ink) 6%, transparent);width:44px;height:48px;color:var(--mkm-ink);cursor:pointer;border:0;border-radius:14px;flex:none;place-items:center;padding:0;display:grid}.chat-attach[aria-expanded=true]{background:var(--mkm-seal);color:var(--mkm-on-seal)}.chat-attach:focus-visible{outline:2px solid var(--mkm-seal);outline-offset:2px}.chat-attach-menu{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.chat-attach-menu button{border:1.5px solid var(--mkm-line);background:var(--mkm-surface);min-height:48px;color:var(--mkm-ink);font:inherit;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.chat-attach-menu button svg{color:var(--mkm-seal);flex:none}.chat-attach-menu button:focus-visible{outline:2px solid var(--mkm-seal);outline-offset:2px}.chat-sending{color:var(--mkm-muted);margin:0 0 8px;font-size:12.5px}.chat-attach-menu.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-attach-menu.is-three button{text-align:center;flex-direction:column;gap:4px;min-height:64px;padding:8px 4px;font-size:12.5px;line-height:1.2}.chat-attach-menu:not(.is-three) button:only-child{grid-column:1/-1}.chat-file{width:min(260px,66vw);color:inherit;border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 2px;padding:6px 4px 6px 0;text-decoration:none;display:grid}.chat-file:focus-visible{outline:2px solid var(--mkm-seal);outline-offset:2px}.chat-file-tile{background:color-mix(in srgb, var(--mkm-seal) 12%, transparent);width:44px;height:48px;color:var(--mkm-seal);border-radius:12px;align-content:center;place-items:center;gap:1px;display:grid;position:relative}.chat-file-tile small{letter-spacing:.02em;font-size:9.5px;font-weight:800;line-height:1}.chat-file-text{gap:2px;min-width:0;display:grid}.chat-file-text b{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.chat-file-text small{opacity:.7;font-size:12px}.chat-file-get{background:color-mix(in srgb, var(--mkm-ink) 7%, transparent);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.is-out .chat-file-tile{background:color-mix(in srgb, var(--mkm-on-seal) 18%, transparent);color:var(--mkm-on-seal)}.is-out .chat-file-get{background:color-mix(in srgb, var(--mkm-on-seal) 16%, transparent)}.chat-photo{cursor:zoom-in;background:0 0;border:0;border-radius:12px;margin:-2px -4px 4px;padding:0;line-height:0;display:block;overflow:hidden}.chat-photo img{object-fit:cover;background:color-mix(in srgb, var(--mkm-ink) 8%, transparent);width:min(240px,62vw);max-height:320px;display:block}.chat-photo:focus-visible{outline:2px solid var(--mkm-seal);outline-offset:2px}.chat-viewer{z-index:90;padding:56px 12px calc(20px + env(safe-area-inset-bottom));background:#000000eb;place-items:center;display:grid;position:fixed;inset:0}.chat-viewer img{object-fit:contain;border-radius:6px;max-width:100%;max-height:100%}.chat-viewer-bar{top:calc(10px + env(safe-area-inset-top));gap:8px;display:flex;position:absolute;right:12px}.chat-viewer-bar a,.chat-viewer-bar button{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.chat-viewer-bar a:focus-visible,.chat-viewer-bar button:focus-visible{outline-offset:2px;outline:2px solid #fff}.chat-sheet-confirm.is-choice div{grid-template-columns:1fr}.chat-sheet-confirm.is-choice .chat-sheet-danger:not(.is-strong){color:var(--mkm-brick);border:1.5px solid color-mix(in srgb, var(--mkm-brick) 45%, transparent);background:0 0}.chat-video-btn{background:color-mix(in srgb, var(--mkm-ink) 6%, transparent);width:44px;height:48px;color:var(--mkm-ink);cursor:pointer;border:0;border-radius:14px;flex:none;place-items:center;padding:0;display:grid}.chat-video-btn:focus-visible{outline:2px solid var(--mkm-seal);outline-offset:2px}.chat-input.has-video{grid-template-columns:1fr auto auto}.chat-input.has-attach.has-video{grid-template-columns:auto 1fr auto auto}.chat-react-bar{background:var(--mkm-paper);border-radius:999px;justify-content:space-between;gap:2px;margin:2px 4px 8px;padding:6px;display:flex}.chat-react-bar button{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:1;place-items:center;min-width:0;height:44px;font-size:25px;line-height:1;transition:transform .12s;display:grid}.chat-react-bar button:active{transform:scale(1.25)}.chat-react-bar button[aria-pressed=true]{background:color-mix(in srgb, var(--mkm-seal) 16%, transparent)}.chat-react-bar button:focus-visible{outline:2px solid var(--mkm-seal);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.chat-react-bar button{transition:none}}.chat-reacts{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.chat-reacts button{cursor:pointer;background:color-mix(in srgb, currentColor 9%, transparent);min-height:26px;color:inherit;font:inherit;border:1px solid #0000;border-radius:13px;align-items:center;gap:3px;padding:0 8px;font-size:15px;line-height:1;display:inline-flex}.chat-reacts b{font-size:12px;font-weight:700}.chat-reacts button.is-mine{background:color-mix(in srgb, currentColor 16%, transparent);border-color:currentColor}.chat-bubble.is-in .chat-reacts button.is-mine,.chat-bubble.is-in .chat-reacts button.is-mine b{color:var(--mkm-seal)}.chat-unread-line{background:color-mix(in srgb, var(--mkm-seal) 10%, transparent);justify-content:center;justify-self:stretch;margin:6px -12px;padding:5px 0;scroll-margin-top:80px;display:flex}.chat-unread-line span{color:var(--mkm-seal);font-size:12.5px;font-weight:700}.chat-trans{color:var(--mkm-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:3px 6px;margin:5px 0 0;padding:0;font-size:11.5px;line-height:1.3;display:flex}.chat-trans svg{flex:none;width:13px;height:13px}.chat-trans u{color:var(--mkm-seal);font-weight:700;text-decoration:none}.chat-trans:focus-visible{outline:2px solid var(--mkm-seal);outline-offset:2px;border-radius:4px}.chat-lang-head{gap:4px;margin:6px 8px 12px;display:grid}.chat-lang-head b{font-size:16px}.chat-lang-head small{color:var(--mkm-muted);font-size:13px;line-height:1.4}.chat-lang-list{grid-template-columns:1fr 1fr;gap:8px;padding:0 6px 4px;display:grid}.chat-lang-list button{border:1.5px solid var(--mkm-line,#0000001a);min-height:48px;color:var(--mkm-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:14px;padding:0 14px;font-size:15px;font-weight:600}.chat-lang-list button[aria-checked=true]{border-color:var(--mkm-seal);background:var(--mkm-seal-soft);color:var(--mkm-seal)}.chat-lang-list button.is-off{color:var(--mkm-muted);grid-column:1/-1}.chat-lang-list button:focus-visible{outline:2px solid var(--mkm-seal);outline-offset:2px}
