:root{--color-page: #ffffff;--color-background: #f0f2f5;--color-surface: #ffffff;--color-primary: #1877f2;--color-primary-hover: #166fe5;--color-primary-light: #e7f3ff;--color-success: #42b72a;--color-danger: #f02849;--color-warning: #f7b928;--color-text-primary: #050505;--color-text-secondary: #65676b;--color-text-muted: #8a8d91;--color-border-light: #e4e6eb;--color-border: #ced0d4;--color-hover: #f2f2f2;--radius-sm: 6px;--radius-md: 10px;--radius-pill: 999px;--shadow-popover: 0 8px 24px rgb(0 0 0 / 16%);--page-shell-width: 1120px;--detail-panel-width: 920px;--mobile-content-bottom-spacing: calc(16px + env(safe-area-inset-bottom, 0px)) }:root{--app-viewport-height: 100dvh}@media(max-width:767px),(hover:none)and (pointer:coarse){:root select:not([multiple]):not([size]),:root select[size="1"]:not([multiple]){-webkit-appearance:none;appearance:none;box-sizing:border-box;height:46px;min-height:46px;max-width:100%;padding-block:0;padding-inline:14px 42px;font-family:inherit;font-size:16px;font-weight:500;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}}:root{color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--app-font: Inter, "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}body{margin:0;background:#fff;overflow-x:hidden;overscroll-behavior-y:none;font-family:var(--app-font)}@media(max-width:767px){html,body{overflow:hidden;position:fixed;width:100%;height:100%}}button,select,input,textarea{font:inherit}@keyframes feedPostIn{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes chatMsgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes reactionPop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popDown{0%{opacity:0;transform:translateY(-6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popUp{0%{opacity:0;transform:translateY(6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}