:root{color-scheme:light dark;--font-sans: "Onest", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 21px;--text-xl: 28px;--text-2xl: 40px;--motion-fast: .12s;--motion-medium: .18s;--motion-slow: .24s;--ease-default: cubic-bezier(.2, .8, .2, 1);--tap-min: 40px;--tap-cozy: 32px;--surface-base: #FBFAF7;--surface-raised: #FFFFFF;--surface-sunken: #F0EEE8;--surface-overlay: rgba(26, 24, 20, .55);--ink-primary: #1A1814;--ink-secondary: #4A4842;--ink-muted: #7A766E;--ink-disabled: #B0ACA1;--brand: #0F5132;--brand-hover: #0A3D24;--brand-active: #073019;--brand-soft: #E6F0EA;--brand-on: #FFFFFF;--amber: #B45309;--amber-soft: #FBEDD8;--red: #991B1B;--red-soft: #FCE7E7;--green: #166534;--green-soft: #DCEFD9;--border: #E0DDD3;--border-strong: #BDB8AA;--border-focus: var(--brand);--shadow-pop: 0 1px 1px rgba(26,24,20,.04), 0 6px 16px -4px rgba(26,24,20,.1);--shadow-modal: 0 1px 1px rgba(26,24,20,.04), 0 24px 48px -12px rgba(26,24,20,.2)}@media (prefers-color-scheme: dark){:root{--surface-base: #1A1817;--surface-raised: #232020;--surface-sunken: #14110F;--surface-overlay: rgba(0, 0, 0, .65);--ink-primary: #F5F2EC;--ink-secondary: #C7C2B7;--ink-muted: #8C8780;--ink-disabled: #5B5750;--brand: #4ADE80;--brand-hover: #34D26B;--brand-active: #22C55E;--brand-soft: #1A2E22;--brand-on: #0A1B11;--amber: #F59E0B;--amber-soft: #2A1F0A;--red: #F87171;--red-soft: #2A1212;--green: #4ADE80;--green-soft: #1A2E22;--border: #2C2925;--border-strong: #4A463F;--shadow-pop: 0 1px 1px rgba(0,0,0,.3), 0 6px 16px -4px rgba(0,0,0,.45);--shadow-modal: 0 1px 1px rgba(0,0,0,.4), 0 24px 48px -12px rgba(0,0,0,.6)}}html.theme-dark{--surface-base: #1A1817;--surface-raised: #232020;--surface-sunken: #14110F;--surface-overlay: rgba(0, 0, 0, .65);--ink-primary: #F5F2EC;--ink-secondary: #C7C2B7;--ink-muted: #8C8780;--ink-disabled: #5B5750;--brand: #4ADE80;--brand-hover: #34D26B;--brand-active: #22C55E;--brand-soft: #1A2E22;--brand-on: #0A1B11;--amber: #F59E0B;--amber-soft: #2A1F0A;--red: #F87171;--red-soft: #2A1212;--green: #4ADE80;--green-soft: #1A2E22;--border: #2C2925;--border-strong: #4A463F}:root{--bg-primary: var(--surface-base);--bg-secondary: var(--surface-raised);--bg-tertiary: var(--surface-sunken);--bg-elevated: var(--surface-raised);--bg-hover: var(--surface-sunken);--accent-primary: var(--brand);--accent-primary-hover: var(--brand-hover);--accent-secondary: var(--brand);--accent-cyan: #0E7490;--accent-green: var(--green);--accent-red: var(--red);--accent-amber: var(--amber);--text-primary: var(--ink-primary);--text-secondary: var(--ink-secondary);--text-muted: var(--ink-muted);--text-subtle: var(--ink-disabled);--border-default: var(--border);--border-subtle: var(--border);--tap-target-min: var(--tap-min);--radius-full: var(--radius-pill);--radius-xl: var(--radius-lg)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.55;background:var(--surface-base);color:var(--ink-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--brand);text-decoration:none;text-underline-offset:2px}a:hover{text-decoration:underline}::selection{background:var(--brand);color:var(--brand-on)}code,kbd,samp,pre{font-family:var(--font-mono)}:focus{outline:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--ink-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseOnline{0%,to{box-shadow:0 0 #16653499}50%{box-shadow:0 0 0 4px #16653400}}@keyframes typingDot{0%,80%,to{opacity:.3}40%{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:none}}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 767.98px){.thread-sidebar,.members-panel{width:100%!important;border-left:none!important}input,textarea,select{font-size:16px}button{touch-action:manipulation}}@media (display-mode: standalone){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes messageIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}@keyframes pulseOnline{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}