:root{--app-height:100dvh;--keyboard-offset:0px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--composer-bottom-gap:clamp(6px, calc(var(--safe-bottom) - 26px), 12px);--composer-drawer-bottom-gap:max(2px, calc(var(--composer-bottom-gap) - 4px));--accent:#1aad19;--accent-dark:#129611;--button-text:#fff;--wechat-green:var(--accent);--wechat-green-dark:var(--accent-dark);--bg:#ededed;--chat-bg:#ededed;--panel:#f7f7f7;--line:#d9d9d9;--text:#111;--muted:#7b7b7b;--bubble-other:#fff;--bubble-other-text:#111;--bubble-mine:#95ec69;--bubble-mine-text:#111;--message-content-font-size:15px;--wallpaper-image:none;--wallpaper-size:cover;--wallpaper-repeat:no-repeat;--login-background-image:none;--login-background-size:cover;--login-background-repeat:no-repeat;color:var(--text);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.theme-wechat{--accent:#1aad19;--accent-dark:#129611;--button-text:#fff;--bg:#ededed;--chat-bg:#ededed;--panel:#f7f7f7;--line:#d9d9d9;--text:#111;--muted:#7b7b7b;--bubble-other:#fff;--bubble-other-text:#111;--bubble-mine:#95ec69;--bubble-mine-text:#111}.theme-jade{--accent:#0f8f72;--accent-dark:#0a6f5d;--button-text:#fff;--bg:#e8efed;--chat-bg:#edf4f1;--panel:#f7faf8;--line:#cfded9;--text:#13201d;--muted:#64756f;--bubble-other:#fff;--bubble-other-text:#13201d;--bubble-mine:#bfead8;--bubble-mine-text:#13201d}.theme-paper{--accent:#33658a;--accent-dark:#274c68;--button-text:#fff;--bg:#f1f0ea;--chat-bg:#f6f5ef;--panel:#fbfaf6;--line:#ddd8ca;--text:#202124;--muted:#6f6a61;--bubble-other:#fff;--bubble-other-text:#202124;--bubble-mine:#d7e7f3;--bubble-mine-text:#202124}.theme-night{--accent:#35a7ff;--accent-dark:#1e7ec4;--button-text:#07131f;--bg:#171b20;--chat-bg:#1d232a;--panel:#222932;--line:#3a4450;--text:#f5f7fa;--muted:#a8b3bf;--bubble-other:#2c343e;--bubble-other-text:#f5f7fa;--bubble-mine:#245d82;--bubble-mine-text:#fff}*{box-sizing:border-box}html,body,#app{background:var(--bg);width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.ai-settings-page{width:100%;min-height:var(--app-height);padding:calc(var(--safe-top) + 18px) 16px calc(var(--safe-bottom) + 18px);background:var(--bg);place-items:center;display:grid}.ai-settings-panel{width:min(680px,100%);max-height:calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 36px);border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 18px 46px #0000001f}.ai-settings-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:0 14px;display:flex}.ai-settings-head div{gap:2px;min-width:0;display:grid}.ai-settings-head strong{font-size:17px}.ai-settings-head small{color:var(--muted)}.ai-settings-form{min-height:0;padding:16px;overflow:auto}.ai-defaults,.ai-advanced-fields{gap:10px;display:grid}.ai-defaults{border:1px solid var(--line);color:var(--muted);background:#ffffff85;border-radius:8px;padding:10px;font-size:13px}.ai-advanced-toggle{justify-self:start}.ai-denied-panel{text-align:center;grid-template-rows:none;place-items:center;min-height:240px;padding:22px}.ai-denied-panel p{color:var(--muted);margin:0}button,input,textarea{font:inherit}input,textarea{font-size:16px}button{color:inherit;background:0 0;border:0}.hidden{display:none}.login-shell{min-height:var(--app-height);padding:calc(var(--safe-top) + 32px) 18px calc(var(--safe-bottom) + 32px);background:var(--login-background-image) center / var(--login-background-size) var(--login-background-repeat), var(--bg);place-items:center;display:grid}.login-shell.login-position-top{place-items:start center}.login-shell.login-position-bottom{place-items:end center}.login-panel{text-align:center;gap:16px;width:min(360px,100%);display:grid}.login-mark{color:#fff;background:var(--wechat-green);border-radius:18px;place-items:center;width:72px;height:72px;margin:0 auto;font-size:34px;font-weight:800;display:grid;overflow:hidden}.login-mark img{object-fit:cover;width:100%;height:100%}.login-mark span{overflow-wrap:anywhere}.login-panel h1{overflow-wrap:anywhere;margin:0;font-size:24px}.login-panel p{color:var(--muted);overflow-wrap:anywhere;margin:-8px 0 8px}.login-panel form,.form-grid{gap:10px;display:grid}.login-panel form{width:min(300px,100%);margin:0 auto}.login-mode-btn{justify-self:center}.login-panel input,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;padding:12px}.primary-btn,.send-btn,.mini-btn{background:var(--wechat-green);min-height:40px;color:var(--button-text);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:700;display:inline-flex}.mini-btn:disabled{opacity:.42}.primary-btn:active,.send-btn:active,.mini-btn:active{background:var(--wechat-green-dark)}.send-btn:disabled{opacity:.42}.form-error{color:#b42318;font-size:14px}.app-shell{height:var(--app-height);background:var(--wallpaper-image) center / var(--wallpaper-size) var(--wallpaper-repeat), var(--bg);grid-template-rows:minmax(0,1fr);grid-template-columns:280px minmax(0,1fr) 260px;display:grid;position:fixed;inset:0;overflow:hidden}.app-shell.channels-collapsed{grid-template-columns:0 minmax(0,1fr) 260px}.app-shell.members-collapsed{grid-template-columns:280px minmax(0,1fr) 0}.app-shell.channels-collapsed.members-collapsed{grid-template-columns:0 minmax(0,1fr) 0}.version-refresh-banner{top:max(10px, calc(var(--safe-top) + 8px));z-index:45;border:1px solid color-mix(in srgb, var(--accent) 26%, var(--line));background:color-mix(in srgb, var(--panel) 94%, #fff 6%);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:min(520px,100vw - 24px);min-height:42px;padding:7px 8px 7px 12px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0f172a29}.version-refresh-banner span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.channel-pane,.member-pane{background:var(--panel);border-right:1px solid var(--line);z-index:5;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.channel-pane.collapsed,.member-pane.collapsed{opacity:0;pointer-events:none;border:0}.member-pane{border-right:0;border-left:1px solid var(--line)}.pane-head,.chat-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:56px;padding:0 14px;display:flex}.chat-head{padding-top:var(--safe-top);min-height:calc(56px + var(--safe-top));background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-row:1}.chat-title{text-align:center;flex:1;gap:1px;min-width:0;display:grid}.chat-title-line{justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.chat-title strong,.channel-row b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-title-line strong{min-width:0}.notification-nudge{color:#8a5a00;width:32px;height:32px;box-shadow:none;background:0 0;border-radius:999px;flex:none;place-items:center;font-size:20px;line-height:1;animation:.82s cubic-bezier(.36,.07,.19,.97) infinite bellWiggle;display:grid}.notification-nudge.level-muted,.notification-nudge.level-sleep{color:#7c2d12;width:38px;height:38px;box-shadow:none;background:0 0;font-size:24px;animation-duration:.68s}.notification-nudge.level-sleep{color:#075985;box-shadow:none;background:0 0;animation-name:sleepyWiggle}.notification-nudge:active{transform:translateY(1px)}.chat-title small,.channel-row small,.profile-row small,.file-card small{color:var(--muted);font-size:12px}.icon-btn{color:#333;border-radius:6px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.message-font-control{flex:none;position:relative}.message-font-glyph{font-size:18px;font-weight:800;line-height:1}.message-font-stepper{align-items:center;gap:4px;min-height:36px;display:flex}.message-font-step-btn{background:color-mix(in srgb, var(--accent) 13%, transparent);min-width:34px;height:34px;color:var(--text);border-radius:6px;place-items:center;padding:0 7px;font-size:14px;font-weight:800;display:grid}.message-font-step-btn:disabled{opacity:.45}.message-font-step-btn:active:not(:disabled){background:color-mix(in srgb, var(--accent) 22%, transparent)}.icon-btn:active,.channel-row:active,.member-row:active{background:#0000000f}.desktop-only{display:grid}.mobile-only,.tablet-down{display:none}.channel-row{text-align:left;border-bottom:1px solid #0000000a;align-items:center;gap:12px;width:100%;min-height:62px;padding:8px 14px;display:flex}.channel-row.active{background:#dcdcdc}.channel-subrow{color:#4d5a50;gap:10px;min-height:44px;padding:6px 14px 6px 34px}.channel-subrow b{font-size:13px}.channel-icon{background:#e9ecef;border-radius:8px;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.channel-icon.prayer-icon{color:#8a4a1f;background:#fff0d6;flex:0 0 30px;width:30px;height:30px}.channel-icon img{object-fit:cover;width:100%;height:100%}.profile-row{min-height:64px;padding:10px 12px calc(10px + var(--safe-bottom));border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;display:flex}.avatar{color:#263238;background:#cfd8dc;border-radius:6px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-weight:700;display:grid;position:relative;overflow:hidden}.online-dot{border:2px solid var(--panel);background:#22c55e;border-radius:999px;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px;box-shadow:0 0 0 1px #00000014}.message-row .online-dot{border-color:var(--chat-bg)}.avatar.bot{color:#1d4ed8;background:#dbeafe}.avatar img{object-fit:cover;width:100%;height:100%}.chat-pane{background:var(--wallpaper-image) center / var(--wallpaper-size) var(--wallpaper-repeat), var(--chat-bg);grid-template-rows:auto auto auto minmax(0,1fr) auto;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.rain-canvas,.drip-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.rain-canvas{z-index:6;mix-blend-mode:screen}.drip-layer{z-index:4;overflow:hidden}.chat-pane>*{width:100%;min-width:0;max-width:100%}.top-notice-shell{background:color-mix(in srgb, var(--panel) 82%, transparent);border-bottom:1px solid color-mix(in srgb, var(--line) 78%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-row:2;padding:8px 14px}.top-notice-card{text-align:left;background:color-mix(in srgb, var(--panel) 90%, #fff 10%);border:1px solid #00000014;border-radius:8px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;width:min(680px,100%);min-height:42px;margin:0 auto;padding:7px 10px 7px 8px;animation:.28s both topNoticeSlide;display:grid;box-shadow:0 8px 24px #0f172a14}.top-notice-card.clickable{cursor:pointer}.top-notice-card:active{transform:translateY(1px)}.top-notice-icon{color:#fff;background:var(--accent);border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.top-notice-mention .top-notice-icon{background:#f59e0b}.top-notice-copy{gap:1px;min-width:0;display:grid;overflow:hidden}.top-notice-copy strong,.top-notice-copy small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.top-notice-copy strong{color:var(--text);font-size:13px;line-height:1.2}.top-notice-copy small{color:var(--muted);font-size:12px}.top-notice-count{min-width:34px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;background:#0000000d;border-radius:999px;padding:2px 7px;font-size:12px}.pin-card{color:#7a4b00;background:#fff7df;border-bottom:1px solid #ead9aa;grid-row:3;display:grid}.pin-card-head{text-align:left;align-items:center;gap:8px;min-height:38px;padding:8px 14px;display:flex}.pin-card-open-button{min-width:0;color:inherit;text-align:left;border-radius:8px;flex:1;align-items:center;gap:8px;display:flex}.pin-card-open-button:hover .pin-toggle{background:#7a4b0014}.pin-toggle{color:#7a4b00;border-radius:999px;flex:none;place-items:center;width:28px;height:28px;display:grid}.pin-card-copy{flex:1;gap:2px;min-width:0;display:grid}.pin-card-copy strong,.pin-card-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pin-card-copy strong{color:#5f3b05;font-size:14px}.pin-card-copy small{color:#8a6a2d;font-size:12px}.pin-card-body{gap:8px;padding:0 14px 12px 50px;display:grid}.pin-card-body p{color:#4d3a15;font-size:var(--message-content-font-size);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.55}.pin-card-body .pinned-image-button{justify-self:start}.pin-card-body .pinned-image{object-fit:contain;max-width:min(320px,72vw);height:auto;max-height:none}.pinned-view-shell{z-index:24;padding:calc(var(--safe-top) + 12px) 12px calc(var(--safe-bottom) + 12px);background:#00000057;align-items:end}.pinned-view-modal{width:min(560px,100%);max-height:min(720px, calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 24px));color:#4d3a15;background:#fff7df;border:1px solid #ead9aa;border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden;box-shadow:0 18px 44px #0003}.pinned-view-head{border-bottom:1px solid #ead9aa;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:56px;padding:12px 14px;display:grid}.pinned-view-icon{color:#7a4b00;background:#7a4b001a;border-radius:999px;place-items:center;width:34px;height:34px;display:grid}.pinned-view-head span:last-child{gap:3px;min-width:0;display:grid}.pinned-view-head strong,.pinned-view-head small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pinned-view-head strong{color:#5f3b05;font-size:16px}.pinned-view-head small{color:#8a6a2d;font-size:12px}.pinned-view-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;max-height:none;padding:14px;overflow-y:auto}.pinned-view-body .pinned-image{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:none}.pinned-view-body .pinned-image-button{width:100%}.pinned-view-actions{padding:10px 14px calc(10px + var(--safe-bottom));background:#fff7df;border-top:1px solid #ead9aa;justify-content:flex-end;display:flex}.pinned-ack-btn{min-width:132px;box-shadow:0 8px 22px #07c16038}.pinned-file-card{background:#ffffff94;border-radius:8px;width:min(360px,100%);padding:10px}.pinned-file-card span{gap:2px;min-width:0;display:grid}.pinned-file-card strong,.pinned-file-card small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.messages-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:100%;min-height:0;scroll-padding-bottom:calc(80px + var(--keyboard-offset));background:0 0;flex-direction:column;grid-row:4;padding:12px 16px 18px;display:flex;overflow:hidden auto}.messages-scroll:after{content:"";flex:1 0 0;min-height:0}.message-load-banner{border:1px solid color-mix(in srgb, var(--line) 70%, transparent);width:fit-content;max-width:min(420px,100%);color:var(--muted);background:color-mix(in srgb, var(--panel) 86%, transparent);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;margin:2px auto 10px;padding:5px 10px;font-size:12px;line-height:1.35;display:block}.message-load-banner:disabled{cursor:default}.message-load-error{color:#9f1239;background:#fff1f2eb;border-color:#f43f5e47}.message-skeleton-list{gap:14px;width:min(560px,86%);margin:22px auto;display:grid}.message-skeleton-list span{background:linear-gradient(90deg,#ffffff6b,#ffffffb8,#ffffff6b) 0 0/220% 100%;border-radius:9px;height:42px;animation:1.2s ease-in-out infinite messageSkeleton}.message-skeleton-list span:nth-child(2){justify-self:end;width:72%}.message-skeleton-list span:nth-child(3){width:84%}.new-message-jump{left:50%;bottom:calc(78px + var(--keyboard-offset));z-index:7;border:1px solid color-mix(in srgb, var(--accent) 42%, transparent);color:var(--button-text);background:color-mix(in srgb, var(--accent) 92%, #fff 8%);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700;position:absolute;transform:translate(-50%);box-shadow:0 10px 22px #0f172a2e}.time-separator{color:#fff;background:#0000002e;border-radius:4px;width:fit-content;margin:14px auto;padding:3px 8px;font-size:12px}.message-row{align-items:flex-start;gap:9px;margin:8px 0;display:flex}.message-row.selecting{align-items:center}.message-row.selected .bubble{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 62%, transparent)}.message-row.mine{flex-direction:row-reverse}.message-select-btn{border:1px solid var(--line);color:#0000;background:color-mix(in srgb, var(--panel) 88%, transparent);border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.message-select-btn.selected{border-color:var(--accent);color:var(--button-text);background:var(--accent)}.message-row.mention-alert .avatar:after{content:"@";border:2px solid var(--chat-bg);color:#fff;background:#f59e0b;border-radius:50%;place-items:center;width:17px;height:17px;font-size:11px;font-weight:800;line-height:1;display:grid;position:absolute;top:-5px;right:-4px;box-shadow:0 3px 8px #78350f3d}.message-row.mention-alert .bubble{animation:1.65s ease-in-out infinite mentionBubbleGlow}.message-row.mention-alert .bubble:after{content:"";pointer-events:none;border:1px solid #f59e0bc2;border-radius:9px;animation:1.65s ease-in-out infinite mentionBubbleRing;position:absolute;inset:-3px}.bubble-wrap{min-width:0;max-width:min(620px,72%)}.sender-line{color:#666;align-items:center;gap:6px;margin-bottom:3px;font-size:12px;display:flex}.message-row.mine .sender-line{justify-content:flex-end}.message-row.system{justify-content:center}.message-row.system .avatar,.message-row.system .sender-line{display:none}.message-row.system .bubble-wrap{max-width:min(620px,86%)}.message-row.system .bubble,.message-row.mine.system .bubble{color:var(--muted);text-align:center;box-shadow:none;background:0 0;padding:0;font-size:13px}.message-row.system .message-text{margin:0}.sender-line em{color:#1d4ed8;background:#dbeafe;border-radius:3px;padding:1px 4px;font-style:normal}.bubble{z-index:0;background:var(--bubble-other);color:var(--bubble-other-text);word-break:break-word;-webkit-user-select:text;user-select:text;border-radius:6px;padding:9px 11px;line-height:1.45;position:relative}.bubble>*{z-index:1;position:relative}.message-row.mine .bubble{background:var(--bubble-mine);color:var(--bubble-mine-text)}.prayer-bubble{color:#332518;background:#fffaf0;border:1px solid #ead7b8;width:min(430px,72vw);padding:0;overflow:visible;box-shadow:0 4px 14px #5c3a1714}.message-row.mine .prayer-bubble{color:#203a24;background:#f0fbf1;border-color:#cce7d1}.message-effect-flash{background:var(--message-flash-bg,#fff176);color:var(--message-flash-text,#111);transition:background var(--message-flash-interval,.4s) linear, color var(--message-flash-interval,.4s) linear}.message-effect-flash .reply-preview{color:inherit;background:#ffffff38;border-left-color:currentColor}.message-effect-shine .message-text{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(105deg,#161616 0%,#4f4f4f 34%,#fff 46%,#d7b45b 52%,#fff 58%,#1c1c1c 72%,#161616 100%) 0 0/230% 100%;-webkit-background-clip:text;background-clip:text;animation:1.9s linear infinite messageShine}.theme-night .message-effect-shine .message-text{background-image:linear-gradient(105deg,#d7dde5 0%,#fff 38%,#f8d879 50%,#fff 62%,#b7c0cc 100%)}.message-effect-shake{transform-origin:50% 100%;animation:.34s ease-in-out infinite messageShake}.message-effect-fly{white-space:nowrap;animation:6.8s linear infinite messageFly}.message-effect-fly:before{content:"✈️ "}.message-row.mine .message-effect-fly{animation-name:messageFlyReverse}.message-effect-fly .message-text{white-space:nowrap}.message-effect-sunburst,.message-effect-marquee,.message-effect-water,.message-effect-drip,.message-effect-rain{isolation:isolate}.message-effect-sunburst{animation:2.7s ease-in-out infinite messageSunPulse;box-shadow:0 0 0 1px #facc1557,0 0 18px #facc15c2,0 0 42px #fb923c8a}.message-effect-sunburst:before,.message-effect-sunburst:after{content:"";pointer-events:none;z-index:-1;position:absolute}.message-effect-sunburst:before{background:repeating-conic-gradient(from 6deg, #fde047c7 0 7deg, transparent 7deg 15deg);filter:blur(.3px);opacity:.72;border-radius:50%;animation:5.8s linear infinite messageSunRays;inset:-24px}.message-effect-sunburst:after{background:radial-gradient(circle,#fef08aa8,#fb923c38 46%,#0000 72%);border-radius:18px;animation:2.2s ease-in-out infinite messageSunHalo;inset:-18px}.message-effect-marquee{box-shadow:0 5px 18px #0f172a1f}.message-effect-marquee:before,.message-effect-marquee:after{content:"";pointer-events:none;z-index:-1;position:absolute}.message-effect-marquee:before{background:conic-gradient(#ef4444,#f59e0b,#fde047,#22c55e,#38bdf8,#6366f1,#ec4899,#ef4444);border-radius:10px;animation:1.1s linear infinite messageMarqueeSpin;inset:-4px}.message-effect-marquee:after{filter:drop-shadow(0 0 5px #ffffffdb);opacity:.92;background:radial-gradient(circle at 12% 0,#fff 0 2px,#0000 3px),radial-gradient(circle at 40% 100%,#fff 0 2px,#0000 3px),radial-gradient(circle at 75% 0,#fff 0 2px,#0000 3px),radial-gradient(circle at 100% 58%,#fff 0 2px,#0000 3px);border-radius:13px;animation:.7s steps(2,end) infinite messageMarqueeBulbs;inset:-7px}.message-effect-water{--water-pointer-x:50%;--water-pointer-y:50%;--water-stir-size:20%;--water-stir-opacity:.12;--water-ripple-wide:130px;--water-ripple-tall:54px;--water-ripple-opacity:.55;color:#062a3a;background:radial-gradient(circle at var(--water-pointer-x) var(--water-pointer-y), rgba(255, 255, 255, var(--water-stir-opacity)), transparent var(--water-stir-size)), linear-gradient(180deg, #f0f9ffe6 0%, #7dd3fca8 calc(46% + var(--water-tilt-y)), #0ea5e9a3 calc(48% + var(--water-tilt-y)), #07598566 100%);transition:background-position .14s;overflow:hidden;box-shadow:inset 0 1px 8px #ffffffb8,inset 0 -8px 18px #0284c733,0 8px 24px #0e749033}.message-effect-water:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%, transparent 0 38%, #ffffff75 42%, transparent 48%), repeating-radial-gradient(ellipse at calc(50% + var(--water-tilt-x)) calc(52% + var(--water-tilt-y)), #fff3 0 2px, transparent 3px 16px);background-size:var(--water-ripple-wide) var(--water-ripple-tall), 108px 42px;transform:translate3d(var(--water-tilt-x), var(--water-tilt-y), 0) rotate(var(--water-tilt-rotate));opacity:var(--water-ripple-opacity);mix-blend-mode:screen;animation:4.2s linear infinite messageWaterRipple;position:absolute;inset:-34%}.message-effect-water .reply-preview{color:inherit;background:#ffffff47;border-left-color:#062a3a5c}.message-effect-drip{color:#062a3a;background:linear-gradient(180deg, #f0f9fff5, #7dd3fcb8 54%, #0ea5e994), var(--bubble-other);overflow:visible;box-shadow:inset 0 1px 7px #ffffffc2,inset 0 -7px 15px #0284c72e,0 8px 18px #0e749024}.message-row.mine .message-effect-drip{background:linear-gradient(180deg, #e8fcf6f5, #7dd3fc94 58%, #0ea5e96b), var(--bubble-mine)}.message-effect-drip:after{content:"";z-index:-1;filter:drop-shadow(0 3px 4px #0e749047);background:linear-gradient(#e0f7fff5,#0ea5e9c7);border-radius:50% 50% 58% 58%;width:8px;height:12px;animation:2.6s ease-in-out infinite messageDripBeads;position:absolute;bottom:-9px;left:18%;box-shadow:34px -2px 0 -1px #38bdf8d1,72px 0 0 -2px #bae6fde0}.message-effect-rain{color:#082f49;background:linear-gradient(115deg, #e0f2fee0, #7dd3fcad), var(--bubble-other);box-shadow:inset 0 0 0 1px #0ea5e92e,0 7px 18px #0e749029}.message-effect-rain:after{content:"";z-index:0;pointer-events:none;border-radius:inherit;opacity:.58;background:repeating-linear-gradient(112deg,#0000 0 8px,#ffffff6b 9px 11px,#0000 12px 20px);animation:.7s linear infinite messageRainLines;position:absolute;inset:0}.prayer-bubble.message-effect-sunburst,.prayer-bubble.message-effect-marquee,.prayer-bubble.message-effect-drip{overflow:visible}.prayer-bubble.message-effect-sunburst .prayer-card,.prayer-bubble.message-effect-marquee .prayer-card,.prayer-bubble.message-effect-drip .prayer-card{border-radius:inherit;overflow:hidden}.drip-drop{will-change:transform;background:radial-gradient(circle at 35% 28%,#ffffffeb 0 18%,#0000 19%),linear-gradient(#bae6fdf5,#0ea5e9d1);border-radius:50% 50% 58% 58%;position:absolute;top:0;left:0;box-shadow:0 4px 8px #0369a13d}.water-splash{opacity:0;border-top:2px solid #7dd3fceb;border-radius:50%;width:34px;height:18px;animation:.58s ease-out both waterSplash;position:absolute;top:0;left:0}.water-splash:before,.water-splash:after{content:"";background:#bae6fdf0;border-radius:50%;width:7px;height:7px;position:absolute;bottom:4px;box-shadow:14px -3px 0 -2px #0ea5e9d9}.water-splash:before{left:3px;transform:rotate(-22deg)}.water-splash:after{right:3px;transform:rotate(22deg)}.media-bubble{padding:6px}.bubble p{margin:0}.message-text{font-size:var(--message-content-font-size);white-space:pre-wrap;word-break:break-word;line-height:1.55}.bible-rich-text{white-space:pre-wrap;overflow-wrap:anywhere}.inline-bible-reference{vertical-align:baseline;white-space:normal;display:inline}.inline-bible-btn{border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);min-height:24px;color:color-mix(in srgb, var(--accent) 84%, #0f3f5f 16%);background:color-mix(in srgb, var(--accent) 10%, transparent);font:inherit;cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:1px 6px;font-weight:700;line-height:1.3;display:inline-flex}.inline-bible-popover{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));overscroll-behavior:contain;width:min(420px,100%);max-width:100%;max-height:min(340px,48vh);color:var(--text);background:color-mix(in srgb, var(--panel) 94%, #fff 6%);box-sizing:border-box;font-size:var(--message-content-font-size);white-space:normal;border-radius:8px;gap:5px;margin:7px 0;padding:10px 11px;font-weight:400;line-height:1.55;display:grid;overflow-y:auto;box-shadow:0 12px 32px #0000002e}.inline-bible-popover small{color:var(--muted);font-size:12px}.inline-bible-body,.formatted-bible-text{font-size:var(--message-content-font-size);white-space:pre-wrap;line-height:1.55}.inline-bible-empty{color:var(--muted)}.message-text a,.prayer-text a{color:color-mix(in srgb, var(--accent) 82%, #0f6fbf 18%);overflow-wrap:anywhere;font-weight:700;text-decoration:none}.message-text a:hover,.prayer-text a:hover{text-decoration:underline}.message-bible{gap:6px;margin-top:8px;display:grid}.message-bible-reference{gap:5px;display:grid}.message-bible-reference-btn{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);width:fit-content;max-width:100%;min-height:28px;color:color-mix(in srgb, var(--accent) 82%, #0f3f5f 18%);background:color-mix(in srgb, var(--accent) 10%, transparent);font:inherit;text-align:left;cursor:pointer;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 8px;font-size:13px;font-weight:650;display:grid}.message-bible-reference-btn span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.message-bible-verses{border-left:2px solid color-mix(in srgb, var(--accent) 28%, transparent);gap:5px;padding:2px 0 2px 8px;font-size:13px;line-height:1.45;display:grid}.message-bible-verses small{color:color-mix(in srgb, currentColor 58%, transparent);font-size:11px}.message-bible-verses p{gap:2px;display:grid}.message-bible-verses strong{font-size:12px}.message-bible-verses span{color:color-mix(in srgb, currentColor 90%, transparent)}.message-bible-empty{color:color-mix(in srgb, currentColor 64%, transparent);margin:0}.link-preview-card{border:1px solid color-mix(in srgb, var(--line) 72%, transparent);border-left:4px solid var(--accent);width:min(420px,100%);color:var(--text);text-align:left;background:color-mix(in srgb, var(--panel) 88%, #fff 12%);border-radius:6px;grid-template-columns:minmax(0,1fr);margin-top:9px;text-decoration:none;display:grid;overflow:hidden;box-shadow:0 6px 16px #0f172a14}.message-row.mine .link-preview-card{color:var(--text);background:color-mix(in srgb, var(--panel) 82%, #fff 18%)}.link-preview-copy{gap:3px;min-width:0;padding:8px 9px;display:grid}.link-preview-copy small{color:color-mix(in srgb, var(--accent) 78%, #ef4444 22%);font-size:12px;font-weight:800;line-height:1.25}.link-preview-copy strong{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.link-preview-copy em{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;font-style:normal;line-height:1.35;display:-webkit-box;overflow:hidden}.link-preview-card img{object-fit:cover;border-top:1px solid color-mix(in srgb, var(--line) 65%, transparent);background:#0000000f;width:100%;max-height:240px;display:block}.reply-preview{color:#666;text-align:left;background:#0000000d;border-left:3px solid #0000002e;border-radius:4px;align-items:center;gap:5px;max-width:100%;margin:0 0 7px;padding:5px 7px;font-size:12px;display:flex}.chat-image{object-fit:contain;-webkit-touch-callout:none;border-radius:6px;max-width:min(260px,62vw);height:auto;max-height:none;display:block}.image-preview-button{color:inherit;border-radius:6px;padding:0;display:block;overflow:visible}.file-card{min-width:190px;max-width:min(330px,64vw);min-height:58px;color:inherit;text-align:left;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:2px 10px;display:grid}.file-card small{color:#00000080;text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:12px;overflow:hidden}.file-card>span:not(.generic-file-icon),.media-file-card>span:not(.media-file-icon){text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.file-card-icon{object-fit:contain;filter:drop-shadow(0 3px 4px #0000001f);width:38px;height:38px}.generic-file-icon,.media-file-icon{color:#334155;background:#00000014;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.media-file-card{width:min(330px,64vw);min-height:58px;color:inherit;text-align:left;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:2px 10px;display:grid}.media-file-card small{color:#00000080;grid-column:2;font-size:12px}.audio-file-card .media-file-icon{color:#087d19;background:#1aad1929}.video-file-card .media-file-icon{color:#1f5477;background:#33658a29}.audio-card{align-items:center;gap:8px;width:min(360px,58vw);display:flex}.audio-card audio{width:100%;min-width:0;height:34px}.voice-card{grid-template-columns:34px minmax(104px,1fr) 42px;align-items:center;gap:7px;width:clamp(190px,36vw,260px);min-height:46px;display:grid;position:relative}.voice-play,.preview-play{color:#1f3320;background:#0000001f;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.message-row.mine .voice-play{background:#1f5c1c2e}.voice-card.playing .voice-play,.preview-play{color:#fff;background:#18b75b}.voice-waveform,.preview-waveform{align-items:center;gap:1.5px;min-width:0;height:34px;display:flex;overflow:hidden}.voice-bar{background:#25312680;border-radius:999px;flex:0 0 2px;width:2px;max-width:2px;min-height:7px;transition:height .12s,opacity .12s,background .12s}.voice-bar.active{background:#111}.voice-meta{color:#3e4b3f;font-variant-numeric:tabular-nums;justify-items:end;gap:1px;min-width:38px;font-size:12px;line-height:1.1;display:grid}.voice-meta small{color:#00000073;font-size:10px}.voice-upload-card{grid-template-columns:34px minmax(96px,1fr) auto}.voice-upload-card.failed .voice-play{color:#c92a2a;background:#c92a2a24}.upload-spinner svg{animation:1s linear infinite uploadSpin}.voice-upload-card.failed .upload-spinner svg{animation:none}.voice-upload-body{gap:5px;min-width:0;display:grid}.voice-upload-bar{background:#0000001a;border-radius:999px;height:5px;overflow:hidden}.voice-upload-bar span{border-radius:inherit;background:#18b75b;height:100%;transition:width .18s;display:block}.voice-upload-body small{color:#00000094;font-size:11px;line-height:1.1}.voice-upload-actions{align-items:center;gap:3px;display:flex}.mini-icon-btn{color:#52605a;background:#00000014;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.voice-unread-dot{width:8px;height:8px;box-shadow:0 0 0 2px var(--bubble-other);background:#f04438;border-radius:50%;position:absolute;top:3px;right:-6px}.message-row.mine .voice-unread-dot{display:none}.chain-card h3{font-size:calc(var(--message-content-font-size) + 1px);margin:0 0 8px}.prayer-card{cursor:pointer;gap:9px;padding:11px;display:grid}.prayer-card.status-closed,.prayer-card.status-answered{cursor:default}.prayer-card-head{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.prayer-card-head>span{color:#8a4a1f;background:#ffedcc;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.message-row.mine .prayer-card-head>span{color:#0f6b3d;background:#1aad1924}.prayer-card-head strong{min-width:0;font-size:14px}.prayer-card-head em{color:#80521f;white-space:nowrap;background:#f59e0b24;border-radius:999px;padding:2px 8px;font-size:12px;font-style:normal}.prayer-card.status-answered .prayer-card-head em{color:#0d6b3e;background:#22c55e24}.prayer-card.status-closed .prayer-card-head em{color:#5f6670;background:#64748b24}.prayer-text{color:inherit;font-size:var(--message-content-font-size);white-space:pre-wrap;margin:0;line-height:1.55}.prayer-stats{border-top:1px solid #8a4a1f24;gap:2px;padding-top:8px;display:grid}.prayer-stats strong{font-size:13px}.prayer-stats small{color:#332518ad;font-size:12px}.prayer-people{align-items:center;min-height:24px;padding-left:2px;display:flex}.mini-avatar{color:#31413d;background:#d7e2df;border:2px solid #fffaf0;border-radius:50%;place-items:center;width:24px;height:24px;margin-left:-4px;font-size:11px;font-weight:700;display:grid;overflow:hidden}.message-row.mine .mini-avatar{border-color:#f0fbf1}.mini-avatar:first-child{margin-left:0}.mini-avatar img{object-fit:cover;width:100%;height:100%}.prayer-actions{flex-wrap:wrap;gap:6px;display:flex}.prayer-ai{border-top:1px solid #8a4a1f1f;gap:7px;padding-top:7px;display:grid}.prayer-ai-toggle{color:#80521f;width:100%;min-height:32px;font:inherit;cursor:pointer;background:#f59e0b1a;border:0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:0 9px;font-size:13px;font-weight:650;display:grid}.prayer-ai-toggle span{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.prayer-ai-body{gap:8px;display:grid}.prayer-ai-suggestion{background:#ffffff8c;border-radius:8px;gap:4px;padding:8px 9px;display:grid}.prayer-ai-meta{color:#33251894;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.prayer-ai-meta small{font-size:11px}.prayer-ai-reference,.prayer-ai-suggestion p,.prayer-ai-empty,.prayer-ai-error{margin:0;font-size:13px;line-height:1.45}.prayer-ai-reference{gap:5px;display:grid}.prayer-ai-reference-btn{color:#6f4518;width:100%;min-height:28px;font:inherit;text-align:left;cursor:pointer;background:#f59e0b14;border:0;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 7px;font-size:13px;display:grid}.prayer-ai-reference-btn span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.prayer-ai-verses{border-left:2px solid #80521f38;gap:5px;padding:2px 0 2px 8px;display:grid}.prayer-ai-verses small{color:#33251894;font-size:11px}.prayer-ai-verses p{gap:2px;display:grid}.prayer-ai-verses strong{color:#332518d1;font-size:12px}.prayer-ai-verses span{color:#332518e6}.prayer-ai-error{color:#9f2f24}.prayer-ai-empty{color:#3325189e}.prayer-ai-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prayer-ai-actions small{color:#3325189e;font-size:12px}.mini-btn.danger-soft{color:#9f2f24;background:#f3e5e3}.chain-card ol{gap:5px;margin:0 0 10px;padding:0;list-style:none;display:grid}.chain-card li{font-size:var(--message-content-font-size);gap:1px;display:grid}.chain-card small{color:#586069}.typing-line{color:var(--muted);margin:8px 48px;font-size:13px}.composer{padding:8px 10px var(--composer-bottom-gap);border-top:1px solid var(--line);z-index:3;background:#f7f7f7;grid-row:5;gap:6px;display:grid;position:relative}.reply-bar{color:#555;background:#ececec;border-radius:6px;align-items:center;gap:6px;min-height:34px;margin-bottom:6px;padding:4px 6px;font-size:13px;display:flex}.reply-bar span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.text-btn{color:#0b7d0a;font-weight:700}.composer-input-shell{min-width:0;position:relative}.composer-main{align-items:flex-end;gap:6px;width:100%;min-width:0;display:flex}.composer-main.raised{align-items:center}.icon-btn.active{background:#00000014}.composer textarea{resize:none;background:#fff;border:0;border-radius:6px;flex:1;min-width:0;min-height:38px;max-height:110px;padding:8px 10px;line-height:22px}.composer-suggestion-menu{border:1px solid var(--line);z-index:7;background:#fff;border-radius:8px;gap:4px;max-height:min(320px,46vh);padding:6px;display:grid;position:absolute;bottom:calc(100% + 6px);left:40px;right:48px;overflow-y:auto;box-shadow:0 10px 24px #0000001f}.composer-suggestion{color:#333;text-align:left;border-radius:6px;grid-template-columns:28px minmax(0,1fr) minmax(0,auto);align-items:center;gap:8px;min-width:0;min-height:42px;padding:5px 8px;display:grid}.composer-suggestion:hover,.composer-suggestion.active{background:#f0f7ee}.composer-suggestion svg{color:var(--accent);justify-self:center}.composer-suggestion .avatar{flex-basis:28px;width:28px;height:28px}.composer-suggestion .online-dot{bottom:-1px;right:-1px}.composer-suggestion span,.composer-suggestion small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.composer-suggestion span{font-size:13px;font-weight:700}.composer-suggestion small{color:var(--muted);justify-self:end;font-size:11px}.composer-suggestion:active{background:#eee}.composer-drawer{border-top:1px solid var(--line);padding:10px 6px var(--composer-drawer-bottom-gap)}.record-strip{background:#fff;border-radius:6px;align-items:center;gap:9px;min-height:44px;padding:7px 8px 7px 12px;display:flex}.record-dot{background:#9ca3af;border-radius:50%;width:9px;height:9px}.record-strip.recording .record-dot{background:#e03131;animation:1s ease-in-out infinite pulse}.record-strip strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.record-strip small{color:var(--muted);font-variant-numeric:tabular-nums}.voice-preview{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:8px;display:grid}.icon-btn.danger{color:#c92a2a}.voice-preview-card{background:#fff;border-radius:999px;grid-template-columns:32px minmax(96px,1fr) 42px;align-items:center;gap:8px;min-width:0;min-height:42px;padding:5px 10px 5px 7px;display:grid}.voice-preview-card>span{color:#333;font-variant-numeric:tabular-nums;font-size:13px}.more-drawer{grid-template-columns:repeat(4,minmax(64px,1fr));gap:12px;display:grid}.original-image-toggle{color:#333;background:#fff;border-radius:6px;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:8px 10px;display:grid}.original-image-toggle span{gap:2px;min-width:0;display:grid}.original-image-toggle strong{font-size:13px}.original-image-toggle small{min-width:0;color:var(--muted);font-size:12px;line-height:1.35}.tool-tile{color:#666;justify-items:center;gap:7px;min-width:0;display:grid}.tool-tile span{aspect-ratio:1;color:#444;background:#fff;border-radius:8px;place-items:center;width:62px;display:grid}.tool-tile:active span{background:#eee}.tool-tile small{font-size:13px}.member-list{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.member-row{text-align:left;border-bottom:1px solid #0000000a;align-items:center;gap:10px;width:100%;min-height:54px;padding:8px 12px;display:flex}.member-row span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.scrim{z-index:4;background:#0000002e;display:none;position:fixed;inset:0}.modal-shell{z-index:20;padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px);background:#00000047;place-items:center;display:grid;position:fixed;inset:0}.admin-modal,.settings-modal,.small-modal{width:min(760px,100%);max-height:min(760px, calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 32px));background:#fff;border-radius:8px;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;overflow:hidden}.settings-modal{width:min(560px,100%)}.small-modal{width:min(420px,100%)}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:54px;padding:0 14px;display:flex}.tap-popover{z-index:30;width:max-content;max-width:calc(100vw - 24px);position:fixed}.tap-popover-card{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 12px 34px #0000002e}.tap-popover-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:44px;padding:0 10px 0 14px;display:flex}.compact-confirm{justify-items:center;gap:8px;padding:10px;display:grid}.compact-confirm small{color:var(--muted);font-size:12px}.compact-confirm span{white-space:nowrap;font-size:14px;font-weight:600}.compact-actions,.member-popover-actions{align-items:center;gap:8px;display:flex}.member-action-popover .member-action-body{padding:8px}.member-popover-actions .mini-btn,.compact-actions .mini-btn{white-space:nowrap;min-height:32px;padding:0 10px}.media-preview-shell{padding:calc(var(--safe-top) + 10px) 10px calc(var(--safe-bottom) + 10px)}.media-preview-shell.image{background:#000000eb;padding:0}.media-preview-modal{width:min(920px,100%);max-height:min(760px, calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 20px));background:#fff;border-radius:8px;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.image-preview-modal{width:100%;height:var(--app-height);background:0 0;border-radius:0;max-height:none;position:relative}.media-preview-modal .modal-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.preview-actions{align-items:center;gap:6px;display:flex}.media-preview-body{background:#151515;place-items:center;min-height:220px;padding:10px;display:grid}.image-preview-body{width:100%;min-height:var(--app-height);padding:calc(var(--safe-top) + 12px) 12px calc(var(--safe-bottom) + 12px);touch-action:none;cursor:grab;background:0 0;overflow:hidden}.image-preview-body:active{cursor:grabbing}.media-preview-image,.media-preview-video{max-width:100%;max-height:calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 108px);object-fit:contain;border-radius:6px}.media-preview-image{max-height:calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 24px);transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:0;transition:transform 60ms linear}.image-preview-download{top:calc(var(--safe-top) + 12px);z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1eb8;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:fixed;right:14px;box-shadow:0 8px 24px #00000052}.media-preview-audio{width:min(520px,86vw)}.media-preview-frame{width:100%;height:calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 108px);background:#fff;border:0;border-radius:6px;min-height:360px}.modal-form,.confirm-body{padding:16px}.confirm-body{gap:12px;display:grid}.confirm-body p{color:#444;margin:0}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.mini-btn.secondary{color:#333;background:#e9ecef}.tabs{scrollbar-width:none;border-bottom:1px solid var(--line);display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{white-space:nowrap;flex:none;align-items:center;gap:6px;min-height:48px;padding:0 16px;display:inline-flex}.tabs button.active{color:var(--wechat-green);box-shadow:inset 0 -2px 0 var(--wechat-green)}.admin-body{min-height:0;padding:16px;overflow:auto}.admin-list{flex-wrap:wrap;gap:8px;display:flex}.admin-list span,.virtual-row{background:#f1f3f5;border-radius:6px;align-items:center;gap:6px;min-height:32px;padding:6px 10px;display:inline-flex}.virtual-row{justify-content:space-between}.theme-grid,.login-brand-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.action-grid{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.action-grid>.primary-btn,.action-grid>.mini-btn{white-space:nowrap;width:auto}.appearance-admin-layout{grid-template-columns:156px minmax(260px,.96fr) minmax(300px,1.04fr);align-items:start;gap:16px;display:grid}.appearance-save-bar{grid-column:1/-1}.appearance-editor-panel,.appearance-section-nav,.appearance-preview-panel{min-width:0}.appearance-save-bar,.appearance-preview-panel header{border:1px solid var(--line);background:var(--panel);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.appearance-save-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.primary-btn.attention{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent)}.appearance-save-bar div,.appearance-preview-panel header div{gap:3px;min-width:0;display:grid}.appearance-save-bar small,.appearance-preview-panel header small,.muted-note{color:var(--muted);line-height:1.45}.appearance-section-nav{gap:8px;display:grid;position:sticky;top:0}.appearance-section-nav button{border:1px solid var(--line);background:var(--panel);min-width:0;color:var(--text);text-align:left;border-radius:8px;gap:3px;padding:10px;display:grid}.appearance-section-nav button.active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.appearance-section-nav small,.appearance-image-control small,.appearance-picker-current small{color:var(--muted);line-height:1.4}.appearance-preview-panel{gap:12px;display:grid;position:sticky;top:0}.appearance-preview-close,.appearance-mobile-preview-btn{display:none}.appearance-preview-panel header span{color:#8a5200;white-space:nowrap;background:#fff7df;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.appearance-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.appearance-preview-block.wide{grid-column:1/-1}.appearance-preview-block{gap:7px;min-width:0;display:grid}.appearance-preview-block>strong{color:#444;font-size:13px}.appearance-device{border:1px solid var(--line);background:#f1f3f5;border-radius:8px;overflow:hidden}.appearance-device.mobile{justify-self:center;width:min(100%,210px)}.preview-browser-bar{border-bottom:1px solid var(--line);color:#444;background:#fff;align-items:center;gap:6px;min-height:26px;padding:0 8px;font-size:11px;display:flex}.preview-browser-bar.large{min-height:34px;font-size:13px}.preview-browser-bar.large img{width:18px;height:18px}.appearance-brand-preview{text-align:center;background:#f7f7f7;align-content:center;place-items:center;gap:10px;min-height:210px;padding:24px;display:grid}.appearance-brand-preview img{object-fit:cover;border-radius:16px;width:72px;height:72px;box-shadow:0 10px 26px #0000001f}.appearance-brand-preview small{max-width:280px;color:var(--muted);line-height:1.45}.preview-browser-bar img{object-fit:cover;border-radius:3px;width:14px;height:14px}.preview-browser-bar span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.appearance-login-preview{background-color:#e9f3e8;background-position:50%;min-height:190px;padding:12px;display:grid}.appearance-device.mobile .appearance-login-preview{min-height:310px}.appearance-login-preview.login-position-top{align-content:start}.appearance-login-preview.login-position-middle{align-content:center}.appearance-login-preview.login-position-bottom{align-content:end}.appearance-login-card{text-align:center;background:#ffffffdb;border:1px solid #ffffffb8;border-radius:8px;justify-self:center;justify-items:center;gap:6px;width:min(100%,180px);padding:12px;display:grid;box-shadow:0 10px 28px #1f5c1c1f}.appearance-login-card img{object-fit:cover;border-radius:10px;width:42px;height:42px}.appearance-login-card small{color:var(--muted);font-size:11px}.appearance-login-card span{background:var(--wechat-green);width:100%;color:var(--button-text);border-radius:6px;padding:6px 8px;font-size:12px;font-weight:700}.appearance-chat-preview{background-color:var(--bg);background-position:50%;grid-template-columns:86px minmax(0,1fr);min-height:216px;display:grid}.appearance-chat-preview.theme-preview{color:var(--text);background:var(--chat-bg)}.appearance-chat-preview.theme-preview .appearance-chat-sidebar{background:color-mix(in srgb, var(--panel) 92%, transparent)}.appearance-chat-preview.theme-preview .appearance-chat-sidebar span,.appearance-chat-preview.theme-preview .appearance-chat-top{background:var(--panel);color:var(--text)}.appearance-chat-preview.flash-preview{grid-template-columns:minmax(0,1fr)}.appearance-chat-preview.mobile-chat{grid-template-columns:minmax(0,1fr);min-height:320px}.appearance-chat-sidebar{background:#ffffffe0;align-content:start;gap:7px;padding:10px;font-size:11px;display:grid}.appearance-chat-sidebar span{background:#f1f3f5;border-radius:6px;padding:5px 6px}.appearance-chat-main{align-content:start;gap:8px;min-width:0;padding:8px;display:grid}.appearance-chat-top{background:#ffffffe6;border-radius:6px;padding:7px 8px;font-size:12px;font-weight:700}.preview-message{border-radius:8px;max-width:78%;margin:0;padding:7px 9px;font-size:12px;line-height:1.35}.preview-message.other{background:var(--bubble-other);color:var(--bubble-other-text);justify-self:start}.preview-message.mine{background:var(--bubble-mine);color:var(--bubble-mine-text);justify-self:end}.preview-message.flash{font-weight:700}.appearance-image-control{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:10px;display:grid}.appearance-image-control>div:not(.login-icon-preview):not(.login-background-preview){gap:3px;min-width:0;display:grid}.appearance-image-control strong,.appearance-image-control small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.appearance-image-control select{width:108px}.appearance-image-stack{gap:10px;display:grid}.login-background-preview{border:1px solid var(--line);background-color:#e9f3e8;background-position:50%;border-radius:6px;width:54px;height:42px}.login-background-preview.chat{background-color:var(--chat-bg)}.appearance-image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.appearance-image-card{appearance:none;border:1px solid var(--line);background:var(--panel);min-width:0;color:inherit;text-align:left;cursor:pointer;border-radius:8px;gap:8px;padding:8px;display:grid}.appearance-image-card.active{border-color:var(--wechat-green);box-shadow:0 0 0 2px #1aad191f}.appearance-image-card>img{aspect-ratio:4/3;object-fit:cover;background:#f1f3f5;border-radius:6px;width:100%}.appearance-image-card span{gap:3px;min-width:0;display:grid}.appearance-image-card b,.appearance-image-card small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.appearance-image-card small{color:var(--muted);font-size:12px}.check-grid,.segmented-row{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;display:grid}.segmented-row .mini-btn{width:100%}.appearance-picker-shell{z-index:45}.appearance-picker-modal{width:min(640px,100%)}.appearance-picker-body{gap:12px;min-height:0;padding:14px;display:grid;overflow:auto}.appearance-picker-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.appearance-picker-actions select{width:auto;min-width:120px}.appearance-picker-current{border:1px solid color-mix(in srgb, var(--accent) 32%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--panel));border-radius:8px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.appearance-picker-current img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:64px}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.data-toolbar{grid-template-columns:repeat(auto-fit,minmax(136px,max-content));align-items:center;gap:10px;display:grid}.data-toolbar-compact{grid-template-columns:minmax(150px,1fr) auto auto}.admin-inline-card{border:1px solid var(--line);background:var(--panel);border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:12px;display:grid}.admin-inline-card>div{gap:4px;min-width:0;display:grid}.admin-inline-card small{color:var(--muted);line-height:1.45}.admin-data-list{gap:8px;display:grid}.admin-data-row{border:1px solid var(--line);background:var(--panel);border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px;display:grid}.admin-data-row.attachment-row{grid-template-columns:28px minmax(0,1fr) auto}.attachment-actions{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.admin-data-main{gap:4px;min-width:0;display:grid}.admin-data-main strong,.admin-data-main span,.admin-data-main small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-data-main span,.admin-data-main small,.empty-note{color:var(--muted)}.notification-card,.notification-channel-row{border:1px solid var(--line);background:var(--panel);border-radius:6px;align-items:center;gap:10px;min-width:0;padding:10px;display:grid}.notification-card{grid-template-columns:minmax(0,1fr) auto}.notification-check-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.notification-card>div,.notification-channel-row>div{gap:3px;min-width:0;display:grid}.notification-card>.notification-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.notification-card strong,.notification-card small,.notification-channel-row strong,.notification-channel-row small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.notification-card small,.notification-channel-row small,.settings-note{color:var(--muted)}.notification-channel-list{gap:8px;display:grid}.notification-channel-row{grid-template-columns:36px minmax(0,1fr) 38px}.settings-note{margin:0;line-height:1.45}.notification-check-modal{grid-template-rows:auto minmax(0,1fr)}.notification-check-body{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px 12px;padding:18px;display:grid}.notification-check-bell{color:#8a5a00;background:#fff3bf;border-radius:999px;grid-row:span 2;place-items:center;width:52px;height:52px;font-size:30px;line-height:1;animation:.82s cubic-bezier(.36,.07,.19,.97) infinite bellWiggle;display:grid;box-shadow:inset 0 0 0 1px #8a5a001f}.notification-check-bell.level-muted,.notification-check-bell.level-sleep{color:#7c2d12;background:#ffedd5;font-size:34px;animation-duration:.68s;box-shadow:inset 0 0 0 1px #7c2d1229,0 8px 20px #7c2d121f}.notification-check-bell.level-sleep{color:#075985;background:#e0f2fe;animation-name:sleepyWiggle;box-shadow:inset 0 0 0 1px #07598529,0 8px 20px #0759851f}.notification-check-body strong,.notification-check-body small{display:block}.notification-check-body strong{color:var(--text);font-size:16px}.notification-check-body small,.notification-check-body p{color:var(--muted)}.notification-check-body p{grid-column:1/-1;margin:0;line-height:1.55}.notification-check-actions,.notification-check-body .settings-note{grid-column:1/-1}.check-cell{place-items:center;display:grid}.check-cell input{width:18px;height:18px}.login-brand-grid{grid-template-columns:1fr}.image-reuse-row{grid-template-columns:minmax(0,min(420px,100%));display:grid}.theme-tile{border:1px solid var(--line);background:var(--panel);text-align:left;border-radius:6px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-height:74px;padding:10px;display:grid}.theme-tile.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-tile>span{aspect-ratio:1;border-radius:6px;width:42px;box-shadow:inset 0 0 0 1px #00000014}.bible-settings-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;display:grid}.bible-setting-tile{border:1px solid var(--line);min-height:74px;color:var(--text);background:var(--panel);text-align:left;cursor:pointer;border-radius:6px;gap:4px;padding:10px;display:grid}.bible-setting-tile.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.bible-setting-tile small{color:var(--muted);line-height:1.4}.theme-editor-head{grid-template-columns:minmax(160px,1fr) auto;gap:10px;display:grid}.color-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;display:grid}.color-row{border:1px solid var(--line);background:var(--panel);border-radius:6px;grid-template-columns:minmax(0,1fr) 36px 68px;align-items:center;gap:8px;min-width:0;min-height:46px;padding:8px;display:grid}.color-row span{min-width:0;font-size:13px}.color-row input{background:0 0;border:0;width:36px;height:30px;padding:0}.color-row code{color:var(--muted);font-size:12px}.flash-effect-editor{gap:10px;display:grid}.flash-interval-row{grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:10px;display:grid}.flash-color-row{grid-template-columns:minmax(0,1fr) 36px auto}.theme-admin-list{gap:8px;display:grid}.theme-admin-row{border:1px solid var(--line);background:var(--panel);border-radius:6px;grid-template-columns:34px minmax(0,1fr) auto auto auto;align-items:center;gap:8px;min-height:46px;padding:8px;display:grid}.theme-admin-row small{color:var(--muted)}.theme-admin-swatch{aspect-ratio:1;border-radius:6px;width:34px;box-shadow:inset 0 0 0 1px #00000014}.theme-swatch-wechat>span{background:linear-gradient(135deg,#1aad19 0 50%,#95ec69 50%)}.theme-swatch-jade>span{background:linear-gradient(135deg,#0f8f72 0 50%,#bfead8 50%)}.theme-swatch-paper>span{background:linear-gradient(135deg,#33658a 0 50%,#d7e7f3 50%)}.theme-swatch-night>span{background:linear-gradient(135deg,#171b20 0 50%,#245d82 50%)}.device-list,.user-admin-list{gap:10px;display:grid}.device-row,.user-admin-row{border:1px solid var(--line);background:var(--panel);border-radius:6px;gap:10px;padding:10px;display:grid}.device-row{grid-template-columns:28px minmax(0,1fr) auto;align-items:center}.device-row span,.user-admin-main{gap:4px;min-width:0;display:grid}.device-row small{color:var(--muted);font-size:12px}.user-admin-row{grid-template-columns:42px minmax(0,1fr) minmax(150px,auto);align-items:start}.user-admin-main input{border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;min-width:0;padding:8px 10px}.user-admin-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.pinned-editor-modal{max-width:min(680px,100vw - 24px)}.pinned-editor-blocks{gap:10px;display:grid}.pinned-editor-block{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 82%, #fff);border-radius:8px;gap:8px;padding:10px;display:grid}.pinned-editor-block textarea{resize:vertical;width:100%;min-height:118px}.pinned-editor-block>img{object-fit:contain;border-radius:8px;max-width:min(320px,100%);height:auto;max-height:none;display:block}.danger-action{background:#d92d20}.wallpaper-preview{border:1px solid var(--line);background-position:50%;background-size:cover;border-radius:6px;min-height:160px}.login-icon-preview{aspect-ratio:1;border:1px solid var(--line);background:var(--panel);border-radius:8px;width:84px;overflow:hidden}.login-icon-preview img{object-fit:cover;width:100%;height:100%}.release-panel{gap:14px;display:grid}.release-head{gap:3px;display:grid}.release-head span,.release-head small{color:var(--muted)}.release-head strong{font-size:24px}.release-panel ol{gap:8px;margin:0;padding-left:22px;line-height:1.55;display:grid}.release-current,.release-entry,.release-update-card,.channel-admin-row{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:10px}.release-update-card{gap:10px;display:grid}.release-update-card>div:first-child{gap:2px;min-width:0;display:grid}.release-update-card small{color:var(--muted)}.release-update-actions{flex-wrap:wrap;gap:8px;display:flex}.update-progress{background:color-mix(in srgb, var(--line) 70%, transparent);border-radius:999px;height:8px;overflow:hidden}.update-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #f59e0b);width:0;height:100%;transition:width .25s;display:block}.update-log{color:#e5e7eb;background:#111827;border-radius:6px;max-height:156px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;overflow:auto;padding:8px 8px 8px 22px!important}.release-history{gap:10px;display:grid}.release-entry{gap:8px;display:grid}.release-entry h3{justify-content:space-between;align-items:baseline;gap:10px;margin:0;font-size:15px;display:flex}.release-entry small{color:var(--muted);font-weight:400}.member-action-body{display:grid}.message-selection-bar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, transparent);align-items:center;gap:8px;min-height:50px;padding:8px 12px;display:flex}.message-selection-bar span{min-width:0;color:var(--muted);flex:1;font-size:14px}.channel-admin-list{gap:10px;display:grid}.channel-admin-row{grid-template-columns:86px minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.channel-icon-admin{justify-items:center;gap:6px;width:86px;display:grid}.channel-icon-admin img{border:1px solid var(--line);object-fit:cover;background:#e9ecef;border-radius:8px;width:46px;height:46px}.channel-icon-admin .mini-btn{min-height:30px;padding:0 8px;font-size:12px}.channel-admin-main{gap:7px;min-width:0;display:grid}.channel-admin-main small{color:var(--muted)}.admin-msg{color:#0b7d0a;border-top:1px solid var(--line);padding:10px 16px}.check-row{align-items:center;gap:8px;display:flex}.flash .bubble{animation:.9s flash}@keyframes messageShine{0%{background-position:130% 0}to{background-position:-130% 0}}@keyframes messageShake{0%,to{transform:rotate(-1.2deg)translateY(0)}25%{transform:rotate(1.4deg)translateY(-1px)}50%{transform:rotate(-.8deg)translateY(1px)}75%{transform:rotate(1deg)translateY(0)}}@keyframes messageFly{0%{transform:translate(-72vw)}to{transform:translate(72vw)}}@keyframes messageFlyReverse{0%{transform:translate(72vw)}to{transform:translate(-72vw)}}@keyframes messageSunPulse{0%,to{filter:saturate()}50%{filter:saturate(1.25)brightness(1.05)}}@keyframes messageSunRays{0%{transform:rotate(0)scale(.96)}50%{transform:rotate(180deg)scale(1.04)}to{transform:rotate(360deg)scale(.96)}}@keyframes messageSunHalo{0%,to{opacity:.56;transform:scale(.94)}50%{opacity:.86;transform:scale(1.06)}}@keyframes messageMarqueeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes messageMarqueeBulbs{0%,to{opacity:.98;filter:drop-shadow(0 0 5px #ffffffe6)}50%{opacity:.48;filter:drop-shadow(0 0 2px #ffffff80)}}@keyframes messageWaterRipple{0%{background-position:0 0,0 0}to{background-position:130px 54px,-108px 42px}}@keyframes messageDripBeads{0%,to{opacity:.42;transform:translateY(-2px)scaleY(.72)}45%{opacity:1;transform:translateY(4px)scaleY(1.1)}68%{opacity:.76;transform:translateY(9px)scaleY(1.22)}}@keyframes messageRainLines{0%{background-position:0 0}to{background-position:-18px 28px}}@keyframes messageSkeleton{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes waterSplash{0%{opacity:0;transform:translate3d(calc(var(--splash-x,0px) - 17px), calc(var(--splash-y,0px) - 9px), 0) scale(.35)}18%{opacity:.95}to{opacity:0;transform:translate3d(calc(var(--splash-x,0px) - 17px), calc(var(--splash-y,0px) - 9px), 0) scale(1.4)}}@keyframes mentionBubbleGlow{0%,to{box-shadow:0 0 #f59e0b33,0 8px 22px #78350f14}50%{box-shadow:0 0 0 5px #f59e0b2e,0 10px 28px #78350f29}}@keyframes mentionBubbleRing{0%,to{opacity:.52;transform:scale(1)}50%{opacity:1;transform:scale(1.015)}}@keyframes flash{0%,to{box-shadow:none}40%{box-shadow:0 0 0 4px #1aad1940}}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes topNoticeSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes bellWiggle{0%,to{transform:translate(0)rotate(0)scale(1)}10%{transform:translate(-3px)rotate(-28deg)scale(1.06)}20%{transform:translate(3px)rotate(24deg)scale(1.04)}30%{transform:translate(-3px)rotate(-22deg)scale(1.08)}40%{transform:translate(2px)rotate(18deg)scale(1.03)}52%{transform:translate(-1px)rotate(-12deg)scale(1.05)}64%{transform:translate(1px)rotate(8deg)scale(1.01)}76%{transform:translate(0)rotate(0)scale(1)}}@keyframes sleepyWiggle{0%,to{transform:translateY(0)rotate(0)scale(1)}12%{transform:translate(-2px,-1px)rotate(-18deg)scale(1.05)}24%{transform:translate(3px,1px)rotate(16deg)scale(1.03)}36%{transform:translate(-3px,1px)rotate(-14deg)scale(1.06)}50%{transform:translate(2px,-1px)rotate(10deg)scale(1.02)}68%{transform:translateY(0)rotate(0)scale(1)}}@keyframes uploadSpin{to{transform:rotate(360deg)}}@media (width<=1024px){.app-shell{grid-template-columns:248px minmax(0,1fr)}.appearance-admin-layout{grid-template-columns:132px minmax(260px,1fr)}.appearance-preview-panel{grid-column:1/-1;position:static}.app-shell.channels-collapsed,.app-shell.channels-collapsed.members-collapsed{grid-template-columns:0 minmax(0,1fr)}.app-shell.members-collapsed{grid-template-columns:248px minmax(0,1fr)}.member-pane{z-index:8;width:min(320px,86vw);transition:transform .2s;position:fixed;top:0;bottom:0;right:0;transform:translate(102%)}.member-pane.open{transform:translate(0)}.scrim{display:block}.tablet-down{display:grid}}@media (width<=760px){.app-shell{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid}.desktop-only{display:none}.mobile-only{display:grid}.channel-pane{width:min(310px,86vw);padding-top:var(--safe-top);z-index:9;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-102%)}.channel-pane.open{transform:translate(0)}.channel-pane.collapsed{opacity:1;pointer-events:auto}.chat-pane{height:var(--app-height)}.chat-head{min-height:calc(48px + var(--safe-top));padding-left:6px;padding-right:6px}.messages-scroll{padding:8px 10px 12px}.bubble-wrap{max-width:calc(100vw - 94px)}.avatar{flex-basis:34px;width:34px;height:34px}.sender-line{margin-bottom:2px;font-size:11px;line-height:1.15;display:flex}.message-row{gap:7px;margin:7px 0}.bubble{padding:8px 10px}.prayer-bubble{width:min(360px,100vw - 94px);padding:0}.composer{padding:6px 7px var(--composer-bottom-gap)}.composer-main{gap:4px}.icon-btn{flex-basis:34px;width:34px;height:34px}.send-btn{min-width:42px;padding:0 10px}.pin-card-head{min-height:34px;padding:6px 10px}.top-notice-shell{padding:6px 8px}.top-notice-card{grid-template-columns:28px minmax(0,1fr) auto;gap:7px;min-height:40px}.top-notice-icon{border-radius:7px;width:28px;height:28px}.pin-card-body{padding:0 10px 9px 34px}.pinned-view-head,.pinned-view-body,.pinned-view-actions{padding-left:10px;padding-right:10px}.pinned-view-body{padding-top:10px;padding-bottom:10px}.composer-drawer{padding:9px 4px var(--composer-drawer-bottom-gap)}.audio-card{width:min(310px,70vw)}.voice-card{grid-template-columns:30px minmax(48px,1fr) 34px;gap:5px;width:40vw;min-width:138px;max-width:180px}.voice-upload-card{grid-template-columns:30px minmax(78px,1fr) auto;width:min(210px,56vw)}.voice-meta small{display:none}.voice-waveform,.preview-waveform{gap:1px}.voice-preview{grid-template-columns:36px minmax(0,1fr) 54px}.voice-preview-card{grid-template-columns:32px minmax(82px,1fr) 38px;gap:6px;padding-right:8px}.more-drawer{gap:10px}.tool-tile span{width:58px}.device-row,.user-admin-row,.channel-admin-row,.admin-data-row,.admin-data-row.attachment-row,.data-toolbar,.data-toolbar-compact,.admin-inline-card,.appearance-preview-grid,.theme-editor-head,.color-row,.theme-admin-row{grid-template-columns:minmax(0,1fr)}.device-row .mini-btn,.user-admin-actions,.channel-icon-admin,.attachment-actions,.channel-admin-row .mini-btn,.admin-data-row .mini-btn,.admin-inline-card .primary-btn,.data-toolbar input,.data-toolbar select{grid-column:1/-1}.channel-icon-admin{grid-template-columns:46px minmax(0,1fr);place-items:center start;width:100%}.channel-icon-admin .mini-btn,.attachment-actions,.data-toolbar .mini-btn,.admin-data-row .mini-btn,.admin-inline-card .primary-btn{width:100%}.attachment-actions{justify-content:stretch}.admin-body{padding:12px}.appearance-admin-layout{grid-template-columns:minmax(0,1fr);padding-bottom:76px}.appearance-section-nav{scrollbar-width:none;padding-bottom:2px;display:flex;position:static;overflow-x:auto}.appearance-section-nav::-webkit-scrollbar{display:none}.appearance-section-nav button{flex:none;min-width:132px}.appearance-section-nav button.active{box-shadow:inset 0 -3px 0 var(--accent)}.appearance-save-bar,.appearance-preview-panel header,.appearance-image-control{grid-template-columns:minmax(0,1fr)}.appearance-save-bar{z-index:5;order:3;position:sticky;bottom:-12px;box-shadow:0 -10px 28px #00000014}.appearance-section-nav{order:1}.appearance-editor-panel{order:2}.appearance-preview-panel{display:none}.appearance-preview-panel.open{z-index:46;padding:calc(var(--safe-top) + 12px) 12px calc(var(--safe-bottom) + 12px);background:#fffffff5;align-content:start;display:grid;position:fixed;inset:0;overflow:auto}.appearance-save-bar,.appearance-preview-panel header{align-items:stretch;display:grid}.appearance-save-actions{grid-template-columns:1fr 1fr;display:grid}.appearance-save-actions .primary-btn{grid-column:1/-1}.appearance-mobile-preview-btn,.appearance-preview-close{display:grid}.appearance-image-control .mini-btn,.appearance-image-control select,.appearance-save-bar .primary-btn,.appearance-device.mobile{width:100%}.tabs button{min-height:46px;padding:0 12px}.message-selection-bar{flex-wrap:wrap}.message-selection-bar span{flex-basis:100%}.user-admin-actions{justify-content:flex-start}}