@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap);@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-primary-950:#172554;--color-secondary-50:#faf5ff;--color-secondary-100:#f3e8ff;--color-secondary-200:#e9d5ff;--color-secondary-300:#d8b4fe;--color-secondary-400:#c084fc;--color-secondary-500:#a855f7;--color-secondary-600:#9333ea;--color-secondary-700:#7c3aed;--color-secondary-800:#6b21a8;--color-secondary-900:#581c87;--color-secondary-950:#3b0764;--color-accent-emerald:#10b981;--color-accent-amber:#f59e0b;--color-accent-rose:#f43f5e;--color-accent-cyan:#06b6d4;--color-accent-indigo:#6366f1;--color-accent-violet:#8b5cf6;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-neutral-950:#0a0a0a;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-secondary:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code","SF Mono",Monaco,"Cascadia Code",monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.25rem;--spacing-2xl:1.5rem;--spacing-3xl:2rem;--spacing-4xl:2.5rem;--spacing-5xl:3rem;--spacing-6xl:4rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-3xl:0 35px 60px -12px #0000004d;--glass-light:#ffffff1a;--glass-medium:#ffffff26;--glass-strong:#ffffff40;--glass-dark:#0000001a;--backdrop-blur:backdrop-filter:blur(12px);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--transition-fast:50ms cubic-bezier(0.4,0,0.2,1);--transition-normal:100ms cubic-bezier(0.4,0,0.2,1);--transition-slow:150ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:300ms cubic-bezier(0.68,-0.55,0.265,1.55);--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-success:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-warning:linear-gradient(135deg,#fa709a,#fee140);--gradient-dark:linear-gradient(135deg,#667eea,#764ba2);--gradient-light:linear-gradient(135deg,#a8edea,#fed6e3);--gradient-hero:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);--gradient-card:linear-gradient(135deg,#ffffffe6,#ffffffb3)}@layer base{*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;background:var(--color-neutral-50);font-size:16px;line-height:1.6;margin:0;padding:0}body,h1,h2,h3,h4,h5,h6{color:#171717;color:var(--color-neutral-900)}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-secondary);font-weight:700;line-height:1.2;margin:0 0 1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{color:#404040;color:var(--color-neutral-700);margin:0 0 1rem}a{color:#2563eb;color:var(--color-primary-600);text-decoration:none;transition:color 50ms cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}a:hover{color:#1d4ed8;color:var(--color-primary-700)}button{border:none;cursor:pointer;font-family:inherit;outline:none;transition:all .1s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}input,select,textarea{background:#fff;border:1px solid #d4d4d4;border:1px solid var(--color-neutral-300);border-radius:.75rem;border-radius:var(--radius-lg);font-family:inherit;font-size:.875rem;padding:.75rem 1rem;transition:all 50ms cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:#3b82f6;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}}@layer components{.card-modern{background:#fff;border:1px solid #e5e5e5;border:1px solid var(--color-neutral-200);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:all .1s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.card-modern:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .1s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-normal)}.card-modern:hover{border-color:#bfdbfe;border-color:var(--color-primary-200);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-modern:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:none;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.025em;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .1s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.btn-primary:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-secondary);border:none;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.025em;padding:.875rem 2rem;transition:all .1s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.btn-secondary:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #2563eb;border:2px solid var(--color-primary-600);border-radius:1rem;border-radius:var(--radius-xl);color:#2563eb;color:var(--color-primary-600);font-size:.875rem;font-weight:600;padding:.75rem 1.75rem;transition:all .1s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.btn-outline:hover{background:#2563eb;background:var(--color-primary-600);color:#fff;transform:translateY(-2px)}.form-group{margin-bottom:1.5rem}.form-label{color:#404040;color:var(--color-neutral-700);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-input{background:#fff;border:2px solid #e5e5e5;border:2px solid var(--color-neutral-200);border-radius:1rem;border-radius:var(--radius-xl);font-size:.875rem;padding:.875rem 1rem;transition:all 50ms cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.form-input:focus{border-color:#3b82f6;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.nav-glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #fff3;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm)}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e5e5;border-top:3px solid #2563eb;border:3px solid var(--color-neutral-200);border-radius:50%;border-top-color:var(--color-primary-600);height:2rem;width:2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .1s ease-in-out}.slide-up{animation:slideUp .1s ease-out}.bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.glass{background:#ffffff1a;border:1px solid #fff3}.glass,.glass-dark{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-dark{background:#0000001a;border:1px solid #ffffff1a}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary)}.gradient-hero{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--gradient-hero)}}@layer utilities{.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.bg-gradient{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary)}.shadow-glow{box-shadow:0 0 20px #3b82f64d}.shadow-glow-purple{box-shadow:0 0 20px #9333ea4d}.backdrop-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}@keyframes float-1{0%,to{opacity:.7;transform:translateY(0) translateX(0)}25%{opacity:1;transform:translateY(-10px) translateX(5px)}50%{opacity:.8;transform:translateY(-5px) translateX(-5px)}75%{opacity:.9;transform:translateY(-8px) translateX(3px)}}@keyframes float-2{0%,to{opacity:.7;transform:translateY(0) translateX(0)}33%{opacity:1;transform:translateY(-12px) translateX(-8px)}66%{opacity:.8;transform:translateY(-3px) translateX(8px)}}@keyframes float-3{0%,to{opacity:.7;transform:translateY(0) translateX(0)}40%{opacity:.9;transform:translateY(-8px) translateX(-3px)}80%{opacity:1;transform:translateY(-15px) translateX(6px)}}@keyframes sparkle-rotate{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(1turn) scale(1)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px currentColor;opacity:.7}50%{box-shadow:0 0 20px currentColor,0 0 30px currentColor;opacity:1}}@keyframes legendary-aura{0%,to{background:radial-gradient(circle,#ffd7004d 0,#0000 70%);transform:scale(1)}50%{background:radial-gradient(circle,#ffd70099 0,#0000 70%);transform:scale(1.05)}}@keyframes rocket-launch{0%{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-5px) rotate(-5deg) scale(1.05)}50%{transform:translateY(-10px) rotate(5deg) scale(1.1)}75%{transform:translateY(-5px) rotate(-2deg) scale(1.05)}to{transform:translateY(0) rotate(0deg) scale(1)}}@keyframes social-glow{0%,to{box-shadow:0 0 10px #3b82f680;transform:scale(1)}50%{box-shadow:0 0 20px #3b82f6cc,0 0 30px #3b82f666;transform:scale(1.02)}}@keyframes content-wave{0%,to{filter:hue-rotate(0deg);transform:rotate(0deg) scale(1)}25%{filter:hue-rotate(15deg);transform:rotate(5deg) scale(1.05)}50%{filter:hue-rotate(30deg);transform:rotate(-5deg) scale(1.1)}75%{filter:hue-rotate(15deg);transform:rotate(3deg) scale(1.05)}}@keyframes community-help{0%,to{box-shadow:0 0 0 0 #10b98166;transform:scale(1) rotate(0deg)}50%{box-shadow:0 0 0 10px #10b98100;transform:scale(1.1) rotate(180deg)}}@keyframes special-magic{0%,to{filter:brightness(1) hue-rotate(0deg);transform:rotate(0deg) scale(1)}25%{filter:brightness(1.2) hue-rotate(90deg);transform:rotate(90deg) scale(1.1)}50%{filter:brightness(1.4) hue-rotate(180deg);transform:rotate(180deg) scale(1.2)}75%{filter:brightness(1.2) hue-rotate(270deg);transform:rotate(270deg) scale(1.1)}}@keyframes startup-innovation{0%{opacity:1;transform:rotate(0deg) scale(1)}25%{opacity:.8;transform:rotate(90deg) scale(1.1)}50%{opacity:.9;transform:rotate(180deg) scale(1.2)}75%{opacity:.8;transform:rotate(270deg) scale(1.1)}to{opacity:1;transform:rotate(1turn) scale(1)}}@keyframes profile-complete{0%,to{box-shadow:0 0 0 0 #22c55e66;transform:scale(1)}50%{box-shadow:0 0 0 8px #22c55e00;transform:scale(1.15)}}@keyframes epic-pulse{0%,to{background:radial-gradient(circle,#a855f733 0,#0000 70%)}50%{background:radial-gradient(circle,#a855f766 0,#0000 70%)}}@keyframes rare-sparkle{0%,to{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes achievement-earn{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{opacity:1;transform:scale(1.2) rotate(0deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3) rotate(-180deg)}50%{opacity:1;transform:scale(1.05) rotate(0deg)}70%{transform:scale(.9) rotate(0deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-shimmer{animation:shimmer 2s infinite}.animate-float-1{animation:float-1 3s ease-in-out infinite}.animate-float-2{animation:float-2 2.5s ease-in-out .5s infinite}.animate-float-3{animation:float-3 4s ease-in-out 1s infinite}.animate-sparkle-rotate{animation:sparkle-rotate 2s linear infinite}.animate-glow-pulse{animation:glow-pulse 2s ease-in-out infinite}.animate-legendary-aura{animation:legendary-aura 3s ease-in-out infinite}.animate-epic-pulse{animation:epic-pulse 2s ease-in-out infinite}.animate-rare-sparkle{animation:rare-sparkle 1.5s ease-in-out infinite}.animate-rocket-launch{animation:rocket-launch 2s ease-in-out infinite}.animate-social-glow{animation:social-glow 2s ease-in-out infinite}.animate-content-wave{animation:content-wave 3s ease-in-out infinite}.animate-community-help{animation:community-help 2s ease-in-out infinite}.animate-special-magic{animation:special-magic 3s ease-in-out infinite}.animate-startup-innovation{animation:startup-innovation 4s linear infinite}.animate-profile-complete{animation:profile-complete 2s ease-in-out infinite}.animate-achievement-earn{animation:achievement-earn .8s cubic-bezier(.175,.885,.32,1.275)}.animate-bounce-in{animation:bounce-in .6s cubic-bezier(.175,.885,.32,1.275)}.animate-slide-up{animation:slide-up .3s ease-out}.animation-delay-150{animation-delay:.15s}.animation-delay-300{animation-delay:.3s}.animation-delay-500{animation-delay:.5s}.legendary-badge{position:relative}.legendary-badge:before{animation:legendary-aura 3s ease-in-out infinite;background:linear-gradient(45deg,#fbbf24,#f59e0b,#d97706,#fbbf24);border-radius:inherit;content:"";inset:-2px;opacity:0;position:absolute;z-index:-1}.epic-badge{position:relative}.epic-badge:before{animation:epic-pulse 2s ease-in-out infinite;background:linear-gradient(45deg,#a855f7,#8b5cf6,#7c3aed,#a855f7);border-radius:inherit;content:"";inset:-1px;opacity:0;position:absolute;z-index:-1}.achievement-card:hover .sparkle-effect{animation:rare-sparkle 1s ease-in-out infinite;opacity:1}.achievement-card:hover .legendary-shimmer{animation:shimmer 1.5s ease-in-out;opacity:1}@media (max-width:768px){.animate-epic-pulse,.animate-float-1,.animate-float-2,.animate-float-3,.animate-legendary-aura{animation-duration:2s}}@media (prefers-reduced-motion:reduce){.animate-epic-pulse,.animate-float-1,.animate-float-2,.animate-float-3,.animate-glow-pulse,.animate-legendary-aura,.animate-rare-sparkle,.animate-shimmer,.animate-sparkle-rotate{animation:none}.achievement-card{transition:transform .2s ease}.achievement-card:hover{transform:scale(1.02)}}input[type=datetime-local]{color-scheme:light;-webkit-color-scheme:light}input[type=datetime-local]::-webkit-datetime-edit,input[type=datetime-local]::-webkit-datetime-edit-fields-wrapper{background-color:initial!important;color:#111827!important}input[type=datetime-local]::-webkit-datetime-edit-text{background-color:initial!important;color:#111827!important}input[type=datetime-local]::-webkit-datetime-edit-day-field,input[type=datetime-local]::-webkit-datetime-edit-hour-field,input[type=datetime-local]::-webkit-datetime-edit-meridiem-field,input[type=datetime-local]::-webkit-datetime-edit-millisecond-field,input[type=datetime-local]::-webkit-datetime-edit-minute-field,input[type=datetime-local]::-webkit-datetime-edit-month-field,input[type=datetime-local]::-webkit-datetime-edit-second-field,input[type=datetime-local]::-webkit-datetime-edit-year-field{background-color:initial!important;color:#111827!important}input[type=datetime-local]{background-color:#fff!important;color:#111827!important}input[type=datetime-local]::-webkit-datetime-edit-text{color:#6b7280!important}.datetime-input-custom,input[type=datetime-local]:focus{color:#111827!important}.datetime-input-custom{background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;font-family:inherit!important;font-size:14px!important;padding:8px 12px!important}.datetime-input-custom:focus{border-color:#6366f1!important;box-shadow:0 0 0 2px #6366f133!important;outline:none!important}@media (prefers-color-scheme:dark){input[type=datetime-local]{background-color:#fff!important;color:#111827!important;color-scheme:light!important;-webkit-color-scheme:light!important}input[type=datetime-local]::-webkit-datetime-edit,input[type=datetime-local]::-webkit-datetime-edit-day-field,input[type=datetime-local]::-webkit-datetime-edit-fields-wrapper,input[type=datetime-local]::-webkit-datetime-edit-hour-field,input[type=datetime-local]::-webkit-datetime-edit-meridiem-field,input[type=datetime-local]::-webkit-datetime-edit-millisecond-field,input[type=datetime-local]::-webkit-datetime-edit-minute-field,input[type=datetime-local]::-webkit-datetime-edit-month-field,input[type=datetime-local]::-webkit-datetime-edit-second-field,input[type=datetime-local]::-webkit-datetime-edit-text,input[type=datetime-local]::-webkit-datetime-edit-year-field{background-color:#fff!important;color:#111827!important}}input[type=text],input[type=text]:focus,textarea,textarea:focus{background-color:#fff!important;color:#111827!important}input[type=text]::placeholder,textarea::placeholder{color:#6b7280!important}@media (prefers-color-scheme:dark){input[type=text],textarea{background-color:#fff!important;color:#111827!important}input[type=text]::placeholder,textarea::placeholder{color:#6b7280!important}}@media (max-width:640px){.mobile-nav-tabs{display:flex;justify-content:space-between;min-width:100%;width:100%}.mobile-nav-tab{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:25%;min-width:0;padding:12px 8px}.mobile-nav-tab span{font-size:10px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.touch-target{min-height:44px;min-width:44px}.mobile-text{font-size:14px;line-height:1.5}.mobile-card{border-radius:12px;margin:0 -12px}.mobile-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (min-width:641px) and (max-width:1024px){.tablet-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (min-width:1025px){.desktop-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (prefers-reduced-motion:reduce){.animate-bounce,.animate-ping,.animate-pulse,.animate-spin{animation:none!important}}.touch-spacing{padding:12px 16px}.touch-spacing-sm{padding:8px 12px}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:640px){.post-content{-webkit-hyphens:auto;hyphens:auto}.post-content,.post-title{overflow-wrap:break-word;word-break:break-word}.post-actions{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:space-between;overflow-x:hidden}.mobile-actions-layout{align-items:center;display:flex;gap:4px;justify-content:space-between;width:100%}.mobile-actions-layout>*{display:flex;flex:1 1;justify-content:center}.post-action-button{flex-shrink:0;min-height:44px;min-width:44px;white-space:nowrap}.mobile-reaction-picker{background:#fff;border:1px solid #e5e7eb;border-radius:12px;bottom:50%;box-shadow:0 10px 25px #0003;left:50%;padding:12px;position:fixed;transform:translate(-50%,50%);z-index:1000}.mobile-reaction-picker .reaction-button{border-radius:8px;font-size:24px;padding:12px;transition:all .2s}.mobile-reaction-picker .reaction-button:active{background-color:#f3f4f6;transform:scale(.95)}.poll-container{box-sizing:border-box;max-width:100%;overflow:hidden}.poll-option{-webkit-hyphens:auto;hyphens:auto;max-width:100%;overflow-wrap:break-word;word-break:break-word}.poll-option-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;word-break:break-word}.poll-stats{flex-wrap:wrap;gap:8px}.poll-progress-bar{border-radius:3px;min-height:6px}.comments-section{max-width:100%;overflow-x:hidden}.comment-container{max-width:100%}.comment-container,.comment-content{overflow-wrap:break-word;word-break:break-word}.comment-content{-webkit-hyphens:auto;hyphens:auto}.comment-actions{flex-wrap:wrap;gap:8px}.comment-reply-form{max-width:100%;width:100%}.nested-comments{border-left:2px solid #e5e7eb;margin-left:8px;padding-left:8px}}@media (max-width:375px){.xs-text-xs{font-size:.75rem}.xs-p-2{padding:.5rem}.xs-space-x-2>:not([hidden])~:not([hidden]){margin-left:.5rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.high-dpi-border{border-width:.5px}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.suggested-users-vertical{scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.suggested-users-vertical::-webkit-scrollbar{width:6px}.suggested-users-vertical::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px;margin:4px 0}.suggested-users-vertical::-webkit-scrollbar-thumb{background:#cbd5e1;border:1px solid #f8fafc;border-radius:3px}.suggested-users-vertical::-webkit-scrollbar-thumb:hover{background:#94a3b8}#suggested-users-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.suggested-user-card{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.follow-button-success{animation:successPulse .5s ease-out}@media (max-width:640px){#suggested-users-container{scroll-padding:0 1rem;scroll-snap-type:x mandatory}#suggested-users-container>div{scroll-snap-align:center}.suggested-users-scroll-button{display:none}}.suggested-users-container-wrapper{position:relative}.suggested-users-container-wrapper:after,.suggested-users-container-wrapper:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:30px;z-index:5}.suggested-users-container-wrapper:before{background:linear-gradient(90deg,#fff,#fff0);left:0}.suggested-users-container-wrapper:after{background:linear-gradient(270deg,#fff,#fff0);right:0}.suggested-users-container-wrapper.at-end:after,.suggested-users-container-wrapper.at-start:before{opacity:0}@media (pointer:coarse){.suggested-user-follow-button{min-height:44px;min-width:88px}}@media (hover:hover){.suggested-user-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);transition:all .2s ease}.suggested-user-avatar:hover{transform:scale(1.05);transition:transform .2s ease}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.message-container{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;height:100%;position:relative}.message-row{display:flex;margin-bottom:8px;padding:0 8px}.message-row.own{justify-content:flex-end;padding-left:8px;padding-right:16px}.message-row.other{justify-content:flex-start;padding-left:16px;padding-right:8px}.message-bubble-wrapper{max-width:75%;position:relative}.message-bubble-wrapper.own{max-width:80%}.message-actions-container{opacity:0;position:absolute;top:0;transition:all .2s ease-out;visibility:hidden;z-index:10}.message-bubble-wrapper:hover .message-actions-container{opacity:1;visibility:visible}.message-container:before{background:linear-gradient(180deg,#fffffff2,#f9fafbf2);content:"";inset:0;pointer-events:none;position:absolute}.chat-background{background-color:#f9fafb;background-image:repeating-linear-gradient(45deg,#0000,#0000 35px,#6366f108 0,#6366f108 70px),repeating-linear-gradient(-45deg,#0000,#0000 35px,#8b5cf608 0,#8b5cf608 70px);position:relative}.message-list{flex:1 1;overflow-y:auto;padding:1rem;scroll-behavior:smooth}.message-list::-webkit-scrollbar{width:8px}.message-list::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.message-list::-webkit-scrollbar-thumb{background:#0003;border-radius:10px;-webkit-transition:background .3s;transition:background .3s}.message-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.message-bubble{word-wrap:break-word;animation:fadeIn .3s ease-out;max-width:70%;position:relative}.message-hover-zone{display:inline-block;max-width:100%;position:relative}.message-hover-zone:hover .message-actions{opacity:1;transform:translateY(0);visibility:visible}.message-actions{opacity:0;transform:translateY(5px);transition:all .2s ease-out;visibility:hidden}.message-bubble-own{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;box-shadow:0 2px 12px #667eea4d;color:#fff}.message-bubble-other{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px;box-shadow:0 2px 12px #00000014;color:#1f2937}.message-bubble:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-1px)}.typing-indicator{align-items:center;background:#fff;border-radius:18px;box-shadow:0 2px 8px #0000001a;display:flex;max-width:80px;padding:12px 16px}.typing-dot{animation:typing 1.4s infinite;background-color:#6366f1;border-radius:50%;height:8px;margin:0 2px;width:8px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.reaction-button{cursor:pointer;transition:all .2s ease}.reaction-button:hover{filter:brightness(1.2);transform:scale(1.2)}.reaction-button:active{transform:scale(.95)}.date-divider{align-items:center;display:flex;margin:2rem 0;position:relative}.date-divider:after,.date-divider:before{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);content:"";flex:1 1;height:1px}.date-divider-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:9999px;box-shadow:0 1px 3px #0000001a;color:#6b7280;font-size:.75rem;font-weight:500;padding:.25rem 1rem}.message-status{align-items:center;display:inline-flex;margin-left:4px}.status-sent{color:#9ca3af}.status-delivered{color:#6b7280}.status-read{color:#3b82f6}.file-attachment{align-items:center;background:#ffffff1a;border-radius:.5rem;display:flex;margin-bottom:.5rem;padding:.75rem;transition:all .2s}.file-attachment:hover{background:#fff3;transform:translateX(2px)}.file-icon{align-items:center;background:#fff3;border-radius:.375rem;display:flex;height:2.5rem;justify-content:center;margin-right:.75rem;width:2.5rem}.image-attachment{border-radius:.5rem;cursor:pointer;margin-bottom:.5rem;overflow:hidden;position:relative}.image-attachment img{display:block;height:auto;transition:transform .3s;width:100%}.image-attachment:hover img{transform:scale(1.05)}.voice-message{background:#ffffff1a;border-radius:.5rem;min-width:250px;padding:.75rem}.voice-message,.voice-waveform{align-items:center;display:flex}.voice-waveform{flex:1 1;gap:2px;height:32px;margin:0 12px}.voice-bar{background:currentColor;border-radius:3px;opacity:.3;transition:all .3s;width:3px}.voice-bar.active{animation:pulse .8s infinite;opacity:1}.message-input-area{background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -2px 10px #0000000d;padding:1rem}.message-input-container{align-items:flex-end;display:flex;gap:.75rem;margin:0 auto;max-width:1200px}.message-input{border:2px solid #e5e7eb;border-radius:24px;flex:1 1;font-family:inherit;line-height:1.5;max-height:120px;min-height:44px;outline:none;padding:.75rem 1rem;resize:none;transition:all .2s}.message-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.send-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s;width:44px}.send-button:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.send-button:active{transform:scale(.95)}.send-button:disabled{cursor:not-allowed;opacity:.5}.reply-indicator{align-items:center;animation:slideUp .3s ease-out;background:linear-gradient(90deg,#eff6ff,#f0f9ff);border-left:3px solid #3b82f6;border-radius:0 .375rem .375rem 0;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem}.reply-content{flex:1 1;overflow:hidden}.reply-user{color:#3b82f6;font-size:.75rem;font-weight:600;margin-bottom:.25rem}.reply-text{color:#4b5563;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:640px){.message-bubble{max-width:85%}.message-list{padding:.5rem}.message-input-area{padding:.75rem}.date-divider{margin:1rem 0}}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideUp{animation:slideUp .3s ease-out}.animate-bounceIn{animation:bounceIn .5s ease-out}.chat-message{animation:slideIn .1s ease-out forwards;opacity:0;transform:translateY(10px)}.chat-message.animate{opacity:1;transform:translateY(0)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.conversation-item{transition:all .05s ease-in-out}.conversation-item:hover{transform:translateX(4px)}.active-conversation{position:relative}.active-conversation:before{background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.online-indicator{animation:onlinePulse 2s ease-in-out infinite}@keyframes onlinePulse{0%,to{box-shadow:0 0 0 0 #22c55eb3}50%{box-shadow:0 0 0 4px #22c55e00}}.notification-pulse{animation:notificationPulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes notificationPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.custom-scrollbar{scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#94a3b8,#64748b)}.smooth-scroll{scroll-behavior:smooth}.message-bubble{animation:bubbleIn .3s ease-out}@keyframes bubbleIn{0%{opacity:0;transform:scale(.95) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}.typing-indicator{animation:typing 1.4s ease-in-out infinite}.typing-indicator .dot{animation:typingDots 1.4s ease-in-out infinite both;background-color:#9ca3af;border-radius:50%;display:inline-block;height:4px;margin:0 1px;width:4px}.typing-indicator .dot:first-child{animation-delay:-.32s}.typing-indicator .dot:nth-child(2){animation-delay:-.16s}@keyframes typingDots{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.btn-enhanced{overflow:hidden;position:relative;transition:all .05s ease-in-out}.btn-enhanced:before{background:#ffffff1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0}.btn-enhanced:hover:before{height:300px;width:300px}.avatar-glow{position:relative}.avatar-glow:after{animation:rotate 2s linear infinite;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#06b6d4,#10b981);border-radius:inherit;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.avatar-glow:hover:after{opacity:.7}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.search-highlight{animation:searchSweep 1.5s ease-in-out;background:linear-gradient(90deg,#0000,#3b82f64d,#0000);background-size:200% 100%}@keyframes searchSweep{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%}.glass-morphism{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e}.float{animation:float 3s ease-in-out infinite}.success-animation{animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.error-shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.App{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:var(--font-primary);min-height:100vh;position:relative}.navbar-glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #fff3;box-shadow:0 8px 32px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-link{align-items:center;border-radius:var(--radius-lg);color:var(--color-neutral-700);display:flex;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all var(--transition-normal)}.nav-link:hover{background:#3b82f61a;color:var(--color-primary-600);transform:translateY(-1px)}.nav-link svg{transition:transform var(--transition-normal)}.nav-link:hover svg{transform:scale(1.1)}.mobile-nav-link{align-items:center;border-radius:var(--radius-lg);color:var(--color-neutral-700);display:flex;font-weight:500;padding:.75rem 1rem;text-decoration:none;transition:all var(--transition-normal);width:100%}.mobile-nav-link:hover{background:#3b82f61a;color:var(--color-primary-600)}.dropdown-item{align-items:center;border-radius:var(--radius-lg);color:var(--color-neutral-700);display:flex;margin:.25rem;padding:.75rem 1rem;text-decoration:none;transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--color-neutral-50);color:var(--color-primary-600)}.startup-card{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-normal)}.startup-card:before{background:var(--gradient-primary);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.startup-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-2xl);transform:translateY(-8px) scale(1.02)}.startup-card:hover:before{opacity:1}.job-card{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-normal)}.job-card:before{background:var(--gradient-success);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.job-card:hover{border-color:var(--color-success);box-shadow:var(--shadow-2xl);transform:translateY(-6px) scale(1.01)}.job-card:hover:before{opacity:1}.message-card{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:all var(--transition-normal)}.message-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn-premium{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;letter-spacing:.025em;overflow:hidden;padding:1rem 2.5rem;position:relative;text-decoration:none;transition:all var(--transition-normal)}.btn-premium:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.btn-premium:hover{box-shadow:var(--shadow-2xl);color:#fff;text-decoration:none;transform:translateY(-3px)}.btn-premium:hover:before{left:100%}.btn-premium:active{transform:translateY(-1px)}.form-container{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl);padding:2.5rem}.form-input-enhanced{background:#fff;border:2px solid var(--color-neutral-200);border-radius:var(--radius-xl);font-family:var(--font-primary);font-size:.875rem;padding:1rem 1.25rem;transition:all var(--transition-fast);width:100%}.form-input-enhanced:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-1px)}.hero-section{align-items:center;background:var(--gradient-hero);display:flex;justify-content:center;min-height:80vh;overflow:hidden;position:relative}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{color:#fff;margin:0 auto;max-width:800px;padding:2rem;position:relative;text-align:center;z-index:2}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 4px 8px #0000004d}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-spinner-modern{animation:spin 1s linear infinite;border-top:4px solid var(--color-neutral-200);border:4px solid var(--color-neutral-200);border-radius:50%;border-top-color:var(--color-primary-600);height:3rem;position:relative;width:3rem}.loading-spinner-modern:after{animation:spin 1.5s linear infinite reverse;border:2px solid #0000;border-radius:50%;border-top:2px solid var(--color-secondary-500);bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}.grid-modern{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-featured{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.text-hero{font-size:4rem;font-weight:900;line-height:1.1}.text-gradient,.text-hero{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.badge-modern{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.badge-primary{background:var(--gradient-primary);color:#fff}.badge-success{background:var(--gradient-success);color:#fff}.badge-warning{background:var(--gradient-warning);color:#fff}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 40px #3b82f699}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.sidebar-modern{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-right:1px solid #fff3;box-shadow:var(--shadow-xl)}.search-modern{background:#fff;border:2px solid var(--color-neutral-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);font-size:1rem;padding:1rem 1.5rem;transition:all var(--transition-normal)}.search-modern:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-2px)}.modal-modern{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;display:flex;justify-content:center;padding:2rem}.modal-content-modern{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:var(--radius-3xl);box-shadow:var(--shadow-3xl);max-height:90vh;max-width:90vw;overflow:auto}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.grid-modern{gap:1rem;grid-template-columns:1fr}.form-container{margin:1rem;padding:1.5rem}.btn-premium{font-size:.875rem;padding:.875rem 2rem}}@media (prefers-color-scheme:dark){.App{background:linear-gradient(135deg,#1a1a2e,#16213e)}.job-card,.message-card,.startup-card{color:#fff}.form-container,.job-card,.message-card,.startup-card{background:#ffffff0d;border-color:#ffffff1a}.form-input-enhanced,.search-modern{background:#ffffff0d;border-color:#ffffff1a;color:#fff}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-neutral-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full);-webkit-transition:background var(--transition-normal);transition:background var(--transition-normal)}::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}:focus-visible{border-radius:var(--radius-sm);outline:3px solid var(--color-primary-500);outline-offset:2px}.tooltip-modern{display:inline-block;position:relative}.tooltip-modern:after{background:var(--color-neutral-900);border-radius:var(--radius-lg);bottom:125%;color:#fff;content:attr(data-tooltip);font-size:.75rem;left:50%;opacity:0;padding:.5rem 1rem;position:absolute;transform:translateX(-50%);transition:all var(--transition-normal);visibility:hidden;white-space:nowrap;z-index:1000}.tooltip-modern:hover:after{opacity:1;transform:translateX(-50%) translateY(-4px);visibility:visible}.status-online{background:var(--color-success);box-shadow:0 0 0 3px #10b98133}.status-offline{background:var(--color-neutral-400)}.status-away{background:var(--color-warning);box-shadow:0 0 0 3px #f59e0b33}.progress-modern{background:var(--color-neutral-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-bar-modern{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;position:relative;transition:width var(--transition-slow)}.progress-bar-modern:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}