.home-container{--home-bg:#f8f9fa;--home-card-bg:#ffffff;--home-text-primary:#191f28;--home-text-secondary:#6b7684;--home-text-tertiary:#8b95a1;--home-border:#e5e8eb;--home-primary:#3182f6;--home-primary-hover:#1b64da;--home-secondary:#f2f4f6;--home-secondary-hover:#e5e8eb;--home-accent-blue:rgba(49,130,246,0.1);--home-accent-green:rgba(30,200,130,0.1);--home-accent-purple:rgba(147,51,234,0.1);--home-icon-blue:#3182f6;--home-icon-green:#1ec882;--home-icon-purple:#9333ea;--home-shadow:0 1px 3px rgba(0,0,0,0.05);--home-shadow-lg:0 4px 20px rgba(0,0,0,0.08);--home-gradient-start:rgba(49,130,246,0.03);--home-gradient-end:rgba(49,130,246,0.08)}@media (prefers-color-scheme:dark){.home-container{--home-bg:#0d0d0d;--home-card-bg:#1a1a1a;--home-text-primary:#f2f4f6;--home-text-secondary:#8b95a1;--home-text-tertiary:#6b7684;--home-border:#2d2d2d;--home-primary:#4a9fff;--home-primary-hover:#3182f6;--home-secondary:#252525;--home-secondary-hover:#2d2d2d;--home-accent-blue:rgba(74,159,255,0.15);--home-accent-green:rgba(30,200,130,0.15);--home-accent-purple:rgba(147,51,234,0.15);--home-shadow:0 1px 3px rgba(0,0,0,0.2);--home-shadow-lg:0 4px 20px rgba(0,0,0,0.3);--home-gradient-start:rgba(74,159,255,0.03);--home-gradient-end:rgba(74,159,255,0.08)}}.home-container{position:relative;display:flex;flex-direction:column;min-height:100vh;background-color:var(--home-bg)}.home-background{position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--home-gradient-end),transparent);pointer-events:none;z-index:0}.loading-skeleton{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;gap:1rem}.skeleton-content,.skeleton-header{background:linear-gradient(90deg,var(--home-secondary) 25%,var(--home-secondary-hover) 50%,var(--home-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}.skeleton-header{width:200px;height:32px}.skeleton-content{width:300px;height:120px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.home-header{position:sticky;top:0;z-index:100;background-color:var(--home-card-bg);border-bottom:1px solid var(--home-border);backdrop-filter:blur(8px);background-color:rgba(255,255,255,.9)}@media (prefers-color-scheme:dark){.home-header{background-color:rgba(26,26,26,.9)}}.header-content{justify-content:space-between;max-width:1200px;margin:0 auto;padding:.875rem 1.5rem}.header-content,.header-logo{display:flex;align-items:center}.header-logo{gap:.75rem}.header-logo .logo-icon{width:28px;height:28px;color:var(--home-primary)}.logo-text{font-size:1.125rem;font-weight:700;color:var(--home-text-primary);letter-spacing:-.02em}.header-nav{gap:1rem}.header-nav,.user-info{display:flex;align-items:center}.user-info{gap:.625rem}.user-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--home-primary),var(--home-primary-hover));border-radius:50%;color:#ffffff;font-size:.875rem;font-weight:600}.user-name{font-size:.9375rem;font-weight:500;color:var(--home-text-primary)}.logout-button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--home-text-secondary);background-color:var(--home-secondary);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.logout-button:hover{background-color:var(--home-secondary-hover);color:var(--home-text-primary)}.home-main{flex:1;position:relative;z-index:1;max-width:1200px;width:100%;margin:0 auto;padding:3rem 1.5rem}.welcome-section{margin-bottom:3rem;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;margin-bottom:1rem;background-color:var(--home-accent-blue);border-radius:100px;font-size:.8125rem;font-weight:500;color:var(--home-primary)}.badge-dot{width:6px;height:6px;background-color:var(--home-primary);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.welcome-title{margin:0 0 1rem;font-size:2.5rem;font-weight:700;color:var(--home-text-primary);line-height:1.2;letter-spacing:-.03em}.welcome-title .highlight{background:linear-gradient(135deg,var(--home-primary),var(--home-icon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-description{margin:0 0 2rem;font-size:1.125rem;font-weight:400;color:var(--home-text-secondary);line-height:1.6}.welcome-actions{display:flex;gap:.75rem;flex-wrap:wrap}.action-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.action-button svg{width:1.125rem;height:1.125rem}.action-button.primary{color:#ffffff;background:linear-gradient(135deg,var(--home-primary),var(--home-primary-hover));box-shadow:0 4px 16px rgba(49,130,246,.25)}.action-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(49,130,246,.35)}.action-button.secondary{color:var(--home-text-primary);background-color:var(--home-secondary)}.action-button.secondary:hover{background-color:var(--home-secondary-hover)}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;animation:fadeInUp .6s ease-out .2s backwards}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background-color:var(--home-card-bg);border:1px solid var(--home-border);border-radius:16px;box-shadow:var(--home-shadow);transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--home-shadow-lg)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px}.stat-icon svg{width:24px;height:24px}.stat-icon.posts{background-color:var(--home-accent-blue);color:var(--home-icon-blue)}.stat-icon.comments{background-color:var(--home-accent-green);color:var(--home-icon-green)}.stat-icon.views{background-color:var(--home-accent-purple);color:var(--home-icon-purple)}.stat-content{display:flex;flex-direction:column;gap:.125rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--home-text-primary);letter-spacing:-.02em}.stat-label{font-size:.875rem;font-weight:500;color:var(--home-text-secondary)}.home-footer{position:relative;z-index:1;padding:1.5rem;text-align:center;border-top:1px solid var(--home-border)}.home-footer p{margin:0;font-size:.75rem;color:var(--home-text-tertiary)}@media (max-width:768px){.header-content{padding:.75rem 1rem}.header-logo .logo-icon{width:24px;height:24px}.logo-text{font-size:1rem}.user-name{display:none}.home-main{padding:2rem 1rem}.welcome-title{font-size:2rem}.welcome-description{font-size:1rem}.stats-section{grid-template-columns:1fr}}@media (max-width:480px){.header-content{padding:.625rem .875rem}.logout-button{padding:.4375rem .75rem;font-size:.8125rem}.home-main{padding:1.5rem 1rem}.welcome-badge{font-size:.75rem;padding:.3125rem .75rem}.welcome-title{font-size:1.75rem}.welcome-description{font-size:.9375rem;margin-bottom:1.5rem}.welcome-actions{flex-direction:column}.action-button{justify-content:center;width:100%}.stat-card{padding:1rem}.stat-icon{width:40px;height:40px;border-radius:10px}.stat-icon svg{width:20px;height:20px}.stat-value{font-size:1.25rem}.stat-label{font-size:.8125rem}.home-footer{padding:1rem}}@media (prefers-reduced-motion:reduce){.action-button,.badge-dot,.logout-button,.skeleton-content,.skeleton-header,.stat-card,.stats-section,.welcome-section{animation:none;transition:none}}