*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F5EFE4;--bg-alt: #EDE6D8;--bg-deep: #E4DAC8;--gallery: #100E0B;--gallery-2: #1C1914;--gallery-3: #2A251E;--gallery-text: #F0E8D8;--gallery-muted:#9A8E7C;--text: #1C1814;--text-muted: #7A6D5E;--accent: #A0702A;--accent-light: #C4943C;--border: #D4C9B6;--border-light: #E4DDD0;--mention-bg: #FFF3DC;--mention-text: #8B5E10;--shadow: 0 2px 16px rgba(28,24,20,.1);--shadow-lg: 0 8px 40px rgba(28,24,20,.18);--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--radius: 8px;--radius-lg: 14px}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}input,textarea{font-family:var(--font-body)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.btn-primary{background:var(--accent);color:#fff;padding:10px 22px;border-radius:var(--radius);font-size:14px;font-weight:500;letter-spacing:.02em;transition:background .15s,transform .1s}.btn-primary:hover{background:var(--accent-light)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--text-muted);padding:6px 10px;border-radius:var(--radius);font-size:13px;transition:background .15s,color .15s}.btn-ghost:hover{background:var(--bg-alt);color:var(--text)}.mention-chip{background:var(--mention-bg);color:var(--mention-text);border-radius:4px;padding:0 3px;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes bounceDown{0%{opacity:0;transform:translateY(-32px)}60%{opacity:1;transform:translateY(8px)}80%{transform:translateY(-3px)}to{transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease both}.slide-in{animation:slideIn .2s ease both}.bounce-down{animation:bounceDown .5s cubic-bezier(.34,1.56,.64,1) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.mobile-only{display:none}@media(max-width:768px){.mobile-only{display:flex!important}.mobile-hidden,.desktop-only{display:none!important}.layout-row{flex-direction:column!important}.panel-left,.panel-right,.panel-menu{flex:1 1 100%!important;width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;border-right:none!important;border-bottom:none!important}.panel-menu{background:var(--bg)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.app-wrap{height:100dvh!important}.panel-left,.panel-right,.panel-menu{padding-top:60px!important;box-sizing:border-box!important}.panel-right{padding-bottom:env(safe-area-inset-bottom)!important}.header-compact{padding:0 12px!important;gap:8px!important}.hide-mobile{display:none!important}.login-page{flex-direction:column!important;height:100vh!important;height:100dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.login-left{flex:0 0 auto!important;padding:40px 24px!important;overflow:visible!important}.login-right{flex:0 0 auto!important;padding:28px 20px 60px!important;align-items:stretch!important;justify-content:flex-start!important}.welcome-wrap{height:100vh!important;height:100dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding:32px 20px 60px!important}.icon-btn-mobile{padding:10px!important}.thread-panel-mobile{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:5!important;border-left:none!important}.messages-mobile{flex:1 1 auto!important}.reaction-pill{padding:6px 12px!important;min-height:30px!important}.notif-dropdown{width:min(320px,calc(100vw - 24px))!important}}