:root{--well-primary:#2562eb;--well-primary-glow:rgba(37,98,235,0.15);--well-secondary:#00e5ff;--well-surface:rgba(255,255,255,0.8);--well-border:rgba(0,0,0,0.05);--dark-bg:#0b0e14;--dark-card:#161b22;--dark-border:#30363d}.dark{--well-surface:rgba(22,27,34,0.8);--well-border:rgba(48,54,61,0.5)}.glass{background:rgba(255,255,255,0.7);backdrop-filter:blur(12px);border-bottom:1px solid rgba(229,231,235,0.5)}.dark .glass{background:rgba(11,14,20,0.8);border-bottom:1px solid rgba(48,54,61,0.5)}.well-rte-container:focus-within{box-shadow:0 0 0 4px var(--well-primary-glow);border-color:var(--well-primary)}@keyframes tag-in{0%{opacity:0;transform:scale(0.9) translateY(4px)}100%{opacity:1;transform:scale(1) translateY(0)}}.animate-in{animation:tag-in 0.2s cubic-bezier(0.4,0,0.2,1) forwards}@keyframes fade-out-right{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}.fade-out-right{animation:fade-out-right 0.5s ease forwards;pointer-events:none}@keyframes highlight-flash{0%,100%{background-color:transparent}50%{background-color:rgba(37,98,235,0.1)}}.highlight-flash{animation:highlight-flash 2s ease}.custom-scrollbar::-webkit-scrollbar{height:4px;width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.1);border-radius:10px}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1)}.no-scrollbar::-webkit-scrollbar{display:none}.thread-content img{border-radius:1rem;box-shadow:0 10px 15px-3px rgba(0,0,0,0.05);margin:1.5rem auto;border:1px solid var(--well-border)}.post-content p{margin-bottom:1.5rem;line-height:1.8}.post-content img{border-radius:1rem;margin:2rem 0;width:100%;border:1px solid rgba(255,255,255,0.1)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.mobile-action-bar{background:rgba(255,255,255,0.85);backdrop-filter:blur(20px);border-top:1px solid var(--well-border)}.dark .mobile-action-bar{background:rgba(15,23,42,0.85)}.gauge-bg{fill:none;stroke:rgba(0,0,0,0.05);stroke-width:12;stroke-linecap:round}.dark .gauge-bg{stroke:rgba(255,255,255,0.05)}.gauge-fill{fill:none;stroke:url(#gauge-gradient);stroke-width:12;stroke-linecap:round;stroke-dasharray:188.5;transition:stroke-dashoffset 1.5s cubic-bezier(0.34,1.56,0.64,1)}.metric-tick-bar{height:6px;background:rgba(0,0,0,0.03);border-radius:3px;position:relative;overflow:hidden}.dark .metric-tick-bar{background:rgba(255,255,255,0.03)}.metric-fill{height:100%;background:linear-gradient(90deg,#2562eb,#00e5ff);border-radius:3px}.metric-ticks{position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 19%,rgba(0,0,0,0.05) 20%);background-size:25% 100%}.dark .metric-ticks{background-image:linear-gradient(90deg,transparent 19%,rgba(255,255,255,0.05) 20%)}.sub-reply-box{background:rgba(0,0,0,0.02);border-radius:1rem;margin-top:1rem;padding:0.5rem 1rem;border-left:3px solid var(--well-primary)}.dark .sub-reply-box{background:rgba(255,255,255,0.03)}.sub-reply-item{transition:all 1s cubic-bezier(0.4,0,0.2,1);border-radius:0.75rem;padding-left:0.5rem;padding-right:0.5rem}.highlight-new{background-color:rgba(37,98,235,0.15) !important}.dark .highlight-new{background-color:rgba(37,98,235,0.25) !important}.thread-interact-container button,.reply-interact-container button{cursor:pointer}.thread-interact-container button:disabled,.reply-interact-container button:disabled{cursor:not-allowed;opacity:0.6}.thread-interact-container button.active-state svg,.reply-interact-container button.active-state svg{transform:scale(1.1)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}