:root{--fx-navy: #344767;--fx-navy-pressed: rgba(52, 71, 103, .12);--fx-surface: #f5f6f8;--fx-card: #ffffff;--fx-border: #e4e7ec;--fx-text: #344767;--fx-text-muted: #67748e;--fx-info: #1a73e8;--fx-error: #f44335;--fx-error-text: #b3261e;--fx-error-bg: #fdeceb;--fx-error-border: #f6b9b4;--fx-warning-text: #8a4b00;--fx-warning-bg: #fff3e0;--fx-warning-border: #fdd9a6;--fx-header-translucent: rgba(255, 255, 255, .85);--fx-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--fx-font);color:var(--fx-text);background:var(--fx-surface);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font-family:inherit}.fx-shell{height:100dvh;display:flex;flex-direction:column;background:var(--fx-surface);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.fx-header{flex:0 0 auto;position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--fx-header-translucent);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--fx-border)}.fx-header h1{margin:0;font-size:17px;font-weight:700;color:var(--fx-navy)}.fx-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.fx-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;text-align:center;color:var(--fx-text-muted)}.fx-empty .fx-empty-title{font-size:16px;font-weight:600;color:var(--fx-navy)}.fx-centered{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;text-align:center}.fx-btn-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:10px;background:var(--fx-navy);color:#fff;font-size:15px;font-weight:600;padding:14px 20px;min-height:48px;cursor:pointer}.fx-btn-primary:active{opacity:.9}.fx-btn-primary:disabled{opacity:.6;cursor:default}.fx-login-card{width:100%;max-width:360px;display:flex;flex-direction:column}.fx-login-title{margin:0;color:var(--fx-navy);font-size:24px;font-weight:700}.fx-login-sub{margin:6px 0 24px;color:var(--fx-text-muted);font-size:15px}.fx-form{display:flex;flex-direction:column;gap:12px;text-align:left}.fx-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:1px solid var(--fx-border);border-radius:10px;background:var(--fx-card);color:var(--fx-text);font-size:16px;padding:14px 16px;min-height:48px}.fx-input:focus{outline:none;border-color:var(--fx-navy);box-shadow:0 0 0 3px var(--fx-navy-pressed)}.fx-form-error{color:var(--fx-error-text);font-size:14px;line-height:1.4}.fx-spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--fx-border);border-top-color:var(--fx-navy);animation:fx-spin .7s linear infinite}@keyframes fx-spin{to{transform:rotate(360deg)}}.fx-header-title{display:flex;align-items:center;gap:8px}.fx-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--fx-info);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.fx-btn-text{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:var(--fx-navy);font-size:14px;font-weight:600;padding:8px;min-height:40px;cursor:pointer}.fx-subbar{flex:0 0 auto;position:sticky;top:0;z-index:1;display:flex;flex-direction:column;gap:10px;padding:10px 16px 12px;background:var(--fx-card);border-bottom:1px solid var(--fx-border)}.fx-search{min-height:44px;padding:10px 14px}.fx-segmented{display:flex;gap:4px;background:var(--fx-surface);border:1px solid var(--fx-border);border-radius:10px;padding:3px}.fx-seg{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;border-radius:8px;padding:8px 4px;min-height:36px;font-size:13px;font-weight:600;color:var(--fx-text-muted);cursor:pointer}.fx-seg-active{background:var(--fx-navy);color:#fff}.fx-row{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--fx-card);border-bottom:1px solid var(--fx-border);cursor:pointer;transition:background-color 80ms ease-out}.fx-row:active{background:var(--fx-navy-pressed)}.fx-avatar{flex:0 0 auto;width:44px;height:44px;border-radius:50%;color:#fff;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center}.fx-row-main{flex:1;min-width:0}.fx-row-line1{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.fx-row-name-wrap{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.fx-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--fx-info);flex:0 0 auto}.fx-row-name{font-size:15px;font-weight:600;color:var(--fx-navy);word-break:break-word}.fx-row-name-unread{font-weight:700}.fx-row-time{flex:0 0 auto;font-size:12px;color:var(--fx-text-muted);margin-top:2px}.fx-row-time-unread{color:var(--fx-info);font-weight:600}.fx-row-snippet{margin-top:3px;font-size:14px;color:var(--fx-text-muted);word-break:break-word}.fx-row-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:6px}.fx-chip{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:6px;border:1px solid var(--fx-border);font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;background:var(--fx-card);color:var(--fx-text-muted)}.fx-chip-stage{color:var(--fx-text-muted);border-color:var(--fx-border)}.fx-unread-count{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--fx-info);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.fx-install{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--fx-navy);color:#fff}.fx-install-text{flex:1;font-size:13px;line-height:1.35}.fx-install-btn{flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:8px;background:#fff;color:var(--fx-navy);font-size:13px;font-weight:700;padding:8px 14px;min-height:36px;cursor:pointer}.fx-install-x{flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:#fffc;font-size:14px;padding:6px;cursor:pointer}.fx-thread-title{display:flex;flex-direction:column;align-items:center;min-width:0;flex:1}.fx-thread-name{font-size:15px;font-weight:700;color:var(--fx-navy);word-break:break-word;text-align:center}.fx-thread-channel{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.fx-thread-body{background:var(--fx-surface)}.fx-msg-list{display:flex;flex-direction:column;gap:8px;padding:14px 12px}.fx-load-older{align-self:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--fx-border);background:var(--fx-card);color:var(--fx-text-muted);font-size:13px;font-weight:600;border-radius:16px;padding:6px 14px;margin-bottom:4px;cursor:pointer}.fx-msg{display:flex;max-width:100%}.fx-msg-in{justify-content:flex-start}.fx-msg-out{justify-content:flex-end}.fx-bubble{max-width:80%;display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-radius:16px;font-size:15px;line-height:1.35;word-break:break-word;white-space:pre-wrap}.fx-bubble-in{background:var(--fx-card);color:var(--fx-text);border:1px solid var(--fx-border);border-bottom-left-radius:5px}.fx-bubble-out{background:var(--fx-navy);color:#fff;border-bottom-right-radius:5px}.fx-bubble-pending{opacity:.7}.fx-bubble-failed{background:var(--fx-error-bg);color:var(--fx-error-text);border:1px solid var(--fx-error-border);cursor:pointer}.fx-ai-tag{align-self:flex-start;font-size:9px;font-weight:800;letter-spacing:.5px;background:#ffffff40;border-radius:4px;padding:1px 4px;margin-bottom:2px}.fx-media-note{font-size:13px;font-weight:600;opacity:.9}.fx-bubble-time{font-size:11px;opacity:.65;align-self:flex-end}.fx-send-error{flex:0 0 auto;background:var(--fx-warning-bg);color:var(--fx-warning-text);border-top:1px solid var(--fx-warning-border);padding:10px 16px;font-size:13px;line-height:1.4}.fx-composer{flex:0 0 auto;display:flex;align-items:flex-end;gap:8px;padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:var(--fx-card);border-top:1px solid var(--fx-border)}.fx-composer-input{flex:1;resize:none;max-height:120px;border:1px solid var(--fx-border);border-radius:20px;background:var(--fx-surface);color:var(--fx-text);font-family:inherit;font-size:16px;line-height:1.35;padding:10px 14px}.fx-composer-input:focus{outline:none;border-color:var(--fx-navy)}.fx-send-btn{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:none;background:var(--fx-navy);color:#fff;font-size:16px;cursor:pointer}.fx-send-btn:disabled{opacity:.45;cursor:default}