/* 16px prevents iOS focus magnification; pinch zoom remains available. */
.message-form textarea{flex:1;min-width:0}.message-form .composer-mic{flex:0 0 44px;width:44px;padding:8px;font-size:21px;align-self:stretch}.composer-mic.is-recording{background:#753a44;color:#fff}.photo-encoding-options{border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0}.photo-encoding-options[hidden]{display:none}.photo-encoding-options select{width:100%}.photo-size-preview{font-weight:600;color:#e4d7ff!important;white-space:pre-line}.system-message{display:flex;flex-direction:column;align-items:center;gap:7px}.system-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.system-actions .small-button{font-size:11px;padding:5px 9px}.system-actions .small-button:disabled{opacity:.45}.security-code-block{white-space:pre-line;padding:10px;background:#101017;border-radius:9px;font:13px/1.8 ui-monospace,monospace;overflow-wrap:anywhere}
.participant-row{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid var(--line)}.participant-row>span{font-size:14px;flex:1 1 100px}.participant-row>code{display:block;width:100%;order:3;font:11px/1.6 ui-monospace,monospace;overflow-wrap:anywhere;color:var(--muted)}.participants-button{margin:10px 0;flex-shrink:0;text-align:left}.app-dialog input:not([type=checkbox]){width:100%;font-size:16px;border:1px solid #5a4d6c;background:#101017;color:var(--text);padding:10px 12px;border-radius:8px;margin:10px 0}.flow-panel select{color:var(--text);background:#101017;border:1px solid #514162;border-radius:8px;padding:10px;margin:8px 0 12px}.nav-actions>select{max-width:108px}
.media-toolbar>.quiet-note{max-height:38px;overflow:auto}.in-conversation #showParticipants{margin:4px 0 7px}
.in-conversation #lanCautionBadge{display:none}
.flow-panel input,.flow-panel textarea,.flow-panel select,.nav select{font-size:16px}.flow-panel input,.flow-panel textarea{min-width:0}
.caution-badge{display:flex;align-items:center;gap:9px;color:#ffdfa4;background:#302417;border:1px solid #a47d3a;border-radius:999px;padding:8px 12px;margin:0 auto 14px;cursor:pointer;font-size:12px}
.help-button{display:inline-grid;place-items:center;border:1px solid #776790;border-radius:50%;width:25px;height:25px;min-width:25px;padding:0;color:#e2d7ff;background:#282033;font:700 15px/1 system-ui;cursor:pointer}
.server-address{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.server-address code{font-size:13px;overflow-wrap:anywhere}
.security-status{display:flex;align-items:center;gap:8px;border:0;background:none;color:inherit;padding:0;text-align:left;cursor:pointer;min-width:0}.security-dot{width:9px;height:9px;min-width:9px;border-radius:50%;background:#e7c96b}.security-dot[data-level=good]{background:#86d7a2}.security-dot[data-level=warning]{background:#efa95b}.security-dot[data-level=critical]{background:#ef6c75}.security-status .help-button{width:21px;height:21px;min-width:21px;font-size:12px}.connection-badge{overflow-wrap:anywhere}
.safety-emojis{display:block;font-size:30px;letter-spacing:4px;margin:14px 0;overflow-wrap:anywhere}.safety-panel .small-button{margin-top:12px}.system-message{align-self:center;max-width:95%;color:#b5cbbf;background:#17302777;border:1px solid #315442;border-radius:8px;padding:8px 12px;font-size:11px;text-align:center;flex-shrink:0}
.app-dialog{color:var(--text);background:#191922;border:1px solid #635276;border-radius:16px;width:min(570px,calc(100vw - 30px));max-height:calc(var(--visual-height,100dvh) - 30px);overflow:auto;padding:25px;line-height:1.6}.app-dialog::backdrop,.media-viewer::backdrop{background:#090910dc}.app-dialog h2{font-size:23px;margin:0 0 16px}.app-dialog p,.app-dialog li{font-size:14px;color:#c8c3d4;overflow-wrap:anywhere}.app-dialog ul{padding-left:22px}.app-dialog .primary-button,.app-dialog>.small-button{margin:10px 8px 0 0}.app-dialog select{display:block;font-size:16px;color:var(--text);background:#101017;border:1px solid #655176;padding:10px;border-radius:9px}.app-dialog .check-row{align-items:flex-start;font-size:14px}.app-dialog .check-row input{flex-shrink:0;margin-top:4px}.danger-text{color:#ffaab0}.danger-button{background:#f1a0a8}
.media-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:10px}.media-toolbar .quiet-note{margin:0;font-size:11px;flex:1 1 100px}.media-toolbar .danger-text{font-size:10px;margin-left:auto}.media-message{max-width:min(90%,420px)}.media-content{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.media-content>span{width:100%;font-size:12px}.media-note{font-size:10px;color:#ccc0df;margin:8px 0 0;white-space:normal}.media-note:empty{display:none}.image-thumbnail{display:block;width:100%;max-height:240px;object-fit:contain;border-radius:7px;cursor:pointer;-webkit-user-drag:none}.attachment-destroyed{opacity:.7}.attachment-destroyed .media-note{color:#b8c8bb}.media-viewer{position:fixed;inset:0;margin:0;border:0;padding:0;width:100vw;max-width:none;height:var(--visual-height,100dvh);max-height:none;color:#f4f2fb;background:#0c0c13;display:flex;flex-direction:column;overflow:hidden}.media-viewer:not([open]){display:none}.viewer-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));background:#181822;z-index:2}.viewer-toolbar span{font-size:12px;color:#ddbd88;flex:1 1 80px}.viewer-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:15px;position:relative;overflow:hidden;padding:16px;touch-action:none;user-select:none}.viewer-stage>img{display:block;max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;-webkit-user-drag:none}.viewer-stage>pre{font:14px/1.6 ui-monospace,monospace;max-height:100%;max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}.viewer-stage>progress{max-width:50%}.viewer-stage>p{font-size:14px;overflow-wrap:anywhere}
@media(max-width:600px){
  input:not([type=checkbox]),textarea,select{font-size:16px!important}
  .in-conversation #desktopStatus[data-kind=bad]{display:block;position:fixed;left:16px;right:16px;top:58px;z-index:4;background:#3c1f2c;border:1px solid #94516b;border-radius:9px;padding:8px 12px;font-size:12px;max-height:20dvh;overflow:auto;margin:0}
  .in-conversation .nav{padding:10px 0}.in-conversation .app-shell{padding:10px 0 0;min-height:0}.in-conversation .chat-panel{display:flex;flex-direction:column;height:calc(var(--visual-height,100dvh) - 85px);max-height:calc(var(--visual-height,100dvh) - 85px);min-height:180px;padding:14px;border-radius:12px}.in-conversation .chat-panel .conversation-bar{margin-bottom:8px;flex-shrink:0}.in-conversation .connection-settings,.in-conversation .about-app,.in-conversation footer,.in-conversation #desktopStatus,.in-conversation .chat-panel>.quiet-note{display:none}.in-conversation .messages{height:auto;min-height:25px;flex:1;margin:0;padding:10px 0}.in-conversation .message-form{flex-shrink:0}.in-conversation .message-form textarea{min-height:45px;max-height:80px;resize:none;font-size:16px;padding:10px}.in-conversation .message-form .primary-button{padding:10px;max-width:95px;font-size:13px}.in-conversation .safety-panel{font-size:11px;flex-shrink:0;padding-bottom:8px;max-height:180px;overflow:auto}.in-conversation .safety-panel[open]{max-height:35%}.in-conversation .invite-card{max-height:40%;overflow:auto;padding:12px;margin:5px 0 10px}.in-conversation .invite-card h3{font-size:15px}.in-conversation .media-toolbar{gap:6px;padding-top:7px;flex-shrink:0}.in-conversation .media-toolbar .small-button{font-size:11px;padding:7px 9px}.in-conversation .media-toolbar .quiet-note{flex-basis:70px;font-size:10px}.in-conversation .media-toolbar .danger-text{font-size:9px}.in-conversation #lanCautionBadge{position:fixed;right:16px;top:58px;margin:0;font-size:10px;z-index:3}.in-conversation:has(#lanHttpWarning:not([hidden])) .chat-panel{height:55dvh;max-height:none}.lan-warning{padding:16px}.lan-warning h2{font-size:21px}.app-dialog{padding:20px}.app-dialog h2{font-size:21px}.safety-emojis{font-size:25px;letter-spacing:2px}.viewer-stage{padding:9px}.viewer-toolbar{padding-top:max(10px,env(safe-area-inset-top))}.in-conversation .connection-badge{font-size:10px}.in-conversation .conversation-bar>.small-button{font-size:10px;padding:7px 8px}
}