@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}*{scrollbar-width:thin;scrollbar-color:#00000026 transparent}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.hover-bg{transition:background-color .15s}.hover-bg:hover{background-color:#00b5ac0f}input:focus,textarea:focus{outline-offset:-1px;outline:2px solid #00b5ac}button:focus-visible{outline-offset:2px;outline:2px solid #00b5ac}::selection{color:inherit;background-color:#00b5ac33}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:.25s ease-out fadeInUp}.animate-scale-in{animation:.2s ease-out scaleIn}.context-menu{z-index:1000;background:#fff;border-radius:12px;min-width:180px;padding:6px 0;animation:.15s ease-out scaleIn;position:fixed;box-shadow:0 4px 24px #0000001f,0 1px 4px #00000014}.context-menu-item{cursor:pointer;color:#232735;align-items:center;gap:10px;padding:10px 16px;font-size:14px;transition:background-color .12s;display:flex}.context-menu-item:hover{background-color:#f0fdfa}.context-menu-item.danger{color:#e84a34}.context-menu-item.danger:hover{background-color:#fef2f2}.pin-banner{cursor:pointer;background:linear-gradient(135deg,#f0fdfa 0%,#e0f8ff 100%);border-bottom:1px solid #00b5ac26;align-items:center;gap:8px;padding:8px 16px;transition:background-color .15s;display:flex}.pin-banner:hover{background:linear-gradient(135deg,#e8fbf6 0%,#d6f4ff 100%)}.mention-highlight{color:#00b5ac;background-color:#00b5ac1a;border-radius:4px;padding:1px 4px;font-weight:600}@media (width>=768px){.web-sidebar{border-right:1px solid #f3f4f6;height:100vh;overflow-y:auto}.web-content{flex:1;height:100vh;overflow:hidden}.message-input-container{width:100%;max-width:800px;margin:0 auto}}@media (width<=767px){.hide-mobile{display:none!important}}@media (width>=768px){.hide-desktop{display:none!important}}.tooltip{color:#fff;white-space:nowrap;pointer-events:none;background:#232735;border-radius:6px;padding:4px 8px;font-size:12px;animation:.15s ease-out fadeInUp;position:absolute}