.comm-room{--comm-ink:var(--ink,#263b37);--comm-fill:var(--surface,rgba(250,253,250,.12));color:var(--comm-ink);padding:12px 14px;border-top:1px solid var(--line,rgba(128,160,151,.2));font-size:14px;min-width:0;background:var(--comm-fill);border-radius:16px}.comm-room[data-chat-background=jade],.comm-call[data-chat-background=jade]{--comm-fill:color-mix(in srgb,var(--surface,transparent) 82%,#62b7a1 18%);background:var(--comm-fill)}.comm-room[data-chat-background=rose],.comm-call[data-chat-background=rose]{--comm-fill:color-mix(in srgb,var(--surface,transparent) 82%,#c77d98 18%);background:var(--comm-fill)}.comm-room[data-chat-background=night],.comm-call[data-chat-background=night]{--comm-fill:#172829;--comm-ink:#edf8f3;background:var(--comm-fill);color:var(--comm-ink);color-scheme:dark}.comm-room[data-chat-size=compact]{font-size:12px}.comm-room[data-chat-size=large]{font-size:17px}.cw-chat:has(.comm-room[data-chat-size=compact]) .cw-chat__bubble,.chat-conversation:has(.comm-room[data-chat-size=compact]) .chat-bubble,.support-chat:has(.comm-room[data-chat-size=compact]) .support-message{font-size:13px}.cw-chat:has(.comm-room[data-chat-size=large]) .cw-chat__bubble,.chat-conversation:has(.comm-room[data-chat-size=large]) .chat-bubble,.support-chat:has(.comm-room[data-chat-size=large]) .support-message{font-size:18px}.cw-chat:has(.comm-room[data-chat-background=night]) .cw-chat__body,.chat-conversation:has(.comm-room[data-chat-background=night]) .chat-message-list,.support-chat:has(.comm-room[data-chat-background=night]) .support-transcript{background:#172829;color:#edf8f3}.cw-chat:has(.comm-room[data-chat-background=jade]) .cw-chat__body,.chat-conversation:has(.comm-room[data-chat-background=jade]) .chat-message-list,.support-chat:has(.comm-room[data-chat-background=jade]) .support-transcript{background:color-mix(in srgb,var(--surface,transparent) 88%,#62b7a1 12%)}.cw-chat:has(.comm-room[data-chat-background=rose]) .cw-chat__body,.chat-conversation:has(.comm-room[data-chat-background=rose]) .chat-message-list,.support-chat:has(.comm-room[data-chat-background=rose]) .support-transcript{background:color-mix(in srgb,var(--surface,transparent) 88%,#c77d98 12%)}.comm-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comm-tools button,.comm-voice button,.comm-call-controls button,.comm-preferences select{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 10px;border:1px solid var(--line,rgba(122,155,146,.24));background:transparent;color:inherit;border-radius:12px;font:inherit;cursor:pointer;transition:opacity .16s,transform .16s}.comm-room button:disabled,.comm-call button:disabled{opacity:.45;cursor:default}.comm-room button:active:not(:disabled),.comm-call button:active:not(:disabled){transform:scale(.97)}.comm-hint{display:block;opacity:.72;margin:8px 0}.comm-preferences{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0;padding:12px;background:color-mix(in srgb,var(--comm-fill) 92%,var(--comm-ink) 8%);border-radius:12px}.comm-preferences label{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.comm-preferences select{max-width:100%;background:var(--comm-fill);color:var(--comm-ink)}.comm-voice-log{max-height:200px;overflow:auto;margin:10px 0;overscroll-behavior:contain}.comm-voice-log article{max-width:90%;padding:8px 10px;background:color-mix(in srgb,var(--comm-fill) 90%,var(--comm-ink) 10%);border-radius:14px;margin:7px 0}.comm-voice-log article[data-mine=true]{margin-left:auto}.comm-voice-log small{opacity:.72;display:block;margin-bottom:4px}.comm-voice{display:flex;gap:7px;align-items:center;min-width:0}.comm-voice audio{width:220px;max-width:calc(100% - 80px);height:36px}.comm-voice button{min-height:30px;padding:4px 7px}.comm-recorder{margin-top:10px}.comm-history{font-size:.85em;margin:10px 0}.comm-history p{margin:5px 0}.comm-error{color:var(--danger,#b64256);font-size:13px;margin:8px 0}.comm-error button{background:transparent;border:0;color:inherit;text-decoration:underline;margin-left:8px}.modal-portal-root:has(.comm-call-dialog) .modal-backdrop{z-index:31000!important}.modal-dialog.comm-call-dialog{width:min(640px,100%);max-height:calc(100dvh - 24px);overflow:auto}.comm-call{padding:18px;--comm-ink:var(--ink,#263b37);text-align:center}.comm-call h3{margin:0;font-size:22px;color:inherit}.comm-call p{color:inherit}.comm-video-stage{position:relative;min-height:260px;background:#152326;border-radius:20px;overflow:hidden;margin:14px 0;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3}.comm-video-stage>video:first-child{width:100%;height:100%;object-fit:contain;position:absolute;top:0;right:0;bottom:0;left:0}.comm-video-stage>video:nth-of-type(2){position:absolute;right:12px;bottom:12px;width:26%;height:30%;object-fit:cover;border-radius:12px;background:#223635}.comm-video-stage .is-mirrored{transform:scaleX(-1)}.comm-call-avatar{position:relative;color:#d6e9e2}.comm-call-avatar svg{width:60px;height:60px;stroke-width:1.2}.comm-video-stage.is-audio{aspect-ratio:auto;min-height:170px}.comm-video-stage.is-audio video{width:1px;height:1px;opacity:0}.comm-call-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:16px 0}.comm-call-controls button{min-height:44px}.comm-call-controls .comm-end{background:#a94154;color:#fff;border-color:transparent}.comm-call-controls .comm-accept{background:#256c57;color:#fff;border-color:transparent}.comm-call small{display:block;font-size:12px;opacity:.75}.comm-notice{position:fixed;z-index:31001;bottom:calc(90px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:14px;align-items:center;background:var(--surface,#f1f5f1);color:var(--ink,#243b35);border:1px solid var(--line,#a7bdb3);box-shadow:0 8px 28px #0002;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:12px 16px;max-width:min(480px,90vw);font-size:14px}.comm-notice button{background:transparent;border:0;color:inherit;font-size:24px;cursor:pointer}.support-chat:has(.comm-room){grid-template-rows:auto minmax(80px,1fr) auto auto}.cw-chat:has(.comm-room){grid-template-rows:auto minmax(100px,1fr) auto auto}.friend-chat-dialog:has(.comm-speech){grid-template-rows:auto minmax(100px,1fr) auto auto}.comm-speech{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}.comm-speech button{display:inline-flex;align-items:center;gap:6px;color:inherit;background:transparent;border:1px solid var(--line,#8eaaa54a);padding:7px 10px;min-height:36px;border-radius:12px;font-size:13px}.comm-speech button[aria-pressed=true]{background:color-mix(in srgb,var(--accent,#478d7c) 20%,transparent)}.comm-speech small{font-size:12px;opacity:.72}.comm-speech .comm-error{flex-basis:100%}@media (max-width:600px){.comm-room{padding:9px 10px;font-size:12px}.comm-tools{gap:6px}.comm-tools button{padding:6px 8px;min-height:40px}.comm-preferences{grid-template-columns:1fr;padding:10px}.comm-voice-log{max-height:150px}.comm-call{padding:12px}.comm-call h3{font-size:19px}.comm-video-stage{min-height:200px}.comm-call-dialog{padding:12px!important}.comm-call-controls{gap:6px}.comm-call-controls button{padding:8px;font-size:12px}.comm-speech button{min-height:40px}}@media (prefers-reduced-motion:reduce){.comm-room button,.comm-call button{transition:none;transform:none!important}}.comm-room[data-chat-background=night]{--ink:#edf8f3;--muted:#baccc7;--line:#708e8666}.comm-room[data-chat-background=night] p:not(.comm-error){color:inherit!important}.cw-chat:has(.comm-room[data-chat-background=night]),.chat-conversation:has(.comm-room[data-chat-background=night]),.support-chat:has(.comm-room[data-chat-background=night]),.reader-conversation:has(.comm-room[data-chat-background=night]){--wuven-glass-ink:#edf8f3;--text:#edf8f3;--crystal-muted:#baccc7;--reader-ink:#edf8f3;--reader-muted:#baccc7;--glass-ink:#edf8f3;--glass-control:#172829;--su-ink:#edf8f3;--su-muted:#baccc7;--su-paper:#172829;--su-soft:#172829;--su-line:#9bb7ae55;--su-own:#2a403d;--su-note:#393522;--cw-ink:#edf8f3;--cw-muted:#baccc7;--cw-card:#172829;--cw-card-strong:#2a403d;--cw-line:#9bb7ae55;--cw-soft:#2a403d;--ink:#edf8f3;--muted:#baccc7;--surface:#172829;--line:#9bb7ae55;background:#172829!important;color:#edf8f3!important;color-scheme:dark}.cw-chat:has(.comm-room[data-chat-background=night]) .cw-chat__body,.chat-conversation:has(.comm-room[data-chat-background=night]) .chat-message-list,.support-chat:has(.comm-room[data-chat-background=night]) .support-transcript,.reader-conversation:has(.comm-room[data-chat-background=night]) .reader-chat-log{background:#172829!important;color:#edf8f3!important}.cw-chat:has(.comm-room[data-chat-background=night]) .cw-chat__bubble,.chat-conversation:has(.comm-room[data-chat-background=night]) .chat-bubble,.support-chat:has(.comm-room[data-chat-background=night]) .support-message{background:#2a403d!important;color:#edf8f3!important}.cw-chat:has(.comm-room[data-chat-background=night]) .cw-chat__bubble p,.chat-conversation:has(.comm-room[data-chat-background=night]) .chat-bubble p,.support-chat:has(.comm-room[data-chat-background=night]) .support-message p{color:inherit!important}.support-chat>.comm-room{flex-shrink:0;max-height:40dvh;overflow:auto}.reader-conversation:has(.comm-room[data-chat-size=compact]) .reader-chat-log p{font-size:13px}.reader-conversation:has(.comm-room[data-chat-size=large]) .reader-chat-log p{font-size:18px}
