.theme-customizer-trigger{background:white;border:1px solid #e2e8f0;color:#111827;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s}.dark .theme-customizer-trigger{background:#1f2937;border-color:#374151;color:#f8fafc}.theme-customizer-trigger:hover{background-color:#f3f4f6}.dark .theme-customizer-trigger:hover{background-color:#374151}.theme-customizer-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;min-height:100vh}.theme-customizer-modal{background-color:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:600px;width:100%;max-height:calc(100vh - 40px);overflow-y:auto;border:1px solid #e2e8f0;position:relative;transform:translateY(0);animation:modalSlideIn .2s ease-out;margin:auto;flex-shrink:0}.dark .theme-customizer-modal{background-color:#1f2937;border-color:#374151;box-shadow:0 25px 50px -12px #00000080}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-customizer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0;position:sticky;top:0;background-color:#fff;z-index:10}.dark .theme-customizer-header{border-color:#374151;background-color:#1f2937}.theme-customizer-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#111827}.dark .theme-customizer-title{color:#f8fafc}.theme-customizer-close{background:white;border:1px solid #e2e8f0;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.dark .theme-customizer-close{background:#374151;border-color:#4b5563;color:#9ca3af}.theme-customizer-close:hover{background-color:#f3f4f6}.dark .theme-customizer-close:hover{background-color:#4b5563}.theme-customizer-content{padding:24px}.theme-customizer-section{margin-bottom:32px}.theme-customizer-section:last-child{margin-bottom:0}.theme-customizer-section h3{font-size:16px;font-weight:600;color:#111827;margin-bottom:8px}.dark .theme-customizer-section h3{color:#f8fafc}.theme-customizer-section p{font-size:14px;color:#6b7280;margin-bottom:16px}.dark .theme-customizer-section p{color:#9ca3af}.theme-customizer-toggle{display:flex;align-items:center;gap:12px}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.3s;border-radius:24px}.dark .slider{background-color:#4b5563}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#2563eb}.dark input:checked+.slider{background-color:#3b82f6}input:checked+.slider:before{transform:translate(20px)}.preset-themes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.preset-theme-button{background:white;border:1px solid #e2e8f0;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s;text-align:left}.dark .preset-theme-button{background:#1f2937;border-color:#374151}.preset-theme-button:hover{border-color:#2563eb;background-color:#f3f4f6}.dark .preset-theme-button:hover{border-color:#3b82f6;background-color:#374151}.preset-colors{display:flex;gap:4px;margin-bottom:8px}.preset-color-dot{width:12px;height:12px;border-radius:50%}.preset-theme-button span{font-size:14px;font-weight:500;color:#111827}.dark .preset-theme-button span{color:#f8fafc}.color-pickers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.color-picker label{display:block;font-size:14px;font-weight:500;color:#111827;margin-bottom:8px}.dark .color-picker label{color:#f8fafc}.color-input-group{display:flex;gap:8px;align-items:center}.color-picker-input{width:48px;height:40px;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;background:white;padding:0}.dark .color-picker-input{border-color:#374151;background:#374151}.color-text-input{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:monospace;background-color:#fff;color:#111827}.dark .color-text-input{border-color:#374151;background-color:#374151;color:#f8fafc}.color-text-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.dark .color-text-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.reset-button{display:flex;align-items:center;gap:8px;background:white;border:1px solid #e2e8f0;border-radius:6px;padding:8px 16px;color:#111827;cursor:pointer;transition:all .2s;margin-top:16px}.dark .reset-button{background:#1f2937;border-color:#374151;color:#f8fafc}.reset-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.dark .reset-button:hover{background-color:#374151;border-color:#6b7280}.theme-preview{display:flex;flex-direction:column;gap:16px}.preview-buttons{display:flex;gap:8px;flex-wrap:wrap}.preview-button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;color:#fff;border:none;cursor:default}.preview-button.primary{background-color:#2563eb}.dark .preview-button.primary{background-color:#3b82f6}.preview-button.secondary{background-color:#6b7280;color:#fff}.dark .preview-button.secondary{background-color:#9ca3af;color:#111827}.preview-button.accent{background-color:#8b5cf6;color:#fff}.dark .preview-button.accent{background-color:#a78bfa;color:#111827}.preview-card{padding:16px;border-radius:8px;border:1px solid #e2e8f0;background-color:#fff;color:#111827}.dark .preview-card{border-color:#374151;background-color:#1f2937;color:#f8fafc}.preview-card h4{font-size:16px;font-weight:600;margin-bottom:8px;color:#111827}.dark .preview-card h4{color:#f8fafc}.preview-card p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.dark .preview-card p{color:#9ca3af}@media (max-width: 640px){.theme-customizer-overlay{padding:16px}.theme-customizer-modal{max-height:calc(100vh - 32px);margin:0}.theme-customizer-header{padding:16px 20px}.theme-customizer-content{padding:20px}.color-pickers-grid{grid-template-columns:1fr}.preset-themes-grid{grid-template-columns:repeat(2,1fr)}.preview-buttons{flex-direction:column}.preview-button{width:100%;text-align:center}}.coin-display{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--card);border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;font-weight:500;color:var(--foreground);transition:all .2s ease}.coin-display:hover{background:var(--card-hover);border-color:var(--border-hover)}.coin-loading{display:flex;align-items:center;gap:.5rem;color:var(--muted-foreground)}.coin-loading .animate-spin{animation:spin 1s linear infinite}.coin-error{display:flex;align-items:center;gap:.5rem;color:var(--destructive)}.coin-balance{display:flex;align-items:center;gap:.375rem;color:var(--primary)}.coin-amount{font-weight:600;font-size:.9rem}.coin-details{display:flex;flex-direction:column;gap:.25rem;margin-left:.5rem;padding-left:.5rem;border-left:1px solid var(--border)}.coin-stat{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--muted-foreground)}.coin-stat svg{opacity:.7}@media (prefers-color-scheme: dark){.coin-display{background:var(--card);border-color:var(--border)}.coin-display:hover{background:var(--card-hover);border-color:var(--border-hover)}}@media (max-width: 768px){.coin-display{padding:.375rem .5rem;font-size:.8rem}.coin-details{display:none}}.header-coins{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--muted);border-radius:.5rem;border:1px solid var(--border);color:var(--foreground);font-weight:600;font-size:.875rem;transition:all .2s ease;margin-right:1rem}.header-coins:hover{background-color:var(--accent);color:var(--accent-foreground);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.coins-amount{font-variant-numeric:tabular-nums;min-width:2rem;text-align:center}.dark .header-coins{background-color:var(--muted);border-color:var(--border)}.dark .header-coins:hover{background-color:var(--accent);color:var(--accent-foreground)}.logo-image{height:32px!important;width:auto!important;max-width:128px!important;max-height:32px!important;-o-object-fit:contain!important;object-fit:contain!important;border-radius:4px!important}.header{background-color:#fffffff2;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:var(--z-header);width:100%;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.header.scrolled{background-color:#fffffffa;box-shadow:0 4px 20px #00000026;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:#0000001a}.dark .header{background-color:#0f172af2;border-bottom-color:var(--border)}.dark .header.scrolled{background-color:#0f172afa;box-shadow:0 4px 20px #0006}.header-content{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:80px;width:100%;gap:3rem}.logo{display:flex;align-items:center;gap:1.5rem;font-size:1.75rem;font-weight:900;color:var(--foreground);text-decoration:none;transition:all .2s ease;flex-shrink:0;z-index:var(--z-sticky)}.logo:hover{color:var(--primary);transform:translateY(-2px)}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:1.25rem;box-shadow:0 6px 20px #fbbf2466;transition:all .2s ease;border:2px solid rgba(255,255,255,.2)}.logo:hover .logo-icon{transform:scale(1.08);box-shadow:0 8px 25px #fbbf2480}.logo-text{font-weight:900;letter-spacing:-.05em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav{display:flex;align-items:center;gap:3rem;flex:1;justify-content:center;padding:0 2rem}.nav-link{color:var(--muted-foreground);text-decoration:none;font-weight:700;font-size:1rem;transition:all .2s ease;padding:.75rem 1rem;border-radius:.75rem;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.05em}.nav-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(139,92,246,.2));opacity:0;transition:opacity .2s ease;border-radius:.75rem}.nav-link:hover{color:var(--primary);transform:translateY(-2px);text-shadow:0 2px 4px rgba(139,92,246,.2)}.nav-link:hover:before{opacity:1}.nav-link.active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--warning));box-shadow:0 4px 15px #8b5cf633;text-shadow:0 1px 2px rgba(0,0,0,.2)}.nav-link.active:before{opacity:0}.header-actions{display:flex;align-items:center;gap:1.5rem;flex-shrink:0;z-index:10000;position:relative}.dropdown-menu-enhanced{position:relative;display:inline-block}.dropdown-trigger{background-color:transparent;border:1px solid rgb(209,213,219);color:#6b7280;width:2.5rem;height:2.5rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;outline:none;transition:all .2s ease}.dropdown-trigger:hover{background-color:var(--accent);border-color:var(--accent-foreground);color:var(--accent-foreground)}.dropdown-content{position:absolute;right:0;bottom:100%!important;margin-bottom:.5rem!important;background-color:var(--card);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 -10px 15px -3px #0000001a,0 -4px 6px -2px #0000000d;z-index:9999!important;min-width:180px;max-width:300px;opacity:0;visibility:hidden;transform:scale(.95) translateY(8px);transition:all .2s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto!important}.dropdown-content.active{opacity:1;visibility:visible;transform:scale(1) translateY(0)}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--foreground);text-decoration:none;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;border-radius:.375rem;margin:.125rem}.dropdown-item.active{background-color:var(--primary);color:#fff}.theme-dropdown-content{--side-offset: 4px}.theme-option{justify-content:flex-start}.theme-option-icon{color:var(--foreground)}.theme-check{margin-left:auto;color:var(--primary);font-weight:700}.theme-icon{color:inherit}.sun-icon{display:block}.moon-icon,.dark .sun-icon{display:none}.dark .moon-icon{display:block!important}.theme-customizer-trigger{position:relative;width:2.5rem;height:2.5rem;border-radius:.375rem;transition:all .2s ease;background:transparent;border:1px solid rgb(209,213,219);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;padding:0;outline:none}.theme-customizer-trigger:hover{background-color:var(--accent);border-color:var(--accent-foreground);color:var(--accent-foreground)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none;outline:none}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 1px 3px #0000001a}.btn-primary:hover{background-color:var(--ring);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf633}.btn-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.375rem;transition:all .2s ease;background:transparent;border:1px solid rgb(209,213,219);cursor:pointer;color:#6b7280;padding:0;outline:none}.btn-icon:hover{background-color:var(--accent);border-color:var(--accent-foreground);color:var(--accent-foreground)}.btn-icon.mobile-nav{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.375rem;transition:all .2s ease;background:transparent;border:1px solid rgb(209,213,219);cursor:pointer;color:#6b7280;padding:0;outline:none}.btn-icon.mobile-nav:hover{background-color:var(--accent);border-color:var(--accent-foreground);color:var(--accent-foreground)}@media (min-width: 1024px){.btn-icon.mobile-nav{display:none!important}}.user-menu-dropdown{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:50px;background:var(--card);border:2px solid var(--border);cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 2px 8px #00000014;min-width:120px;height:44px}.user-menu-trigger:hover{background:var(--accent);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.user-menu-trigger:active{transform:translateY(0);box-shadow:0 2px 8px #00000014}.user-menu-arrow{display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);transition:all .2s ease;opacity:.7}.user-menu-trigger:hover .user-menu-arrow{color:var(--primary);opacity:1;transform:translateY(1px)}.user-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--primary),var(--warning));display:block;position:relative;border:3px solid var(--primary);box-shadow:0 4px 12px #8b5cf64d;transition:all .2s ease;flex-shrink:0;-webkit-border-radius:50%;-moz-border-radius:50%;clip-path:circle(50% at center);-webkit-clip-path:circle(50% at center)}.user-menu-trigger:hover .user-avatar{transform:scale(1.05);box-shadow:0 6px 20px #8b5cf666;border-color:var(--primary)}.user-avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;border-radius:50%;clip-path:circle(50% at center);-webkit-clip-path:circle(50% at center)}.user-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;position:absolute;top:0;left:0;background:linear-gradient(135deg,var(--primary),var(--warning))}.user-info{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1;text-align:left}.user-name{font-size:.875rem;font-weight:600;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;line-height:1.2}.user-badges{display:flex;gap:.25rem;align-items:center;margin-top:.25rem;flex-wrap:wrap}.user-badge{font-size:.6875rem;font-weight:700;padding:.125rem .375rem;border-radius:12px;border:1px solid;white-space:nowrap;display:flex;align-items:center;gap:.25rem;line-height:1}.user-badge.premium{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#1f2937;border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b66}.user-badge.admin{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#dc2626;box-shadow:0 2px 8px #ef444466}.user-badge svg{width:10px;height:10px;flex-shrink:0}.desktop-theme-controls{display:flex;align-items:center;gap:.5rem;margin-right:1rem}.desktop-theme-toggle,.desktop-theme-customizer{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;transition:all .2s ease;font-size:.875rem}.desktop-theme-toggle:hover,.desktop-theme-customizer:hover{background:var(--accent);border-color:var(--accent-foreground);color:var(--accent-foreground);transform:scale(1.05)}@media (max-width: 1023px){.desktop-theme-controls{display:none}}.user-menu-desktop{position:relative;display:inline-block}.user-menu-desktop{position:relative}@media (max-width: 1023px){.user-menu-desktop{display:none}}.user-avatar-trigger{position:relative;width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid var(--border);background-color:var(--muted);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a,0 1px 2px #0000000f;overflow:hidden}.user-avatar-trigger:hover{border-color:var(--primary);box-shadow:0 4px 8px #00000026,0 2px 4px #0000001a;transform:scale(1.05)}.user-avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;position:relative;z-index:1;clip-path:circle(50% at center);-webkit-clip-path:circle(50% at center)}.user-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);font-weight:600;font-size:.875rem;position:relative;z-index:1}.user-avatar-badge{position:absolute;top:-4px;right:-4px;width:1.125rem;height:1.125rem;border-radius:50%;background:var(--card);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;z-index:2}.badge-icon{width:.75rem;height:.75rem}.badge-icon.premium{color:gold}.badge-icon.verified{color:#3b82f6}.user-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.user-menu-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.user-menu-content{position:absolute;top:0;right:0;bottom:0;width:280px;max-width:90vw;background:var(--card);border-left:1px solid var(--border);box-shadow:-4px 0 30px #0000004d;transform:translate(100%);transition:transform .3s ease;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:10001;overflow-y:auto;padding:0}.user-menu-overlay.active .user-menu-content{transform:translate(0)}.user-menu-header{padding:1rem;border-bottom:1px solid var(--border);background:var(--card)}.user-menu-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:var(--muted);display:flex;align-items:center;justify-content:center;border:2px solid var(--border)}.user-menu-avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-menu-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#6b7280;font-weight:500}.user-menu-info{margin-top:.5rem}.user-menu-name{font-size:.8125rem;font-weight:600;color:var(--foreground)}.user-menu-email{font-size:.6875rem;color:var(--muted-foreground)}.user-menu-badges{display:flex;gap:.375rem;margin-top:.375rem}.user-menu-badge{font-size:.6875rem;padding:.1875rem .375rem;border-radius:.25rem}.user-menu-badge.premium{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#000;font-weight:700;box-shadow:0 2px 8px #ffd7004d}.user-menu-badge.admin{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;font-weight:700;box-shadow:0 2px 8px #dc26264d}.user-menu-separator{border-top:1px solid var(--border);margin:.5rem 0}.user-menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--foreground);text-decoration:none;transition:all .2s ease;cursor:pointer;border-radius:.5rem;margin:.125rem;font-weight:500}.user-menu-item:hover{background-color:var(--accent);color:var(--accent-foreground);transform:translate(4px)}.user-menu-item.logout{color:var(--destructive);font-weight:600}.user-menu-item.logout:hover{background-color:var(--destructive);color:#fff;transform:translate(4px)}.premium-icon{color:gold;filter:drop-shadow(0 0 4px rgba(255,215,0,.5));animation:premiumGlow 2s ease-in-out infinite alternate}@keyframes premiumGlow{0%{filter:drop-shadow(0 0 4px rgba(255,215,0,.5))}to{filter:drop-shadow(0 0 8px rgba(255,215,0,.8))}}.admin-icon{color:#dc2626;filter:drop-shadow(0 0 4px rgba(220,38,38,.5));animation:adminGlow 2s ease-in-out infinite alternate}@keyframes adminGlow{0%{filter:drop-shadow(0 0 4px rgba(220,38,38,.5))}to{filter:drop-shadow(0 0 8px rgba(220,38,38,.8))}}.mobile-nav-dropdown{position:relative;display:inline-block}.mobile-nav-dropdown .mobile-nav-content{opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .2s ease}.mobile-nav-dropdown.open .mobile-nav-content{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.mobile-nav-content{position:absolute;top:100%;right:0;width:280px;max-width:calc(100vw - 2rem);max-height:calc(100vh - 120px);overflow-y:auto;background:#ffffff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:10001;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .2s ease;margin-top:.5rem}[data-theme=light] .mobile-nav-content,:root:not([data-theme=dark]) .mobile-nav-content{background:#ffffff;border:1px solid #e2e8f0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}[data-theme=dark] .mobile-nav-content,.dark .mobile-nav-content{background:#1e293b;border:1px solid #334155;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.mobile-nav-overlay{display:none!important}.mobile-nav-header{display:flex;align-items:center;justify-content:center;padding:1rem 1rem .75rem;border-bottom:1px solid #e2e8f0;margin-bottom:.5rem}[data-theme=light] .mobile-nav-header,:root:not([data-theme=dark]) .mobile-nav-header{border-bottom:1px solid #e2e8f0}[data-theme=dark] .mobile-nav-header,.dark .mobile-nav-header{border-bottom:1px solid #334155}.mobile-nav-title{margin:0;font-size:1.125rem;font-weight:600;color:#0f172a}[data-theme=light] .mobile-nav-title,:root:not([data-theme=dark]) .mobile-nav-title{color:#0f172a}[data-theme=dark] .mobile-nav-title,.dark .mobile-nav-title{color:#f1f5f9}.user-menu-content .mobile-nav-close{display:block!important;color:var(--muted-foreground);background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease}.user-menu-content .mobile-nav-close:hover{background-color:var(--accent);color:var(--accent-foreground)}.user-menu-content .mobile-nav-section{padding:1rem 0;border-top:1px solid var(--border)}.user-menu-content .mobile-nav-section:first-of-type{border-top:none}.user-menu-content .mobile-nav-section-title{font-size:.875rem;font-weight:600;color:var(--muted-foreground);margin:0 1rem .5rem;text-transform:uppercase;letter-spacing:.05em}.user-menu-content .mobile-theme-options{display:flex;flex-direction:column;gap:.25rem}.user-menu-content .mobile-theme-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--foreground);text-decoration:none;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.95rem;font-weight:500;border-radius:.5rem;margin:.125rem .5rem}.user-menu-content .mobile-theme-option:hover{background-color:var(--accent);color:var(--accent-foreground);transform:translate(4px)}.user-menu-content .mobile-theme-option.theme-customizer-mobile{border-top:1px solid var(--border);margin-top:.5rem;padding-top:1rem}.user-menu-content .mobile-theme-option.theme-customizer-mobile:hover{background-color:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-md)}.mobile-nav-links{padding:.25rem 0}.mobile-nav-link{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;color:#374151;text-decoration:none;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.95rem;font-weight:500;border-radius:.5rem;margin:.125rem .25rem}.mobile-nav-link:hover{background-color:#f1f5f9cc;color:#0f172a;transform:translate(4px)}.mobile-nav-link.active{background-color:#8b5cf6cc;color:#fff;box-shadow:0 2px 8px #8b5cf64d}[data-theme=light] .mobile-nav-link,:root:not([data-theme=dark]) .mobile-nav-link{color:#374151}[data-theme=light] .mobile-nav-link:hover,:root:not([data-theme=dark]) .mobile-nav-link:hover{background-color:#f1f5f9cc;color:#0f172a}[data-theme=light] .mobile-nav-link.active,:root:not([data-theme=dark]) .mobile-nav-link.active{background-color:#8b5cf6cc;color:#fff}[data-theme=dark] .mobile-nav-link,.dark .mobile-nav-link{color:#e2e8f0}[data-theme=dark] .mobile-nav-link:hover,.dark .mobile-nav-link:hover{background-color:#1e293bcc;color:#fff}[data-theme=dark] .mobile-nav-link.active,.dark .mobile-nav-link.active{background-color:#8b5cf6cc;color:#fff}.mobile-nav-icon{color:inherit}.mobile-nav-section{padding:.75rem 0;border-top:1px solid #e2e8f0}[data-theme=light] .mobile-nav-section,:root:not([data-theme=dark]) .mobile-nav-section{border-top:1px solid #e2e8f0}[data-theme=dark] .mobile-nav-section,.dark .mobile-nav-section{border-top:1px solid #334155}.mobile-nav-section:first-of-type{border-top:none}.mobile-nav-section-title{font-size:.875rem;font-weight:600;color:#6b7280;margin:0 .25rem .5rem;text-transform:uppercase;letter-spacing:.05em}[data-theme=light] .mobile-nav-section-title,:root:not([data-theme=dark]) .mobile-nav-section-title{color:#6b7280}[data-theme=dark] .mobile-nav-section-title,.dark .mobile-nav-section-title{color:#94a3b8}.mobile-theme-options{display:flex;flex-direction:column;gap:.25rem}.mobile-theme-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--foreground);text-decoration:none;transition:all .2s ease;border:none;background:var(--card);width:100%;text-align:left;cursor:pointer;font-size:.95rem;font-weight:500;border-radius:.5rem;margin:.125rem .5rem}.mobile-theme-option:hover{background-color:var(--accent);color:var(--accent-foreground);transform:translate(4px)}.mobile-theme-option.theme-customizer-mobile{border-top:1px solid var(--border);margin-top:.25rem;padding-top:.75rem}.mobile-theme-option.theme-customizer-mobile:hover{background-color:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-md)}.theme-customizer-trigger{display:none!important}.user-avatar-mobile{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;border:2px solid var(--border);box-shadow:0 2px 4px #0000001a,0 1px 2px #0000000f;display:flex;align-items:center;justify-content:center;background-color:var(--muted);cursor:default;transition:all .2s ease;position:relative}.user-avatar-mobile:before{content:"";position:absolute;inset:-2px;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--primary),var(--accent));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;opacity:0;transition:opacity .2s ease}.user-avatar-mobile:hover:before{opacity:.6}.user-avatar-mobile-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;position:relative;z-index:1;clip-path:circle(50% at center);-webkit-clip-path:circle(50% at center)}.user-avatar-mobile-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);font-weight:600;font-size:.875rem;position:relative;z-index:1}@media (max-width: 1023px){.header-actions{gap:.75rem;align-items:center}.user-avatar-mobile{margin-left:auto}}@media (min-width: 1024px){.user-avatar-mobile{display:none!important}}.mobile-header{display:block;position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.95);border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000001a;z-index:var(--z-header);padding:.5rem 1rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s ease;height:72px;box-sizing:border-box}.mobile-header.scrolled{background:rgba(255,255,255,.98);box-shadow:0 4px 20px #00000026}.dark .mobile-header{background:rgba(15,23,42,.95);border-bottom-color:var(--border)}.dark .mobile-header.scrolled{background:rgba(15,23,42,.98);box-shadow:0 4px 20px #0006}@media (min-width: 1024px){.mobile-header{display:none!important}}.mobile-header-content{display:flex;align-items:center;justify-content:space-between;max-width:100%;margin:0 auto;height:100%;box-sizing:border-box}.mobile-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;transition:all .2s ease}.mobile-logo:hover{transform:translateY(-1px)}.mobile-logo-image{height:32px;width:auto;max-width:120px;-o-object-fit:contain;object-fit:contain;border-radius:.5rem;box-shadow:0 2px 8px #0000001a}.mobile-logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.125rem;box-shadow:0 4px 12px #fbbf2466;transition:all .2s ease}.mobile-logo:hover .mobile-logo-icon{transform:scale(1.05);box-shadow:0 6px 16px #fbbf2480}.mobile-logo-text{font-size:1.25rem;font-weight:700;color:var(--foreground);letter-spacing:-.025em}.mobile-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.mobile-search-btn,.mobile-create-btn,.mobile-user-btn,.mobile-login-btn,.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:2px solid var(--border);border-radius:1rem;background:var(--accent);color:var(--accent-foreground);cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-shrink:0;box-sizing:border-box}.mobile-search-btn:before,.mobile-user-btn:before,.mobile-login-btn:before,.mobile-menu-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(139,92,246,.2));opacity:0;transition:opacity .2s ease;border-radius:.75rem}.mobile-search-btn:hover,.mobile-user-btn:hover,.mobile-login-btn:hover,.mobile-menu-btn:hover{background:rgba(139,92,246,.1);color:var(--primary);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf633;z-index:var(--z-content)}.mobile-search-btn:hover:before,.mobile-user-btn:hover:before,.mobile-login-btn:hover:before,.mobile-menu-btn:hover:before{opacity:1;z-index:var(--z-content)}.mobile-create-btn{background:linear-gradient(135deg,var(--primary),var(--warning));color:#fff;box-shadow:0 4px 12px #8b5cf64d}.mobile-create-btn:hover{background:linear-gradient(135deg,var(--ring),var(--primary));transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666;z-index:var(--z-content)}.mobile-nav-menu{position:fixed;inset:72px 0 0;background:var(--background);border-top:1px solid var(--border);z-index:9999;overflow-y:auto;box-sizing:border-box;transform:translate(-100%);transition:transform .3s ease;will-change:transform}.mobile-nav-menu.active{transform:translate(0)}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border);box-sizing:border-box}.mobile-nav-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--foreground)}.mobile-nav-close{background:none;border:none;color:var(--muted-foreground);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease}.mobile-nav-close:hover{background:var(--accent);color:var(--accent-foreground)}.user-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%) scale(.95);width:280px;max-width:calc(100vw - 2rem);background:var(--card);border:1px solid var(--border);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:10000;overflow:hidden;opacity:0;visibility:hidden;transition:all .2s ease;animation:userDropdownFadeIn .2s ease forwards}@keyframes userDropdownFadeIn{0%{opacity:0;visibility:hidden;transform:translate(-50%) translateY(-10px) scale(.95)}to{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}}.user-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border);background:var(--card)}.user-dropdown-title{margin:0;font-size:1rem;font-weight:600;color:var(--foreground)}.user-dropdown-close{background:none;border:none;color:var(--muted-foreground);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease}.user-dropdown-close:hover{background:var(--accent);color:var(--accent-foreground)}.user-dropdown-section{padding:.5rem 0;box-sizing:border-box}.user-dropdown-section-title{padding:0 1rem;margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.user-dropdown-info{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border);background:var(--card)}.user-dropdown-avatar{position:relative;width:3rem;height:3rem;border-radius:50%;border:2px solid var(--border);background-color:var(--muted);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 8px #0000001a}.user-dropdown-avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;position:relative;z-index:1;clip-path:circle(50% at center);-webkit-clip-path:circle(50% at center)}.user-dropdown-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);font-weight:600;font-size:1rem;position:relative;z-index:1}.user-dropdown-details{flex:1}.user-dropdown-name{font-size:1rem;font-weight:600;color:var(--foreground);margin-bottom:.25rem}.user-dropdown-email{font-size:.875rem;color:var(--muted-foreground)}.user-dropdown-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--foreground);text-decoration:none;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;border-radius:.5rem;margin:.125rem .5rem}.user-dropdown-link:hover{background-color:var(--accent);color:var(--accent-foreground);transform:translate(4px)}.user-dropdown-link.logout{color:var(--destructive);font-weight:600}.user-dropdown-link.logout:hover{background-color:var(--destructive);color:#fff}.user-dropdown-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--muted-foreground)}.user-dropdown-link:hover .user-dropdown-icon{color:var(--accent-foreground)}.user-dropdown-link.logout:hover .user-dropdown-icon{color:#fff}.mobile-nav-links{padding:.5rem 0;box-sizing:border-box}.mobile-nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--foreground);text-decoration:none;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.95rem;font-weight:500;box-sizing:border-box;border-radius:.75rem;margin:0 .25rem;position:relative}.mobile-nav-link:before{content:"";position:absolute;inset:0;background:var(--accent);opacity:0;transition:opacity .2s ease;border-radius:.75rem}.mobile-nav-link:hover{color:var(--primary);transform:translate(2px)}.mobile-nav-link:hover:before{opacity:1}.mobile-nav-link.active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--warning));box-shadow:0 4px 12px #8b5cf633}.mobile-nav-link.active:before{opacity:0}.mobile-nav-link.admin-link,.mobile-nav-link.logout-link{color:var(--destructive);font-weight:600}.mobile-nav-link.admin-link:hover,.mobile-nav-link.logout-link:hover{background:rgba(239,68,68,.1);color:var(--destructive);transform:translate(4px)}.mobile-nav-link.admin-link:before,.mobile-nav-link.logout-link:before{opacity:0}.mobile-nav-separator{height:1px;background:var(--border);margin:1rem;box-sizing:border-box}.mobile-user-dropdown{position:fixed;top:72px;right:0;background:var(--card);border:1px solid var(--border);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:9999;min-width:280px;max-width:320px;box-sizing:border-box;transform:translate(100%);transition:transform .3s ease;will-change:transform;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mobile-user-dropdown.active{transform:translate(0)}.mobile-user-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border);box-sizing:border-box}.mobile-user-info{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.mobile-user-details{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.mobile-username{font-weight:600;color:var(--foreground);font-size:.95rem;flex-shrink:0}.mobile-user-email{color:var(--muted-foreground);font-size:.875rem;flex-shrink:0}.mobile-admin-badge{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,var(--destructive),var(--warning));color:#fff;font-weight:700;box-shadow:0 2px 8px #ef44444d;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;flex-shrink:0}.mobile-dropdown-close{background:none;border:none;color:var(--muted-foreground);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;flex-shrink:0}.mobile-dropdown-close:hover{background:var(--accent);color:var(--accent-foreground)}.mobile-user-actions{padding:.5rem;box-sizing:border-box}.mobile-user-action{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:var(--foreground);text-decoration:none;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.95rem;font-weight:500;border-radius:.5rem;box-sizing:border-box;position:relative}.mobile-user-action:before{content:"";position:absolute;inset:0;background:var(--accent);opacity:0;transition:opacity .2s ease;border-radius:.5rem}.mobile-user-action:hover{color:var(--primary);transform:translate(2px)}.mobile-user-action:hover:before{opacity:1}.mobile-user-action.admin-action,.mobile-user-action.logout-action{color:var(--destructive);font-weight:600}.mobile-user-action.admin-action:hover,.mobile-user-action.logout-action:hover{background:rgba(239,68,68,.1);color:var(--destructive);transform:translate(4px)}.mobile-user-action.admin-action:before,.mobile-user-action.logout-action:before{opacity:0}.mobile-user-avatar,.mobile-user-avatar-large{border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border);flex-shrink:0;box-sizing:border-box;transition:all .2s ease}.mobile-user-avatar{width:32px;height:32px}.mobile-user-avatar-large{width:48px;height:48px}.mobile-user-avatar-placeholder,.mobile-user-avatar-placeholder-large{border-radius:50%;background:var(--muted);display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);border:2px solid var(--border);flex-shrink:0;box-sizing:border-box;transition:all .2s ease}.mobile-user-avatar-placeholder{width:32px;height:32px}.mobile-user-avatar-placeholder-large{width:48px;height:48px}@media (min-width: 768px){.mobile-header{height:72px}.mobile-nav-menu,.mobile-user-dropdown{top:72px}}@media (min-width: 1024px){.mobile-header,.mobile-nav-menu,.mobile-user-dropdown{display:none!important}}.dark .search-wrapper{background-color:var(--secondary);border-color:var(--border)}.dark .search-input{color:var(--foreground)}.dark .search-input::-moz-placeholder{color:var(--muted-foreground)}.dark .search-input::placeholder{color:var(--muted-foreground)}.dark .search-results-dropdown{background-color:var(--card);border-color:var(--border);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.dark .search-result-item:hover{background:var(--accent)}.dark .search-result-title{color:var(--foreground)}.dark .search-result-excerpt{color:var(--muted-foreground)}.dark .mobile-nav-link:hover{background-color:var(--secondary)}@media (max-width: 767px){a.btn-primary,.btn-primary{width:2.5rem!important;height:2.5rem!important;padding:0!important;border-radius:.375rem!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:0!important}.btn-primary .lucide,a.btn-primary .lucide{width:20px!important;height:20px!important;flex-shrink:0!important;display:inline-block!important}.btn-primary span,a.btn-primary span{display:none!important}.header-actions{gap:.375rem!important;flex-wrap:wrap!important}.header-actions>*{flex-shrink:1!important;max-width:none!important}a[href="/login"].btn-primary{font-size:.75rem!important;padding:.25rem .5rem!important;min-height:28px!important;width:auto!important;max-width:none!important;flex-shrink:1!important}.user-menu-trigger{min-height:48px;padding:.75rem 1rem;border-radius:16px;gap:.75rem;-webkit-tap-highlight-color:rgba(139,92,246,.1);touch-action:manipulation}.user-menu-trigger:active{background:var(--accent);transform:scale(.98)}.user-avatar{width:32px;height:32px}.user-menu-content{min-width:280px;max-width:calc(100vw - 2rem);width:280px;position:fixed!important;top:auto!important;bottom:1rem!important;right:1rem!important;left:auto!important;transform:none!important;max-height:60vh;overflow-y:auto;display:block!important;z-index:9999!important;border-radius:1rem;box-shadow:0 20px 40px -10px #0000004d}.user-menu-content .user-menu-item{padding:.875rem 1rem;font-size:.9rem;border-radius:.5rem;margin:.125rem .5rem;transition:all .2s ease}.user-menu-content .user-menu-item:hover{background:var(--accent);transform:translate(2px)}.user-menu-content .user-menu-item.logout{color:var(--destructive);border-top:1px solid var(--border);margin-top:.5rem;padding-top:1rem}@media (max-width: 480px){.user-info{display:none}.user-menu-trigger{min-width:48px;padding:.5rem}.user-menu-content{min-width:250px;right:1rem;left:1rem;transform:none}}}body.modal-open{overflow:hidden}.modal-overlay{position:fixed!important;inset:0!important;background:rgba(0,0,0,.8)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;padding:1rem!important;animation:modalFadeIn .3s ease-out;width:100vw!important;height:100vh!important}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.modal{background:#ffffff!important;border:1px solid #e5e7eb!important;border-radius:16px!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;max-width:90vw!important;max-height:90vh!important;width:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);position:relative!important;z-index:10000!important}.dark .modal{background:#1f2937!important;border-color:#374151!important;color:#f9fafb!important}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.dark .modal{background:var(--card);border-color:var(--border);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.modal-header{padding:1.5rem 2rem!important;border-bottom:1px solid #e5e7eb!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:#ffffff!important;flex-shrink:0!important}.dark .modal-header{background:#1f2937!important;border-bottom-color:#374151!important}.modal-title{font-size:1.25rem!important;font-weight:600!important;color:#111827!important;margin:0!important;line-height:1.3!important}.dark .modal-title{color:#f9fafb!important}.modal-close{background:var(--muted);border:1px solid var(--border);color:var(--muted-foreground);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1rem;font-weight:600}.modal-close:hover{background:var(--accent);color:var(--accent-foreground);transform:scale(1.05)}.modal-close:active{transform:scale(.95)}.modal-close:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.modal-content{padding:2rem!important;flex:1!important;overflow:auto!important;background:#ffffff!important;color:#111827!important}.dark .modal-content{background:#1f2937!important;color:#f9fafb!important}.modal-sm{max-width:28rem}.modal-default{max-width:36rem}.modal-lg{max-width:48rem}.modal-xl,.modal-large{max-width:64rem}.modal-full{max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:var(--muted);border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:var(--muted-foreground);border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--foreground)}@media (max-width: 768px){.modal{max-width:95vw;margin:.5rem}.modal-header{padding:1.25rem 1.5rem}.modal-title{font-size:1.125rem}.modal-content{padding:1.5rem}}@media (max-width: 480px){.modal{max-width:98vw;margin:.25rem}.modal-header{padding:1rem 1.25rem}.modal-title{font-size:1rem}.modal-content{padding:1.25rem}.modal-close{width:32px;height:32px;font-size:.875rem}}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all var(--transition-duration, .15s) var(--transition-timing, ease);border:1px solid transparent;cursor:pointer;padding:.5rem .75rem;gap:.5rem;text-decoration:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn:disabled{pointer-events:none;opacity:.5}.btn-default{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.btn-default:hover{background-color:var(--ring);border-color:var(--ring)}.btn-secondary{background-color:var(--secondary);color:var(--secondary-foreground);border-color:var(--secondary)}.btn-secondary:hover{background-color:var(--muted);border-color:var(--muted)}.btn-ghost{background-color:transparent;color:var(--foreground);border-color:transparent}.btn-outline{background-color:transparent;color:var(--foreground);border-color:var(--border)}.btn-outline:hover{background-color:var(--accent);color:var(--accent-foreground);border-color:var(--accent)}.btn-destructive{background-color:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)}.btn-destructive:hover{background-color:#dc2626;border-color:#dc2626}.btn-sm{padding:.25rem .5rem;font-size:.75rem;height:2rem}.btn-default{padding:.5rem .75rem;font-size:.875rem;height:2.5rem}.btn-lg{padding:.75rem 1rem;font-size:1rem;height:3rem}.btn-icon{width:2.5rem;height:2.5rem;padding:0;border-radius:.375rem}.btn-icon.btn-sm{width:2rem;height:2rem}.btn-icon.btn-lg{width:3rem;height:3rem}.btn.loading{position:relative;color:transparent}.btn.loading:after{content:"";position:absolute;width:1rem;height:1rem;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 640px){.btn{font-size:.875rem;padding:.5rem .75rem}.btn-icon{width:2.25rem;height:2.25rem}}.patch-notes-footer{margin-top:1rem}.patch-notes-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#f8faff 0%,#f1f5ff 100%);border:1px solid #e0e7ff;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.patch-notes-trigger:hover{background:linear-gradient(135deg,#e0e7ff 0%,#d1d5db 100%);border-color:#c7d2fe;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.patch-notes-content{flex:1;min-width:0}.patch-notes-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.patch-notes-version{font-weight:600;font-size:.875rem;color:#1f2937}.patch-notes-date{font-size:.75rem;color:#6b7280}.patch-notes-title{font-size:.875rem;color:#374151;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.patch-notes-arrow{color:#6b7280;transition:transform .2s ease}.patch-notes-trigger:hover .patch-notes-arrow{transform:translate(2px)}.patch-notes-loading{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:#6b7280;font-size:.875rem}.version-icon{flex-shrink:0}.version-icon.major{color:#ef4444}.version-icon.minor{color:#10b981}.version-icon.patch{color:#3b82f6}.version-icon.hotfix{color:#f59e0b}.patch-notes-modal{max-height:70vh;overflow-y:auto}.patch-notes-empty{text-align:center;padding:3rem 1rem;color:#6b7280}.patch-notes-empty svg{margin-bottom:1rem;opacity:.5}.patch-notes-empty h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.patch-notes-empty p{margin:0}.patch-notes-list{display:flex;flex-direction:column;gap:1.5rem}.patch-note-item{border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;background:#fafafa;transition:all .2s ease}.patch-note-item:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.patch-note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.patch-note-version-info{display:flex;align-items:center;gap:.5rem}.patch-note-version{font-weight:700;font-size:1.1rem}.patch-note-type{padding:.25rem .5rem;background:#e5e7eb;color:#374151;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.patch-note-meta{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-size:.875rem}.patch-note-content{space-y:1rem}.patch-note-title{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:#1f2937}.patch-note-description{margin:0 0 1rem;color:#4b5563;line-height:1.6}.patch-note-changes{margin:1rem 0}.patch-note-changes h5{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#374151}.patch-note-changes ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.change-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;background:white;border-radius:6px;border-left:3px solid #e5e7eb}.change-item.change-added{border-left-color:#10b981;background:#f0fdf4}.change-item.change-changed{border-left-color:#3b82f6;background:#eff6ff}.change-item.change-fixed{border-left-color:#f59e0b;background:#fffbeb}.change-item.change-removed{border-left-color:#ef4444;background:#fef2f2}.change-type{font-weight:600;font-size:.75rem;text-transform:uppercase;min-width:60px;flex-shrink:0}.change-item.change-added .change-type{color:#059669}.change-item.change-changed .change-type{color:#2563eb}.change-item.change-fixed .change-type{color:#d97706}.change-item.change-removed .change-type{color:#dc2626}.change-text{color:#374151;font-size:.875rem;line-height:1.5}.patch-note-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.patch-note-tag{padding:.25rem .5rem;background:#e0e7ff;color:#3730a3;border-radius:4px;font-size:.75rem;font-weight:500}@media (max-width: 768px){.patch-notes-trigger{padding:.5rem .75rem}.patch-notes-title{font-size:.8rem}.patch-note-header{flex-direction:column;align-items:flex-start}.patch-note-version-info{margin-bottom:.5rem}.patch-note-item{padding:1rem}.change-item{flex-direction:column;gap:.25rem}.change-type{min-width:auto}}.footer{background:var(--card);color:var(--foreground);border-top:1px solid var(--border);margin-top:auto}.footer-container{max-width:1400px;margin:0 auto;padding:0 2rem}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:3rem;padding:3rem 0;align-items:start}.footer-brand-section{display:flex;flex-direction:column;gap:1.5rem}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.footer-logo{width:200px;height:80px;border-radius:16px;-o-object-fit:contain;object-fit:contain;border:3px solid var(--border);box-shadow:0 6px 20px #00000026;transition:transform .2s ease,box-shadow .2s ease;background:var(--card)}.footer-logo:hover{transform:scale(1.08);box-shadow:0 8px 25px #0003}.footer-logo-placeholder{width:200px;height:80px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;box-shadow:0 6px 20px #0003;border:3px solid var(--border)}.footer-brand-content{display:flex;flex-direction:column;gap:.5rem}.footer-brand-title{font-size:2rem;font-weight:700;color:var(--foreground);margin:0;letter-spacing:-.025em;line-height:1.2}.footer-brand-description{font-size:1.1rem;color:var(--muted-foreground);margin:0;line-height:1.5;max-width:400px}.footer-nav-section,.footer-community-section,.footer-contact-section{display:flex;flex-direction:column;gap:1rem}.footer-section-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0 0 1rem;letter-spacing:-.025em}.footer-links-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.footer-nav-link{color:var(--muted-foreground);text-decoration:none;font-size:1rem;font-weight:500;transition:all .2s ease;background:none;border:none;cursor:pointer;text-align:left;border-radius:.375rem;padding:.5rem 0 .5rem .5rem;margin-left:-.5rem;width:calc(100% + 1rem)}.footer-nav-link:hover{color:var(--foreground);background:var(--accent);transform:translate(4px)}.footer-contact-content{display:flex;flex-direction:column;gap:1.5rem}.footer-contact-info{display:flex;flex-direction:column;gap:1rem}.footer-contact-item{display:flex;flex-direction:column;gap:.25rem}.footer-contact-label{font-size:.875rem;font-weight:600;color:var(--foreground);text-transform:uppercase;letter-spacing:.05em}.footer-contact-link{color:var(--primary);text-decoration:none;font-size:1rem;font-weight:500;transition:color .2s ease}.footer-contact-link:hover{color:var(--primary);text-decoration:underline}.footer-contact-text{color:var(--muted-foreground);font-size:.95rem;line-height:1.5}.footer-legal-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.footer-legal-link{color:var(--muted-foreground);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease;background:none;border:none;padding:.375rem 0;cursor:pointer;border-radius:.25rem}.footer-legal-link:hover{color:var(--foreground)}.footer-patch-notes{border-top:1px solid var(--border);padding:1.5rem 0;background:linear-gradient(135deg,#f8faff 0%,#f1f5ff 100%)}.footer-bottom{border-top:1px solid var(--border);padding:2rem 0;margin-top:2rem}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.footer-copyright p{color:var(--muted-foreground);margin:0;font-size:.95rem;font-weight:500}.footer-bottom-links{display:flex;align-items:center;gap:1rem}.footer-theme-indicator{color:var(--muted-foreground);font-size:.875rem;font-weight:500;background:var(--accent);padding:.375rem .75rem;border-radius:.5rem}[data-theme=dark] .footer{background:var(--card);border-top-color:var(--border)}@media (max-width: 1200px){.footer-container{padding:0 1.5rem}.footer-main{grid-template-columns:1fr 1fr;gap:2.5rem}.footer-brand-section{grid-column:1 / -1}.footer-contact-section{grid-column:2 / -1}}@media (max-width: 768px){.footer-container{padding:0 1rem}.footer-main{grid-template-columns:1fr;gap:2rem;padding:2rem 0}.footer-brand-section,.footer-contact-section{grid-column:auto}.footer-brand{gap:1rem}.footer-brand-title{font-size:1.5rem}.footer-brand-description{font-size:.95rem}.footer-contact-content{gap:1rem}}@media (max-width: 480px){.footer-container{padding:0 .75rem}.footer-main{gap:1.5rem;padding:1.5rem 0}.footer-brand{gap:.75rem}.footer-logo,.footer-logo-placeholder{width:120px;height:60px}.footer-logo-placeholder{font-size:1.75rem}.footer-brand-title{font-size:1.5rem}.footer-brand-description{font-size:.95rem}.footer-section-title{font-size:1rem}.footer-nav-link{font-size:.95rem}.footer-contact-label{font-size:.8rem}.footer-contact-link,.footer-contact-text,.footer-legal-link{font-size:.9rem}.footer-bottom{padding:1.5rem 0;margin-top:1.5rem}.footer-bottom-content{flex-direction:column;gap:1rem;align-items:stretch}.footer-copyright p{text-align:center;font-size:.9rem}.footer-bottom-links{justify-content:center}}.legal-content{max-width:800px;margin:0 auto;padding:1rem;color:var(--foreground)}.legal-html-content{line-height:1.7;color:var(--foreground)}.legal-html-content h1,.legal-html-content h2,.legal-html-content h3,.legal-html-content h4,.legal-html-content h5,.legal-html-content h6{color:var(--foreground);margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}.legal-html-content p{margin-bottom:1rem;color:var(--foreground)}.legal-html-content ul,.legal-html-content ol{margin-bottom:1rem;padding-left:1.5rem;color:var(--foreground)}.legal-html-content li{margin-bottom:.5rem;color:var(--foreground)}.legal-html-content a{color:var(--primary);text-decoration:underline}.legal-html-content blockquote{border-left:4px solid var(--border);padding-left:1rem;margin:1rem 0;font-style:italic;color:var(--muted-foreground)}.legal-placeholder{text-align:center;padding:2rem;color:var(--muted-foreground)}.legal-placeholder h3{color:var(--foreground);margin-bottom:1rem}.legal-placeholder p{color:var(--muted-foreground);margin-bottom:.75rem}.legal-placeholder-content{margin-top:1rem;padding:1rem;background:var(--card);border:1px solid var(--border);border-radius:.5rem;text-align:left;color:var(--foreground)}.legal-placeholder-content h4{color:var(--foreground);margin-bottom:.75rem}.legal-placeholder-content p,.legal-placeholder-content ul{color:var(--foreground);margin-bottom:.5rem}.legal-placeholder-content li{margin:.25rem 0;line-height:1.5}.toast-container{position:fixed;top:var(--spacing-md);right:var(--spacing-md);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--card);border:1px solid var(--border);border-left:4px solid;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-slide-in .3s ease-out;max-width:100%;color:var(--card-foreground);transition:all var(--transition-normal)}.toast-icon{flex-shrink:0;margin-top:.125rem}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;color:var(--card-foreground);margin-bottom:var(--spacing-xs);font-size:.875rem;line-height:1.25rem}.toast-message{color:var(--muted-foreground);font-size:.875rem;line-height:1.25rem}.toast-close{background:none;border:none;color:var(--muted-foreground);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-normal);flex-shrink:0;margin-top:.125rem}.toast-close:hover{background-color:var(--hover-bg);color:var(--foreground)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast.toast-exiting{animation:toast-slide-out .3s ease-in forwards}.toast.toast-success{border-left-color:var(--success)}.toast.toast-error{border-left-color:var(--destructive)}.toast.toast-warning{border-left-color:var(--warning)}.toast.toast-info{border-left-color:var(--info)}@media (max-width: 639.98px){.toast-container{top:var(--spacing-sm);right:var(--spacing-sm);left:var(--spacing-sm);max-width:none}.toast{padding:var(--spacing-sm)}.toast-title,.toast-message{font-size:.8125rem}}.maintenance-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.maintenance-container{max-width:600px;width:100%;background:white;border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.maintenance-content{padding:3rem 2rem;text-align:center}.maintenance-icon{color:#f59e0b;margin-bottom:1.5rem;animation:pulse 2s infinite;will-change:opacity}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.maintenance-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 1rem;line-height:1.2}.maintenance-message{font-size:1.125rem;color:#4b5563;margin:0 0 .75rem;line-height:1.5}.maintenance-details{font-size:1rem;color:#6b7280;margin:0 0 2rem;line-height:1.5}.maintenance-actions{margin-bottom:2rem}.maintenance-retry-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:160px;justify-content:center}.maintenance-retry-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.maintenance-retry-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.maintenance-spinner{animation:spin 1s linear infinite;will-change:transform}.maintenance-info{border-top:1px solid #e5e7eb;padding-top:1.5rem;margin-top:1.5rem}.maintenance-timestamp{font-size:.875rem;color:#6b7280;margin:0 0 .75rem}.maintenance-support{font-size:.875rem;color:#6b7280;margin:0}.maintenance-link{color:#3b82f6;text-decoration:none;font-weight:500}.maintenance-link:hover{text-decoration:underline}@media (max-width: 640px){.maintenance-page{padding:1rem}.maintenance-content{padding:2rem 1.5rem}.maintenance-title{font-size:1.75rem}.maintenance-message{font-size:1rem}.maintenance-details{font-size:.875rem}}@media (prefers-color-scheme: dark){.maintenance-container{background:#1f2937;color:#f9fafb}.maintenance-title{color:#f9fafb}.maintenance-message{color:#d1d5db}.maintenance-details{color:#9ca3af}.maintenance-info{border-top-color:#374151}.maintenance-timestamp,.maintenance-support{color:#9ca3af}}.tabs-container{width:100%}.tabs-list{display:inline-flex;height:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;background-color:var(--muted);padding:.25rem;color:var(--muted-foreground)}.tab-trigger{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:.25rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:all .15s ease;border:none;background:none;cursor:pointer;color:var(--muted-foreground);position:relative}.tab-trigger:hover{background-color:#ffffff1a;color:var(--foreground)}.tab-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.tab-trigger[data-active=true],.tab-trigger.active{background-color:var(--background);color:var(--foreground);box-shadow:var(--shadow-sm)}.tab-trigger:disabled{pointer-events:none;opacity:.5}.tab-content{margin-top:.5rem}.tab-content:focus-visible{outline:2px solid var(--ring);outline-offset:2px}[data-theme=dark] .tab-trigger:hover{background-color:#ffffff0d}[data-theme=dark] .tab-trigger[data-active=true],[data-theme=dark] .tab-trigger.active{background-color:var(--card)}@media (max-width: 640px){.tabs-list{width:100%;max-width:100%}.tab-trigger{flex:1;min-width:0;padding:.25rem .5rem;font-size:.75rem}}.media-library-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-library-container{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);width:100%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:10000}.media-library-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border);background-color:var(--card)}.media-library-title{font-size:20px;font-weight:600;color:var(--foreground);margin:0}.media-library-close{background:none;border:none;color:var(--muted-foreground);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:all var(--transition-normal)}.media-library-close:hover{background:var(--hover-bg);color:var(--foreground)}.media-library-search{padding:16px 24px;border-bottom:1px solid var(--border);background-color:var(--card)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--muted-foreground);z-index:1}.search-input{width:100%;padding:12px 12px 12px 40px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;background-color:var(--background);color:var(--foreground);transition:all var(--transition-normal)}.search-input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px var(--primary-alpha-20)}.media-library-controls{padding:16px 24px;border-bottom:1px solid var(--border);background-color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.size-selection{display:flex;align-items:center;gap:12px}.size-label{font-size:14px;font-weight:500;color:var(--foreground);white-space:nowrap}.size-buttons{display:flex;gap:8px}.size-button{padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--foreground);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.size-button:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-foreground)}.size-button.active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.size-button:disabled{opacity:.5;cursor:not-allowed}.compression-controls{display:flex;align-items:center;gap:12px}.compress-button{padding:8px 16px;border:1px solid var(--primary);border-radius:6px;background:var(--primary);color:var(--primary-foreground);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.compress-button:hover:not(:disabled){background:var(--ring);border-color:var(--ring)}.compress-button:disabled{opacity:.5;cursor:not-allowed}.media-library-content{flex:1;overflow-y:auto;padding:24px;background-color:var(--background)}.media-library-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--muted-foreground)}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.media-library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.media-library-empty h3{margin:16px 0 8px;color:#374151}.media-library-empty p{margin:0;font-size:14px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.media-item{border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;background:white;position:relative}.media-item:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a}.media-item.selected{border-color:#3b82f6;background:#eff6ff}.media-preview{height:120px;background:#f9fafb;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-preview-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media-preview-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#9ca3af;background:#f3f4f6}.media-info{padding:12px}.media-name{font-size:14px;font-weight:500;color:#111827;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-meta{display:flex;justify-content:space-between;font-size:12px;color:#6b7280}.media-compression-info{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:11px}.compression-ratio{background:var(--primary);color:var(--primary-foreground);padding:2px 6px;border-radius:4px;font-weight:600}.compression-details{color:var(--muted-foreground);font-size:10px}.media-type-badge{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.media-library-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb;background:#f9fafb}.media-library-button{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.media-library-button-secondary{background:white;color:#374151;border:1px solid #d1d5db}.media-library-button-secondary:hover{background:#f9fafb;border-color:#9ca3af}.media-library-button-primary{background:#3b82f6;color:#fff}.media-library-button-primary:hover{background:#2563eb}.media-library-button-primary:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.media-library-overlay{padding:10px}.media-library-container{max-height:90vh}.media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.media-preview{height:100px}.media-library-header,.media-library-search,.media-library-content,.media-library-footer{padding:16px}}.rich-text-editor{border:2px solid rgba(0,0,0,.1);border-radius:16px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 4px 20px #0000001a;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .rich-text-editor{border-color:#fff3;background:rgba(17,24,39,.95)}.rich-text-editor:focus-within{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 8px 30px #00000026;transform:translateY(-2px)}.dark .rich-text-editor:focus-within{border-color:#a855f7;box-shadow:0 0 0 4px #a855f71a,0 8px 30px #0000004d}.rich-text-menubar{display:flex!important;flex-wrap:wrap;gap:8px;padding:16px;border-bottom:1px solid rgba(0,0,0,.1);background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-height:200px;overflow-y:auto;position:sticky;top:0;z-index:10;transition:all .3s ease;visibility:visible!important;opacity:1!important}.dark .rich-text-menubar{border-bottom-color:#ffffff1a;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%)}.rich-text-menubar:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent);opacity:0;transition:opacity .3s ease}.rich-text-menubar.sticky{box-shadow:0 2px 10px #0000001a;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.9) 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.rich-text-menubar.sticky:after{opacity:1}.dark .rich-text-menubar.sticky{box-shadow:0 2px 10px #0000004d;background:linear-gradient(135deg,rgba(17,24,39,.95) 0%,rgba(17,24,39,.9) 100%)}.dark .rich-text-menubar:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.rich-text-menubar-group{display:flex!important;gap:2px;padding:4px;border-radius:8px;background:rgba(0,0,0,.02);visibility:visible!important;opacity:1!important}.dark .rich-text-menubar-group{background:rgba(255,255,255,.02)}.rich-text-button,.rich-text-upload-button{display:flex!important;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:rgba(0,0,0,.04);color:#000c;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;visibility:visible!important;opacity:1!important}.rich-text-button svg,.rich-text-upload-button svg{width:16px;height:16px;stroke:currentColor;fill:none}.dark .rich-text-button svg,.dark .rich-text-upload-button svg{stroke:currentColor}.rich-text-button:before,.rich-text-upload-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .3s ease}.rich-text-button:hover:before,.rich-text-upload-button:hover:before{left:100%}.rich-text-button:hover,.rich-text-upload-button:hover{background:rgba(102,126,234,.12);color:#667eea;transform:translateY(-1px)}.rich-text-button.is-active,.rich-text-upload-button.is-active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 2px 8px #667eea4d}.dark .rich-text-button,.dark .rich-text-upload-button{color:#ffffffe6;background:rgba(255,255,255,.06)}.dark .rich-text-button:hover,.dark .rich-text-upload-button:hover{background:rgba(168,85,247,.16);color:#a855f7}.dark .rich-text-button.is-active,.dark .rich-text-upload-button.is-active{background:linear-gradient(135deg,#a855f7 0%,#3b82f6 100%);box-shadow:0 2px 8px #a855f74d}.rich-text-button:disabled{opacity:.4;cursor:not-allowed;transform:none!important;background-color:var(--muted);color:var(--muted-foreground)}.rich-text-content{min-height:300px;max-height:500px;padding:24px;background:rgba(255,255,255,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow-y:auto;overflow-x:hidden;position:relative;scroll-behavior:smooth}.dark .rich-text-content{background:rgba(17,24,39,.5)}.ProseMirror{outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#000000e6}.dark .ProseMirror{color:#ffffffe6}.ProseMirror p{margin:0 0 1em}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{margin:1.5em 0 .5em;font-weight:700;line-height:1.2}.ProseMirror h1{font-size:2em;color:#667eea}.ProseMirror h2{font-size:1.5em;color:#764ba2}.ProseMirror h3{font-size:1.25em;color:#667eea}.dark .ProseMirror h1{color:#a855f7}.dark .ProseMirror h2{color:#3b82f6}.dark .ProseMirror h3{color:#a855f7}.ProseMirror ul,.ProseMirror ol{margin:1em 0;padding-left:2em}.ProseMirror li{margin:.5em 0}.ProseMirror blockquote{margin:1.5em 0;padding:1em 1.5em;border-left:4px solid #667eea;background:rgba(102,126,234,.05);border-radius:0 8px 8px 0;font-style:italic}.dark .ProseMirror blockquote{border-left-color:#a855f7;background:rgba(168,85,247,.05)}.ProseMirror code{background:rgba(0,0,0,.1);padding:.2em .4em;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.dark .ProseMirror code{background:rgba(255,255,255,.1)}.ProseMirror pre{background:rgba(0,0,0,.05);padding:1em;border-radius:8px;overflow-x:auto;margin:1.5em 0;border:1px solid rgba(0,0,0,.1)}.dark .ProseMirror pre{background:rgba(255,255,255,.05);border-color:#ffffff1a}.ProseMirror pre code{background:none;padding:0;border-radius:0}.rich-text-table{border-collapse:collapse;margin:1.5em 0;width:100%;background:rgba(255,255,255,.8);border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.dark .rich-text-table{background:rgba(17,24,39,.8);box-shadow:0 2px 10px #0000004d}.rich-text-table th,.rich-text-table td{border:1px solid rgba(0,0,0,.1);padding:12px;text-align:left}.dark .rich-text-table th,.dark .rich-text-table td{border-color:#ffffff1a}.rich-text-table th{background:rgba(102,126,234,.1);font-weight:600;color:#667eea}.dark .rich-text-table th{background:rgba(168,85,247,.1);color:#a855f7}.rich-text-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 15px #0000001a;margin:1em 0;transition:transform .3s ease;display:block!important;min-height:50px;background:#f8f9fa;border:1px solid #e9ecef}.rich-text-image:hover{transform:scale(1.02)}.dark .rich-text-image{box-shadow:0 4px 15px #0000004d}.rich-text-video{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 15px #0000001a;margin:1em 0}.dark .rich-text-video{box-shadow:0 4px 15px #0000004d}.rich-text-link{color:#667eea;text-decoration:underline;transition:color .2s ease}.rich-text-link:hover{color:#764ba2}.dark .rich-text-link{color:#a855f7}.dark .rich-text-link:hover{color:#3b82f6}.rich-text-document{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#667eea;text-decoration:none;transition:all .2s ease}.rich-text-document:hover{background:rgba(102,126,234,.2);transform:translateY(-1px);box-shadow:0 4px 15px #667eea33}.dark .rich-text-document{background:rgba(168,85,247,.1);border-color:#a855f733;color:#a855f7}.dark .rich-text-document:hover{background:rgba(168,85,247,.2);box-shadow:0 4px 15px #a855f733}.ProseMirror ul[data-type=taskList]{list-style:none;padding:0}.ProseMirror ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px;margin:.5em 0}.ProseMirror ul[data-type=taskList] li>label{margin:0;padding:0;flex-shrink:0}.ProseMirror ul[data-type=taskList] li>div{flex:1}.rich-text-color-picker{position:absolute;top:100%;left:0;z-index:var(--z-dropdown);background:rgba(255,255,255,.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 30px #00000026;padding:16px;min-width:200px;animation:dropdownSlideIn .2s cubic-bezier(.4,0,.2,1)}.dark .rich-text-color-picker{background:rgba(17,24,39,.95);border-color:#ffffff1a;box-shadow:0 8px 30px #0000004d}.rich-text-color-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-weight:600;font-size:.875rem}.rich-text-color-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:12px}.rich-text-color-option{width:24px;height:24px;border:2px solid rgba(0,0,0,.1);border-radius:6px;cursor:pointer;transition:all .2s ease}.rich-text-color-option:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.dark .rich-text-color-option{border-color:#fff3}.rich-text-color-input{width:100%;height:32px;border:1px solid rgba(0,0,0,.1);border-radius:6px;cursor:pointer}.dark .rich-text-color-input{border-color:#fff3}.rich-text-font-size-picker{position:absolute;top:100%;left:0;z-index:var(--z-dropdown);background:rgba(255,255,255,.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 30px #00000026;padding:16px;min-width:150px;animation:dropdownSlideIn .2s cubic-bezier(.4,0,.2,1)}.dark .rich-text-font-size-picker{background:rgba(17,24,39,.95);border-color:#ffffff1a;box-shadow:0 8px 30px #0000004d}.rich-text-font-size-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-weight:600;font-size:.875rem}.rich-text-font-size-options{display:flex;flex-direction:column;gap:4px}.rich-text-font-size-option{padding:8px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:left}.rich-text-font-size-option:hover{background:rgba(102,126,234,.1)}.rich-text-font-size-option.is-active{background:rgba(102,126,234,.2);color:#667eea;font-weight:600}.dark .rich-text-font-size-option:hover{background:rgba(168,85,247,.1)}.dark .rich-text-font-size-option.is-active{background:rgba(168,85,247,.2);color:#a855f7}.rich-text-font-family-picker{position:absolute;top:100%;left:0;z-index:var(--z-dropdown);background:rgba(255,255,255,.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 30px #00000026;padding:16px;min-width:200px;animation:dropdownSlideIn .2s cubic-bezier(.4,0,.2,1)}.dark .rich-text-font-family-picker{background:rgba(17,24,39,.95);border-color:#ffffff1a;box-shadow:0 8px 30px #0000004d}.rich-text-font-family-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-weight:600;font-size:.875rem}.rich-text-font-family-options{display:flex;flex-direction:column;gap:4px}.rich-text-font-family-option{padding:8px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:left}.rich-text-font-family-option:hover{background:rgba(102,126,234,.1)}.rich-text-font-family-option.is-active{background:rgba(102,126,234,.2);color:#667eea;font-weight:600}.dark .rich-text-font-family-option:hover{background:rgba(168,85,247,.1)}.dark .rich-text-font-family-option.is-active{background:rgba(168,85,247,.2);color:#a855f7}.rich-text-input-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:overlayFadeIn .2s ease}.rich-text-input-modal{background:rgba(255,255,255,.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;padding:24px;min-width:400px;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}.dark .rich-text-input-modal{background:rgba(17,24,39,.95);border-color:#ffffff1a;box-shadow:0 25px 50px -12px #00000080}.rich-text-input-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-weight:600;font-size:1.125rem}.rich-text-input{width:100%;padding:12px 16px;border:2px solid rgba(0,0,0,.1);border-radius:8px;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-bottom:12px;transition:all .2s ease}.rich-text-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dark .rich-text-input{border-color:#fff3;background:rgba(17,24,39,.8);color:#ffffffe6}.dark .rich-text-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a}.rich-text-input-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.rich-text-button-secondary{background:rgba(0,0,0,.1);color:#000c;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.rich-text-button-secondary:hover{background:rgba(0,0,0,.2)}.dark .rich-text-button-secondary{background:rgba(255,255,255,.1);color:#fffc}.dark .rich-text-button-secondary:hover{background:rgba(255,255,255,.2)}.rich-text-button-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #667eea4d}.rich-text-button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.dark .rich-text-button-primary{background:linear-gradient(135deg,#a855f7 0%,#3b82f6 100%);box-shadow:0 2px 8px #a855f74d}.dark .rich-text-button-primary:hover{box-shadow:0 4px 12px #a855f766}.rich-text-close-button{background:none;border:none;color:#0009;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.rich-text-close-button:hover{background:rgba(0,0,0,.1);color:#000c}.dark .rich-text-close-button{color:#fff9}.dark .rich-text-close-button:hover{background:rgba(255,255,255,.1);color:#fffc}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.rich-text-menubar{padding:12px;gap:2px}.rich-text-menubar-group{padding:2px}.rich-text-button,.rich-text-upload-button{width:32px;height:32px}.rich-text-content{padding:16px;min-height:200px}.rich-text-input-modal{min-width:90vw;margin:20px}.rich-text-color-picker,.rich-text-font-size-picker,.rich-text-font-family-picker{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:300px}}@media (max-width: 480px){.rich-text-menubar{flex-direction:column;gap:8px}.rich-text-menubar-group{justify-content:center}.rich-text-button,.rich-text-upload-button{width:40px;height:40px}}.rich-text-upload-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px;border:1px solid #e2e8f0;border-radius:6px;background:white;color:#64748b;cursor:pointer;transition:all .2s ease;font-size:14px;min-width:36px;height:36px}.rich-text-upload-button:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.rich-text-upload-button.uploading{opacity:.8;cursor:wait;background:rgba(102,126,234,.15)}.dark .rich-text-upload-button.uploading{background:rgba(168,85,247,.22)}.upload-spinner{width:16px;height:16px;border:2px solid #e2e8f0;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.rich-text-upload-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:var(--z-dropdown);border-radius:8px}.rich-text-upload-progress{background:white;padding:24px;border-radius:8px;box-shadow:0 10px 25px #0000001a;text-align:center;min-width:300px}.upload-progress-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.upload-progress-text{font-size:14px;color:#64748b;margin-bottom:16px}.upload-progress-bar{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:3px;transition:width .3s ease}.rich-text-upload-button input[type=file]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.rich-text-upload-button input[type=file]:disabled{cursor:not-allowed}.rich-text-upload-button:after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:var(--z-dropdown)}.rich-text-upload-button:hover:after{opacity:1}@media (max-width: 768px){.rich-text-upload-button{min-width:32px;height:32px;padding:6px}.rich-text-upload-progress{min-width:250px;padding:20px}}.ProseMirror{white-space:pre-wrap;word-break:break-word;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--foreground);outline:none;min-height:200px;max-height:400px;overflow-y:auto;overflow-x:hidden;padding:1rem;border-radius:8px;background:transparent;position:relative;z-index:1}.dark .ProseMirror{color:var(--foreground)}.ProseMirror *{font-family:inherit;color:inherit}.ProseMirror::-webkit-scrollbar{width:8px}.ProseMirror::-webkit-scrollbar-track{background:var(--muted);border-radius:4px}.ProseMirror::-webkit-scrollbar-thumb{background:var(--muted-foreground);border-radius:4px}.ProseMirror::-webkit-scrollbar-thumb:hover{background:var(--foreground)}.rich-text-content .ProseMirror{height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.ProseMirror:focus{outline:none;box-shadow:0 0 0 2px var(--primary);border-radius:8px}.rich-text-floating-toolbar{position:absolute;z-index:1000;animation:floatingToolbarSlideIn .2s cubic-bezier(.4,0,.2,1)}.rich-text-floating-toolbar-content{display:flex;align-items:center;gap:2px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 30px #00000026;padding:8px;white-space:nowrap}.dark .rich-text-floating-toolbar-content{background:rgba(17,24,39,.95);border-color:#ffffff1a;box-shadow:0 8px 30px #0000004d}.rich-text-floating-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#000c;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.rich-text-floating-button:hover{background:rgba(0,0,0,.08);color:#667eea;transform:translateY(-1px)}.rich-text-floating-button.is-active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 2px 8px #667eea4d}.dark .rich-text-floating-button{color:#ffffffe6}.dark .rich-text-floating-button:hover{background:rgba(255,255,255,.1);color:#a855f7}.dark .rich-text-floating-button.is-active{background:linear-gradient(135deg,#a855f7 0%,#3b82f6 100%);box-shadow:0 2px 8px #a855f74d}.rich-text-floating-button svg{width:14px;height:14px;stroke:currentColor;fill:none}.rich-text-floating-divider{width:1px;height:20px;background:rgba(0,0,0,.1);margin:0 4px}.dark .rich-text-floating-divider{background:rgba(255,255,255,.1)}@keyframes floatingToolbarSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rich-text-media-toolbar{position:absolute;z-index:1000;animation:floatingToolbarSlideIn .2s cubic-bezier(.4,0,.2,1)}.rich-text-media-toolbar-content{display:flex;align-items:center;gap:2px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 30px #00000026;padding:8px;white-space:nowrap}.dark .rich-text-media-toolbar-content{background:rgba(17,24,39,.95);border-color:#ffffff1a;box-shadow:0 8px 30px #0000004d}.rich-text-media-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#000c;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.rich-text-media-button:hover{background:rgba(0,0,0,.08);color:#667eea;transform:translateY(-1px)}.rich-text-media-button-danger{color:#ef4444}.rich-text-media-button-danger:hover{background:rgba(239,68,68,.1);color:#dc2626}.dark .rich-text-media-button{color:#ffffffe6}.dark .rich-text-media-button:hover{background:rgba(255,255,255,.1);color:#a855f7}.dark .rich-text-media-button-danger{color:#f87171}.dark .rich-text-media-button-danger:hover{background:rgba(248,113,113,.1);color:#fca5a5}.rich-text-media-button svg{width:14px;height:14px;stroke:currentColor;fill:none}.rich-text-media-group{display:flex;align-items:center;gap:2px;padding:0 4px;border-right:1px solid rgba(0,0,0,.1)}.dark .rich-text-media-group{border-right-color:#ffffff1a}.rich-text-media-group:last-of-type{border-right:none}.rich-text-media-button[title*=Klein],.rich-text-media-button[title*=Mittel],.rich-text-media-button[title*=Groß],.rich-text-media-button[title*=Vollbreite]{font-weight:600;font-size:12px;min-width:28px;height:28px}.rich-text-image{cursor:move;transition:all .2s ease;border:2px solid transparent;border-radius:8px;max-width:100%;height:auto}.rich-text-image:hover{border-color:#667eea4d;transform:scale(1.02)}.rich-text-image.dragging{opacity:.5;transform:scale(.95);border-color:#667eea}.rich-text-image[style*="text-align: left"]{margin-right:auto;margin-left:0}.rich-text-image[style*="text-align: center"]{margin-left:auto;margin-right:auto}.rich-text-image[style*="text-align: right"]{margin-left:auto;margin-right:0}.rich-text-image,.rich-text-video{cursor:move;transition:all .2s ease;border:2px solid transparent}.rich-text-image:hover,.rich-text-video:hover{border-color:#667eea4d;transform:scale(1.02)}.rich-text-image.dragging,.rich-text-video.dragging{opacity:.5;transform:scale(.95);border-color:#667eea}.rich-text-content .drop-zone{border:2px dashed #667eea;border-radius:8px;background:rgba(102,126,234,.05);padding:20px;text-align:center;color:#667eea;margin:10px 0;transition:all .2s ease}.rich-text-content .drop-zone.active{background:rgba(102,126,234,.1);border-color:#3b82f6}.dark .rich-text-content .drop-zone{border-color:#a855f7;background:rgba(168,85,247,.05);color:#a855f7}.dark .rich-text-content .drop-zone.active{background:rgba(168,85,247,.1);border-color:#8b5cf6}.rich-text-crop-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:overlayFadeIn .2s ease-out}.rich-text-crop-dialog{background:white;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:80vh;overflow:hidden;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}.dark .rich-text-crop-dialog{background:#1f2937;border:1px solid rgba(255,255,255,.1)}.rich-text-crop-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.1)}.dark .rich-text-crop-header{border-bottom-color:#ffffff1a}.rich-text-crop-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.dark .rich-text-crop-header h3{color:#f9fafb}.rich-text-crop-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.rich-text-crop-close:hover{background:rgba(0,0,0,.05);color:#374151}.dark .rich-text-crop-close{color:#9ca3af}.dark .rich-text-crop-close:hover{background:rgba(255,255,255,.05);color:#d1d5db}.rich-text-crop-content{padding:24px}.rich-text-crop-content p{margin:0 0 20px;color:#6b7280;font-size:14px}.dark .rich-text-crop-content p{color:#9ca3af}.rich-text-crop-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.rich-text-crop-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#f9fafb;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.rich-text-crop-option:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-2px)}.rich-text-crop-option:active{transform:translateY(0)}.dark .rich-text-crop-option{background:#374151;color:#f9fafb}.dark .rich-text-crop-option:hover{background:#4b5563;border-color:#6b7280}.rich-text-crop-preview{width:60px;height:40px;border:2px solid #d1d5db;border-radius:6px;background:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;position:relative;overflow:hidden}.dark .rich-text-crop-preview{border-color:#6b7280;background:linear-gradient(45deg,#4b5563 25%,transparent 25%),linear-gradient(-45deg,#4b5563 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#4b5563 75%),linear-gradient(-45deg,transparent 75%,#4b5563 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.rich-text-crop-preview:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:20px;background:#667eea;border-radius:2px}.rich-text-crop-preview.cover:before{width:40px;height:40px;border-radius:2px}.rich-text-crop-preview.contain:before{width:25px;height:25px;border-radius:2px}.rich-text-crop-preview.fill:before{width:60px;height:40px;border-radius:2px}.rich-text-crop-preview.scale-down:before{width:20px;height:20px;border-radius:2px}.rich-text-crop-preview.none:before{width:35px;height:25px;border-radius:2px}.rich-text-crop-option span{font-size:12px;font-weight:500;color:#374151}.dark .rich-text-crop-option span{color:#d1d5db}.rich-text-html-view{border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;margin-top:8px}.dark .rich-text-html-view{border-color:#374151;background:#1f2937}.rich-text-html-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#f3f4f6;border-radius:8px 8px 0 0}.dark .rich-text-html-header{border-bottom-color:#374151;background:#374151}.rich-text-html-header h4{margin:0;font-size:14px;font-weight:600;color:#374151}.dark .rich-text-html-header h4{color:#f9fafb}.rich-text-html-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.rich-text-html-close:hover{background:rgba(0,0,0,.05);color:#374151}.dark .rich-text-html-close{color:#9ca3af}.dark .rich-text-html-close:hover{background:rgba(255,255,255,.05);color:#d1d5db}.rich-text-html-textarea{width:100%;min-height:300px;padding:16px;border:none;background:transparent;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.5;color:#1f2937;resize:vertical;outline:none}.dark .rich-text-html-textarea{color:#f9fafb}.rich-text-html-textarea::-moz-placeholder{color:#9ca3af}.rich-text-html-textarea::placeholder{color:#9ca3af}.dark .rich-text-html-textarea::-moz-placeholder{color:#6b7280}.dark .rich-text-html-textarea::placeholder{color:#6b7280}.rich-text-paste-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:overlayFadeIn .2s ease-out}.rich-text-paste-dialog{background:white;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:90%;max-height:80vh;overflow:hidden;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}.dark .rich-text-paste-dialog{background:#1f2937;border:1px solid rgba(255,255,255,.1)}.rich-text-paste-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.1)}.dark .rich-text-paste-header{border-bottom-color:#ffffff1a}.rich-text-paste-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.dark .rich-text-paste-header h3{color:#f9fafb}.rich-text-paste-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.rich-text-paste-close:hover{background:rgba(0,0,0,.05);color:#374151}.dark .rich-text-paste-close{color:#9ca3af}.dark .rich-text-paste-close:hover{background:rgba(255,255,255,.05);color:#d1d5db}.rich-text-paste-content{padding:24px}.rich-text-paste-content p{margin:0 0 16px;color:#6b7280;font-size:14px}.dark .rich-text-paste-content p{color:#9ca3af}.rich-text-paste-textarea{width:100%;min-height:200px;padding:12px;border:1px solid #d1d5db;border-radius:8px;background:#f9fafb;font-family:inherit;font-size:14px;line-height:1.5;color:#1f2937;resize:vertical;outline:none;transition:border-color .2s ease}.rich-text-paste-textarea:focus{border-color:#667eea;background:white}.dark .rich-text-paste-textarea{border-color:#4b5563;background:#374151;color:#f9fafb}.dark .rich-text-paste-textarea:focus{border-color:#a855f7;background:#1f2937}.rich-text-paste-textarea::-moz-placeholder{color:#9ca3af}.rich-text-paste-textarea::placeholder{color:#9ca3af}.dark .rich-text-paste-textarea::-moz-placeholder{color:#6b7280}.dark .rich-text-paste-textarea::placeholder{color:#6b7280}.rich-text-paste-info{margin-top:16px;padding:12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.dark .rich-text-paste-info{background:rgba(59,130,246,.1);border-color:#3b82f64d}.rich-text-paste-info p{margin:0 0 8px;font-size:12px;font-weight:500;color:#0369a1}.dark .rich-text-paste-info p{color:#93c5fd}.rich-text-paste-info ul{margin:0;padding-left:16px;font-size:12px;color:#0369a1}.dark .rich-text-paste-info ul{color:#93c5fd}.rich-text-paste-info li{margin-bottom:4px}.rich-text-paste-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(0,0,0,.1)}.dark .rich-text-paste-footer{border-top-color:#ffffff1a}.rich-text-paste-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.rich-text-paste-button:disabled{opacity:.5;cursor:not-allowed}.rich-text-paste-button-secondary{background:#f3f4f6;color:#374151}.rich-text-paste-button-secondary:hover:not(:disabled){background:#e5e7eb}.dark .rich-text-paste-button-secondary{background:#374151;color:#d1d5db}.dark .rich-text-paste-button-secondary:hover:not(:disabled){background:#4b5563}.rich-text-paste-button-primary{background:#667eea;color:#fff}.rich-text-paste-button-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.dark .rich-text-paste-button-primary{background:#a855f7}.dark .rich-text-paste-button-primary:hover:not(:disabled){background:#9333ea}:root{--modal-bg: rgba(255, 255, 255, .95);--modal-border: rgba(0, 0, 0, .08);--modal-surface: rgba(255, 255, 255, .6);--text-primary: #0f172a;--text-muted: #475569;--accent: #6366f1;--accent-2: #a855f7}.dark{--modal-bg: rgba(17, 24, 39, .98);--modal-border: rgba(255, 255, 255, .12);--modal-surface: rgba(17, 24, 39, .8);--text-primary: rgba(255,255,255,.95);--text-muted: rgba(255,255,255,.7);--accent: #a855f7;--accent-2: #3b82f6}.create-post-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:modalFadeIn .3s cubic-bezier(.4,0,.2,1)}.create-post-modal-container{background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:20px;box-shadow:0 20px 60px #00000059;max-width:90vw;max-height:90vh;width:1200px;height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1)}.create-post-modal-header{padding:18px 24px;border-bottom:1px solid var(--modal-border);background:var(--modal-surface);display:flex;align-items:center;justify-content:space-between;position:relative}.create-post-modal-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.create-post-modal-close{background:transparent;border:none;border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.create-post-modal-close:hover{background:rgba(0,0,0,.06);transform:scale(1.05)}.create-post-modal-content,.create-post-modal-form{flex:1;overflow:hidden;display:flex;flex-direction:column}.create-post-modal-body{flex:1;overflow:hidden;padding:0;min-height:0;display:flex;flex-direction:column}.create-post-tabs{width:100%;height:100%;display:flex;flex-direction:column}.create-post-tabs-list{display:flex;gap:12px;padding:12px 24px 0;border-bottom:1px solid var(--modal-border)}.create-post-tabs-trigger{background:transparent;border:none;padding:12px 10px;font-weight:600;font-size:.9rem;color:var(--text-muted);cursor:pointer;transition:color .2s ease;position:relative}.create-post-tabs-trigger[data-state=active]{color:var(--accent)}.create-post-tabs-trigger[data-state=active]:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:2px}.dark .create-post-tabs-trigger{color:#fff9}.create-post-tabs-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:32px;background:rgba(255,255,255,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-height:0}.dark .create-post-tabs-content{background:rgba(17,24,39,.5)}.create-post-tabs-panel{animation:tabFadeIn .3s cubic-bezier(.4,0,.2,1)}.create-post-field{margin-bottom:24px}.create-post-label{display:block;font-weight:600;font-size:.875rem;color:#000c;margin-bottom:8px;transition:color .2s ease}.dark .create-post-label{color:#fffc}.create-post-input,.create-post-textarea,.create-post-select{width:100%;padding:16px 20px;border:2px solid rgba(0,0,0,.1);border-radius:16px;font-size:.875rem;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #0000000d}.create-post-input:focus,.create-post-textarea:focus,.create-post-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 20px #0000001a;transform:translateY(-2px)}.dark .create-post-input,.dark .create-post-textarea,.dark .create-post-select{border-color:#fff3;background:rgba(17,24,39,.8);color:#ffffffe6}.dark .create-post-input:focus,.dark .create-post-textarea:focus,.dark .create-post-select:focus{border-color:#a855f7;box-shadow:0 0 0 4px #a855f71a,0 4px 20px #0000004d}.create-post-textarea{resize:vertical;min-height:120px}.create-post-tag-input-group{display:flex;gap:12px;margin-bottom:16px}.create-post-tag-input{flex:1}.create-post-tag-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;padding:16px 20px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #667eea4d}.create-post-tag-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.create-post-tags-container{display:flex;flex-wrap:wrap;gap:8px}.create-post-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border:1px solid rgba(102,126,234,.2);border-radius:20px;font-size:.75rem;font-weight:600;color:#667eea;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s cubic-bezier(.4,0,.2,1);animation:tagSlideIn .3s cubic-bezier(.4,0,.2,1)}.create-post-tag:hover{transform:scale(1.05);box-shadow:0 4px 15px #667eea33}.create-post-tag-remove{background:none;border:none;color:#667eea;cursor:pointer;padding:2px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.create-post-tag-remove:hover{background:rgba(102,126,234,.1);color:#ef4444;transform:scale(1.1)}.create-post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.create-post-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.create-post-checkbox-group{display:flex;align-items:center;gap:12px;padding:16px 20px;background:rgba(255,255,255,.5);border-radius:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease}.create-post-checkbox-group:hover{background:rgba(255,255,255,.7);transform:translateY(-1px)}.dark .create-post-checkbox-group{background:rgba(17,24,39,.5)}.dark .create-post-checkbox-group:hover{background:rgba(17,24,39,.7)}.create-post-checkbox{width:20px;height:20px;border-radius:6px;border:2px solid rgba(102,126,234,.3);background:rgba(255,255,255,.8);cursor:pointer;transition:all .2s ease;position:relative}.create-post-checkbox:checked{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea}.create-post-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:12px}.create-post-stats{display:flex;gap:16px;margin-top:8px;font-size:.75rem;color:#0009}.dark .create-post-stats{color:#fff9}.create-post-stat{display:flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(102,126,234,.1);border-radius:8px;font-weight:600}.create-post-modal-footer{padding:16px 24px;border-top:1px solid var(--modal-border);background:var(--modal-surface);display:flex;align-items:center;justify-content:flex-end;gap:16px;position:sticky;bottom:0}.create-post-button{padding:12px 24px;border:none;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;position:relative;overflow:hidden}.create-post-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.create-post-button:hover:before{left:100%}.create-post-button-secondary{background:rgba(0,0,0,.1);color:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.create-post-button-secondary:hover{background:rgba(0,0,0,.2);transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.create-post-button-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 15px #667eea4d}.create-post-button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.dark .create-post-button-secondary{background:rgba(255,255,255,.08);color:#ffffffeb}.dark .create-post-button-secondary:hover{background:rgba(255,255,255,.16)}.dark .create-post-tabs-trigger[data-state=active]{background:rgba(17,24,39,.9);color:#a855f7;box-shadow:0 -4px 20px #a855f71a}.create-post-button-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 4px 15px #ef44444d}.create-post-button-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.dark .create-post-button-danger{background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);box-shadow:0 4px 15px #f871714d}.dark .create-post-button-danger:hover{box-shadow:0 8px 25px #f8717166}.create-post-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.create-post-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tagSlideIn{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.create-post-modal-container{width:95vw;max-height:95vh;border-radius:16px}.create-post-modal-header{padding:20px 24px}.create-post-tabs-list{padding:20px 24px 0;grid-template-columns:repeat(2,1fr)}.create-post-tabs-content{padding:24px}.create-post-grid,.create-post-grid-2{grid-template-columns:1fr;gap:16px}.create-post-modal-footer{padding:20px 24px;flex-direction:column}.create-post-button{width:100%;justify-content:center}}@media (max-width: 480px){.create-post-tabs-list{grid-template-columns:1fr}.create-post-tabs-trigger{border-radius:12px}}.badge{display:inline-flex;align-items:center;border-radius:9999px;border:1px solid transparent;font-weight:600;transition:all .15s ease;white-space:nowrap}.badge-default{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.badge-default:hover{background-color:var(--primary-hover)}.badge-secondary:hover{background-color:var(--secondary-hover)}.badge-destructive{background-color:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)}.badge-destructive:hover{background-color:var(--destructive-hover)}.badge-outline{background-color:var(--background);color:var(--foreground);border-color:var(--input)}.badge-outline:hover{background-color:var(--accent);color:var(--accent-foreground)}.badge-success{background-color:var(--success-color);color:var(--success-foreground);border-color:var(--success-color)}.badge-success:hover{background-color:var(--success-hover)}.badge-premium{background:linear-gradient(135deg,var(--warning),var(--warning-hover));color:var(--warning-foreground);border-color:var(--warning);font-weight:700}.badge-premium:hover{background:linear-gradient(135deg,var(--warning-hover),var(--warning))}.badge-sm{padding:.125rem .375rem;font-size:.75rem;line-height:1rem}.badge-default{padding:.25rem .625rem;font-size:.75rem;line-height:1rem}.badge-lg{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}.badge:focus-visible{outline:2px solid var(--ring);outline-offset:2px}[data-theme=dark] .badge-secondary:hover{background-color:var(--secondary-hover)}[data-theme=dark] .badge-outline:hover{background-color:var(--accent)}.post-card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:all var(--transition-fast);cursor:pointer;box-shadow:var(--shadow-sm);will-change:transform}.post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (min-width: 768px){.post-card{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}}.post-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.post-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--primary);color:var(--primary-foreground);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.post-author{flex:1;min-width:0}.post-author-name{font-size:.875rem;font-weight:600;color:var(--foreground);margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.badge{font-size:.625rem;padding:.125rem .375rem;border-radius:6px;font-weight:500}.badge-primary{background-color:var(--primary);color:var(--primary-foreground)}.post-meta{font-size:.75rem;color:var(--muted-foreground)}.post-title-container{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.post-title{font-size:1.125rem;font-weight:600;color:var(--foreground);line-height:1.4;margin:0}.premium-badge{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.post-text{font-size:.875rem;color:var(--foreground);line-height:1.6;margin-bottom:.75rem}.read-more-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-weight:500;padding:0;margin-left:.5rem;text-decoration:underline;transition:color .2s}.read-more-btn:hover{color:var(--primary-hover)}.post-content-preview{line-height:1.6}.post-content-preview h1,.post-content-preview h2,.post-content-preview h3,.post-text h1,.post-text h2,.post-text h3,.post-content h1,.post-content h2,.post-content h3{font-size:1rem;line-height:1.5;margin:0 0 6px}.post-actions{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}.post-action{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:none;border:none;color:var(--muted-foreground);cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:.875rem}.post-action:hover{background-color:var(--muted);color:var(--foreground)}.post-action.liked{color:var(--destructive)}.post-action.liked:hover{color:var(--destructive-hover)}.post-author-actions{display:flex;align-items:center;gap:.5rem}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.post-tag{background-color:var(--muted);color:var(--muted-foreground);padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500}.post-premium-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;margin-left:.5rem}.modal-overlay{position:fixed!important;inset:0!important;background-color:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;width:100vw!important;height:100vh!important}.modal-container{background-color:#fff!important;border-radius:12px!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;max-width:500px!important;width:90%!important;max-height:90vh!important;overflow-y:auto!important;border:1px solid #e5e7eb!important;z-index:9999!important;position:relative!important;transform:none!important;opacity:1!important;visibility:visible!important}.modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:1.5rem 1.5rem 1rem!important;border-bottom:1px solid #e5e7eb!important;background-color:#fff!important;z-index:9999!important}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background-color:#f3f4f6;color:#111827}.modal-body{padding:1rem 1.5rem!important;background-color:#fff!important;z-index:9999!important}.modal-body p{margin:0 0 1rem;color:#111827;line-height:1.6}.modal-body p:last-child{margin-bottom:0}.modal-footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.75rem!important;padding:1rem 1.5rem 1.5rem!important;border-top:1px solid #e5e7eb!important;background-color:#fff!important;z-index:9999!important}.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:.75rem 1.5rem!important;border-radius:6px!important;font-weight:500!important;font-size:.875rem!important;border:none!important;cursor:pointer!important;transition:all .2s ease!important;text-decoration:none!important;z-index:9999!important}.btn-secondary{background-color:#f3f4f6;color:#374151}.btn-secondary:hover{background-color:#e5e7eb;color:#111827}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover{background-color:#b91c1c}@media (max-width: 768px){.post-card{padding:1rem}.post-header{gap:.625rem;margin-bottom:.875rem}.post-avatar{width:2.25rem;height:2.25rem;font-size:.8rem}.post-author-name{font-size:.8rem;gap:.375rem}.badge{font-size:.6rem;padding:.1rem .25rem}.post-meta{font-size:.7rem}.post-title{font-size:1rem;margin-bottom:.625rem}.post-text{font-size:.8rem;margin-bottom:.625rem}.read-more-btn{font-size:.8rem;margin-left:.375rem}.post-actions{padding-top:.875rem}.post-action{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.375rem;font-size:.8rem;min-height:2.25rem;flex-shrink:0}.post-action svg{width:.875rem;height:.875rem}.post-action span{font-size:.8rem}.post-author-actions{gap:.375rem}}@media (max-width: 480px){.post-card{padding:.875rem}.post-header{gap:.5rem;margin-bottom:.75rem}.post-avatar{width:2rem;height:2rem;font-size:.75rem}.post-author-name{font-size:.75rem;gap:.375rem}.badge{font-size:.6rem;padding:.1rem .25rem}.post-meta{font-size:.65rem}.post-title{font-size:.95rem;margin-bottom:.5rem}.post-text{font-size:.75rem;margin-bottom:.5rem}.read-more-btn{font-size:.75rem;margin-left:.375rem}.post-actions{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;padding-top:.5rem;flex-wrap:wrap}.post-action{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .375rem;font-size:.75rem;min-height:2rem;flex-shrink:0}.post-action svg{width:.8rem;height:.8rem}.post-action span{font-size:.75rem}.post-author-actions{gap:.375rem}.modal-container{width:95%;margin:1rem}.modal-header{padding:1rem 1rem .75rem}.modal-body{padding:.75rem 1rem}.modal-footer{padding:.75rem 1rem 1rem;flex-direction:column}.btn{width:100%;justify-content:center}}.input{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:.375rem;background-color:var(--input-bg);color:var(--foreground);font-size:.875rem;transition:all var(--transition-duration, .15s) var(--transition-timing, ease);font-family:inherit}.input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px var(--primary-color-alpha)}.input:disabled{opacity:.5;cursor:not-allowed}.input::-moz-placeholder{color:var(--muted-foreground)}.input::placeholder{color:var(--muted-foreground)}.input-sm{padding:.25rem .5rem;font-size:.75rem;height:2rem}.input-default{padding:.5rem .75rem;font-size:.875rem;height:2.5rem}.input-lg{padding:.75rem 1rem;font-size:1rem;height:3rem}.input-error{border-color:var(--destructive)}.input-error:focus{border-color:var(--destructive);box-shadow:0 0 0 2px #ef444433}.input-success{border-color:#10b981}.input-success:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}.input-with-icon{padding-left:2.5rem}.input-with-icon-right{padding-right:2.5rem}.input-group{display:flex;align-items:center;position:relative}.input-group .input{border-radius:0}.input-group .input:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.input-group .input:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.input-group .input:not(:first-child):not(:last-child){border-radius:0}.input-group .input:not(:last-child){border-right:0}@media (max-width: 640px){.input{font-size:.875rem;padding:.5rem .75rem}}.home-page{min-height:100vh;background-color:var(--background);padding-top:0}.container{width:100%;max-width:100%;margin:0 auto;padding:0;box-sizing:border-box}.content-wrapper{width:100%;max-width:1400px;margin:0 auto;padding:0 1rem;box-sizing:border-box}@media (min-width: 640px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 1024px){.content-wrapper{padding:0 2rem}}@media (min-width: 1280px){.content-wrapper{max-width:1500px}}@media (min-width: 1536px){.content-wrapper{max-width:1600px}}.hero-section{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;padding:1.5rem 0;text-align:center;margin-top:.5rem}.hero-content{max-width:48rem;margin:0 auto}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.hero-description{font-size:1.25rem;opacity:.9;line-height:1.6;max-width:40rem;margin:0 auto}.content-layout{display:flex;flex-direction:column;gap:2rem;padding:2rem 0;position:relative;z-index:var(--z-content);width:100%;box-sizing:border-box}@media (min-width: 1024px){.content-layout{flex-direction:row;gap:3rem;padding:3rem 0}}@media (min-width: 1024px){.sidebar{display:block!important;visibility:visible!important;flex:0 0 33.333%;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 12px #0000000f;padding:1.25rem;margin:0;position:static!important;height:auto!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;box-sizing:border-box;align-self:flex-start}}.main-content{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}@media (min-width: 1024px){.main-content{flex:1!important;align-self:flex-start}}.sidebar-section{margin-bottom:1.5rem;opacity:1!important;visibility:visible!important}.sidebar-section:last-child{margin-bottom:0}.sidebar-title{display:flex!important;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--foreground);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em;opacity:1!important;visibility:visible!important}.sidebar-title-icon{width:1.125rem;height:1.125rem;color:var(--primary);opacity:.9}.sidebar-categories{display:flex!important;flex-direction:column;gap:.5rem;opacity:1!important;visibility:visible!important}.sidebar-category-button{display:flex!important;align-items:center;gap:.75rem;padding:.75rem .875rem;border-radius:8px;background:var(--card);border:1px solid var(--border);color:var(--foreground);cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:.875rem;font-weight:500;opacity:1!important;visibility:visible!important}.sidebar-category-button:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-foreground);transform:translate(2px);box-shadow:0 4px 12px #00000026}.sidebar-category-button[data-state=active]{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);box-shadow:0 2px 8px #007bff4d}.sidebar-category-icon{width:1.25rem;height:1.25rem;flex-shrink:0;opacity:.8}.sidebar-category-content{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0}.sidebar-category-label{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.025em}.sidebar-category-badge{background:var(--muted);color:var(--muted-foreground);padding:.25rem .5rem;border-radius:20px;font-size:.75rem;font-weight:600;flex-shrink:0;border:1px solid var(--border)}.sidebar-category-button[data-state=active] .sidebar-category-badge{background:var(--primary-foreground);color:var(--primary);border-color:var(--primary-foreground)}.sidebar-filters{display:flex!important;flex-direction:column;gap:2rem;opacity:1!important;visibility:visible!important}.sidebar-filter-group{display:flex!important;flex-direction:column;gap:1rem;opacity:1!important;visibility:visible!important}.sidebar-filter-title{display:flex;align-items:center;gap:.625rem;font-size:.875rem;font-weight:600;color:var(--foreground);margin-bottom:.5rem}.sidebar-filter-title-icon{width:1rem;height:1rem;color:var(--muted-foreground);opacity:.8}.sidebar-sort-options,.sidebar-filter-options{display:flex!important;flex-direction:column;gap:.5rem;opacity:1!important;visibility:visible!important}.sidebar-sort-option,.sidebar-filter-option{display:flex!important;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:6px;background:var(--card);border:1px solid var(--border);color:var(--foreground);cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:.8125rem;font-weight:500;opacity:1!important;visibility:visible!important}.sidebar-sort-option:hover,.sidebar-filter-option:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-foreground);transform:translate(2px);box-shadow:0 4px 12px #00000026}.sidebar-sort-option[data-state=active],.sidebar-filter-option[data-state=active]{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);box-shadow:0 2px 8px #007bff4d}.sidebar-sort-icon{width:1rem;height:1rem;flex-shrink:0;opacity:.8}.sidebar-sort-content{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.sidebar-sort-label{font-weight:600;font-size:.875rem;letter-spacing:.025em}.sidebar-sort-description{font-size:.75rem;opacity:.7;font-weight:400;line-height:1.2}.create-post-section{margin-bottom:2rem;position:relative;z-index:var(--z-content);width:100%;max-width:100%;box-sizing:border-box}.create-post-button{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border:none;width:100%;padding:1rem 2rem;font-size:1.125rem;font-weight:600;color:#fff;border-radius:12px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;position:relative;z-index:var(--z-content);box-sizing:border-box;max-width:100%}.create-post-button:hover{background:linear-gradient(135deg,var(--accent) 0%,var(--primary) 100%);transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf633}.button-icon{width:1.25rem;height:1.25rem}.filters-section{margin-bottom:2rem;position:relative;z-index:var(--z-content);width:100%;max-width:100%;box-sizing:border-box}.filters-header{margin-bottom:1rem}.filters-toggle{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-radius:8px;font-weight:500;font-size:.95rem;transition:all .2s ease;background:var(--background);border:1px solid var(--border);color:var(--foreground);cursor:pointer;width:100%;max-width:100%;box-sizing:border-box}.filters-toggle:hover{background:var(--muted);border-color:var(--primary)}.filter-icon{width:1rem;height:1rem}.filter-badge{margin-left:.5rem;font-size:.75rem;padding:.125rem .375rem;border-radius:8px;background:var(--muted);color:var(--foreground);font-weight:600}.chevron-icon{width:1rem;height:1rem;margin-left:auto;transition:transform .2s ease}.filters-panel{background:var(--muted);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-top:.75rem;animation:slideDown .3s ease-out;position:relative;z-index:var(--z-content);width:100%;max-width:100%;box-sizing:border-box}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.filter-group{display:flex;flex-direction:column;gap:1rem}.filter-title{font-size:1rem;font-weight:600;color:var(--foreground);display:flex;align-items:center;gap:.5rem;margin:0}.filter-group-icon{width:1rem;height:1rem;color:var(--primary)}.sort-options{display:flex;flex-direction:column;gap:.5rem}.sort-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;transition:all .2s ease;text-align:left;width:100%}.sort-option:hover{background:var(--muted);transform:translateY(-1px)}.sort-option[data-state=active]{background:var(--primary);color:#fff}.sort-icon{width:1rem;height:1rem;flex-shrink:0}.sort-content{display:flex;flex-direction:column;gap:.125rem;flex:1}.sort-label{font-weight:500;font-size:.9rem}.sort-description{font-size:.75rem;opacity:.7}.filter-options{display:flex;flex-direction:column;gap:.5rem}.filter-option{padding:.75rem 1rem;border-radius:8px;font-size:.9rem;transition:all .2s ease;text-align:left;width:100%}.filter-option:hover{background:var(--muted);transform:translateY(-1px)}.filter-option[data-state=active]{background:var(--primary);color:#fff}.categories-section{margin-bottom:2rem;width:100%;max-width:100%;box-sizing:border-box;position:relative;z-index:var(--z-content)}.categories-container{position:relative;width:100%;max-width:100%;box-sizing:border-box}.categories-scroll{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:none;-ms-overflow-style:none;width:100%;max-width:100%;box-sizing:border-box}.categories-scroll::-webkit-scrollbar{display:none}.category-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .2s ease;white-space:nowrap;flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content;position:relative;z-index:var(--z-content)}.category-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.category-button[data-state=active]{background:var(--primary);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.category-icon{width:1rem;height:1rem;flex-shrink:0}.category-label{font-weight:500}.category-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:12px;background:var(--muted);color:var(--muted-foreground);font-weight:600;min-width:1.5rem;text-align:center;display:flex;align-items:center;justify-content:center;line-height:1;border:1px solid var(--border);transition:all .2s ease}.category-button[data-state=active] .category-badge{background:var(--primary-foreground);color:var(--primary);border-color:var(--primary-foreground)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;position:relative;z-index:var(--z-content);width:100%;box-sizing:border-box}@media (min-width: 1024px){.posts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2.5rem}}@media (min-width: 1280px){.posts-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.25rem}}@media (min-width: 1536px){.posts-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2.5rem}}@media (max-width: 1023px){.posts-grid{grid-template-columns:1fr!important;gap:1rem;margin-top:1.5rem}.sidebar{display:none!important}.content-layout{grid-template-columns:1fr!important;gap:1.5rem;padding:1.5rem 0}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin-bottom:1.5rem}.loading-icon{width:2.5rem;height:2.5rem;color:var(--primary);animation:spin 1s linear infinite}.loading-text{font-size:1.125rem;color:var(--muted-foreground);font-weight:500}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.error-icon{font-size:3rem;margin-bottom:1rem}.error-title{font-size:1.5rem;font-weight:600;color:var(--foreground);margin-bottom:.5rem}.error-message{color:var(--muted-foreground);margin-bottom:2rem;max-width:24rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;grid-column:1 / -1}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-title{font-size:1.5rem;font-weight:600;color:var(--foreground);margin-bottom:.5rem}.empty-description{color:var(--muted-foreground);max-width:24rem}.sidebar{display:none}.sidebar-section{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border);width:100%;max-width:100%;box-sizing:border-box}.sidebar-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.sidebar-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary);display:flex;align-items:center;gap:.5rem;width:100%;max-width:100%;box-sizing:border-box}.sidebar-title-icon{width:1.25rem;height:1.25rem;color:var(--primary)}.sidebar-categories{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--muted);border-radius:8px;border:1px solid var(--border)}.sidebar-category-button{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:8px;font-size:.95rem;font-weight:500;transition:all .2s ease;background:transparent;border:none;color:var(--foreground);cursor:pointer;width:100%;text-align:left;position:relative;z-index:var(--z-content)}.sidebar-category-button:hover{background:var(--muted);transform:translateY(-1px)}.sidebar-category-button[data-state=active]{background:var(--primary);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.sidebar-category-icon{width:1.125rem;height:1.125rem;flex-shrink:0}.sidebar-category-content{display:flex;align-items:center;justify-content:space-between;flex:1}.sidebar-category-label{font-weight:500}.sidebar-category-badge{font-size:.75rem;padding:.125rem .375rem;border-radius:6px;background:rgba(255,255,255,.2);color:inherit;font-weight:600;min-width:1.5rem;text-align:center;display:flex;align-items:center;justify-content:center;line-height:1}.sidebar-filters{display:flex;flex-direction:column;gap:2rem;position:relative;z-index:var(--z-content)}.sidebar-filter-group{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--muted);border-radius:8px;border:1px solid var(--border)}.sidebar-filter-title{font-size:1rem;font-weight:600;color:var(--foreground);display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.sidebar-filter-title-icon{width:1rem;height:1rem;color:var(--primary)}.sidebar-filter-options{display:flex;flex-direction:column;gap:.5rem}.sidebar-filter-option{padding:.625rem .875rem;border-radius:6px;font-size:.875rem;transition:all .2s ease;background:transparent;border:none;color:var(--foreground);cursor:pointer;text-align:left;width:100%}.sidebar-filter-option:hover{background:var(--muted)}.sidebar-filter-option[data-state=active]{background:var(--primary);color:#fff}.sidebar-sort-options{display:flex;flex-direction:column;gap:.5rem}.sidebar-sort-option{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:6px;font-size:.875rem;transition:all .2s ease;background:transparent;border:none;color:var(--foreground);cursor:pointer;text-align:left;width:100%}.sidebar-sort-option:hover{background:var(--muted)}.sidebar-sort-option[data-state=active]{background:var(--primary);color:#fff}.sidebar-sort-icon{width:1rem;height:1rem;flex-shrink:0}.sidebar-sort-content{display:flex;flex-direction:column;gap:.125rem;flex:1}.sidebar-sort-label{font-weight:500;font-size:.875rem}.sidebar-sort-description{font-size:.75rem;opacity:.7}@media (max-width: 1023px){.hero-title{font-size:2.5rem}.hero-description{font-size:1.125rem}.categories-scroll{gap:.5rem}.category-button{padding:.625rem .875rem;font-size:.875rem}.category-icon{width:.875rem;height:.875rem}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.filters-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 768px){.sidebar{display:none!important}.container{padding:0 .75rem;max-width:100%}.hero-section{padding:2rem 0}.hero-title{font-size:2rem;line-height:1.3}.hero-description{font-size:1rem;line-height:1.5}.content-layout{padding:1rem 0;gap:1rem;grid-template-columns:1fr!important}.create-post-section{margin-bottom:1.5rem}.create-post-button{padding:.875rem 1.5rem;font-size:1rem;width:100%;max-width:100%;box-sizing:border-box}.search-section{margin-bottom:1.5rem}.search-container{max-width:none}.search-input{font-size:1rem;padding:.875rem 1rem .875rem 2.75rem}.filters-section{margin-bottom:1.5rem}.filters-header{margin-bottom:.75rem}.filters-toggle{padding:.75rem 1rem;font-size:.875rem}.filters-panel{padding:1rem}.filters-grid{grid-template-columns:1fr;gap:1rem}.filter-group{gap:.75rem}.filter-title{font-size:.95rem}.sort-option{padding:.625rem .875rem;font-size:.875rem}.sort-icon{width:.875rem;height:.875rem}.sort-label{font-size:.875rem}.sort-description{font-size:.7rem}.filter-option{padding:.625rem .875rem;font-size:.875rem}.categories-section{margin-bottom:1.5rem}.categories-container{position:relative}.categories-scroll{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:none;-ms-overflow-style:none}.categories-scroll::-webkit-scrollbar{display:none}.category-button{padding:.625rem .875rem;font-size:.8rem;min-height:44px;flex-shrink:0;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.category-icon{width:.875rem;height:.875rem}.category-badge{font-size:.7rem;padding:.1rem .25rem}.posts-grid{grid-template-columns:1fr!important;gap:1rem;margin-top:1rem}.loading-container,.error-container,.empty-state{padding:3rem 1rem}.loading-icon,.error-icon,.empty-icon{font-size:2.5rem}.loading-text,.error-title,.empty-title{font-size:1.25rem}.error-message,.empty-description{font-size:.95rem}}@media (max-width: 480px){.hero-title{font-size:1.75rem}.hero-description{font-size:.95rem}.hero-section{padding:1.5rem 0}.content-layout{padding:1rem 0}.create-post-button{padding:.75rem 1.25rem;font-size:.95rem;width:100%;max-width:100%;box-sizing:border-box}.search-input{font-size:.95rem;padding:.75rem 1rem .75rem 2.5rem}.filters-toggle{padding:.625rem .875rem;font-size:.8rem}.filters-panel{padding:.875rem}.filters-grid{gap:.75rem}.filter-group{gap:.5rem}.filter-title{font-size:.9rem}.sort-option{padding:.5rem .75rem;font-size:.8rem}.sort-content{gap:.1rem}.sort-label{font-size:.8rem}.sort-description{font-size:.65rem}.categories-scroll{display:flex;gap:.375rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:none;-ms-overflow-style:none}.categories-scroll::-webkit-scrollbar{display:none}.category-button{padding:.5rem .75rem;font-size:.75rem;min-height:40px;flex-shrink:0;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.category-icon{width:.75rem;height:.75rem}.category-badge{font-size:.65rem;padding:.075rem .2rem;border-radius:6px;background:rgba(255,255,255,.2);color:inherit;font-weight:600;min-width:1.5rem;text-align:center;display:flex;align-items:center;justify-content:center;line-height:1}.posts-grid{gap:.875rem;width:100%;max-width:100%}}.auth-page{min-height:100vh;background:linear-gradient(135deg,var(--primary-alpha-10) 0%,var(--secondary-alpha-10) 50%,var(--info-alpha-10) 100%);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);position:relative;overflow-x:hidden}.auth-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,var(--primary-alpha-10) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--secondary-alpha-10) 0%,transparent 50%);pointer-events:none}.auth-container{width:100%;position:relative;z-index:var(--z-content)}.auth-container.small{max-width:400px}.auth-container.medium{max-width:500px}.auth-card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-xl);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-normal)}.auth-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-2px)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-title{font-size:2rem;font-weight:700;color:var(--foreground);margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,var(--primary) 0%,var(--info) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:var(--muted-foreground);font-size:.875rem;line-height:1.5;margin-bottom:0}.auth-subtitle strong{color:var(--foreground);font-weight:600}.success-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto var(--spacing-md) auto;background:linear-gradient(135deg,var(--success) 0%,var(--info) 100%);border-radius:50%;color:#fff}.alert-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto var(--spacing-md) auto;background:linear-gradient(135deg,var(--warning) 0%,var(--info) 100%);border-radius:50%;color:#fff}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-weight:500;color:var(--foreground);font-size:.875rem;display:flex;align-items:center;gap:var(--spacing-xs)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--background);color:var(--foreground);font-size:.875rem;transition:all var(--transition-normal);outline:none}.form-input:focus{border-color:var(--ring);box-shadow:0 0 0 2px var(--primary-alpha-20)}.form-input::-moz-placeholder{color:var(--muted-foreground)}.form-input::placeholder{color:var(--muted-foreground)}.input-group{display:flex;gap:var(--spacing-xs);align-items:stretch}.input-group .form-input{flex:1}.input-group-button{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;min-width:80px;display:flex;align-items:center;justify-content:center}.input-group-button:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--ring)}.input-group-button:disabled{opacity:.5;cursor:not-allowed}.password-input-container{position:relative}.password-input{padding-right:3rem}.password-toggle{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted-foreground);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:var(--foreground);background-color:var(--hover-bg)}.validation-message{font-size:.75rem;margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.validation-message.success{color:var(--success)}.validation-message.error{color:var(--destructive)}.validation-message.info{color:var(--muted-foreground)}.code-validation{margin-top:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-md);font-size:.875rem;border:1px solid;display:flex;flex-direction:column;gap:var(--spacing-xs)}.code-validation.valid{background-color:var(--success-alpha-10);border-color:var(--success);color:var(--success-foreground)}.code-validation.invalid{background-color:var(--destructive-alpha-10);border-color:var(--destructive);color:var(--destructive-foreground)}.code-validation-details{font-size:.75rem;opacity:.8}.error-message{padding:var(--spacing-sm);background-color:var(--destructive);color:var(--destructive-foreground);border-radius:var(--radius-md);font-size:.875rem;border:1px solid var(--destructive);display:flex;align-items:center;gap:var(--spacing-xs)}.error-message:before{content:"⚠️";flex-shrink:0}.auth-submit{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--primary) 0%,var(--info) 100%);color:var(--primary-foreground);border:none;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-height:44px}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-submit.secondary{background:var(--muted);color:var(--muted-foreground)}.auth-submit.secondary:disabled{background:var(--muted);color:var(--muted-foreground)}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.auth-links{text-align:center;margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-link{color:var(--primary);text-decoration:none;font-weight:500;transition:color var(--transition-normal)}.auth-link:hover{color:var(--ring);text-decoration:underline}.auth-text{color:var(--muted-foreground);font-size:.875rem}.forgot-password-link{color:var(--muted-foreground);text-decoration:none;font-size:.75rem;transition:color var(--transition-normal)}.forgot-password-link:hover{color:var(--primary);text-decoration:underline}.auth-actions{display:flex;justify-content:center;margin-bottom:var(--spacing-xl)}.back-to-login{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--muted-foreground);text-decoration:none;font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-normal)}.back-to-login:hover{color:var(--primary);background-color:var(--hover-bg)}.info-box{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;color:var(--muted-foreground)}.info-box strong{color:var(--foreground)}.info-box h3{color:var(--foreground);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm)}.info-box ul{margin:0;padding-left:var(--spacing-md);color:var(--muted-foreground)}.info-box li{margin-bottom:var(--spacing-xs);line-height:1.5}.discord-support{background-color:var(--info-alpha-10);border:1px solid var(--info);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center}.discord-support h4{color:#5865f2;font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-md);margin-top:var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.discord-support p{color:var(--muted-foreground);font-size:.875rem;line-height:1.5;margin-bottom:var(--spacing-md)}.discord-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#5865F2 0%,#7289DA 100%);color:#fff;text-decoration:none;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;transition:all var(--transition-normal);box-shadow:var(--shadow-lg);border:none;cursor:pointer;width:100%;min-height:48px;position:relative;overflow:hidden}.discord-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.discord-link:hover:before{left:100%}.discord-link:hover{background:linear-gradient(135deg,#4752C4 0%,#5865F2 100%);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.discord-link:active{transform:translateY(0);box-shadow:var(--shadow-md)}.discord-icon{width:20px;height:20px;fill:currentColor}.discord-support{background:linear-gradient(135deg,var(--info-alpha-10) 0%,rgba(88,101,242,.05) 100%);border:2px solid #5865F2;border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;position:relative;margin:var(--spacing-lg) 0}.discord-support:before{content:"🎮";position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--card);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:1.2rem}@media (max-width: 639.98px){.auth-page{padding:var(--spacing-sm);align-items:flex-start;padding-top:var(--spacing-lg)}.auth-container{max-width:100%!important}.auth-card{padding:var(--spacing-lg)}.auth-title{font-size:1.75rem}.form-input{padding:var(--spacing-md);font-size:16px}.auth-submit{padding:var(--spacing-md);min-height:48px}.input-group{flex-direction:column}.input-group-button{min-width:auto;width:100%}.password-input-container .form-input{padding-right:var(--spacing-md)}.password-toggle{position:static;transform:none;margin-top:var(--spacing-xs);align-self:flex-end;width:auto;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-sm)}.success-icon{width:60px;height:60px}.success-icon svg{width:32px;height:32px}}@media (max-width: 479.98px){.auth-card{padding:var(--spacing-md)}.auth-title{font-size:1.5rem}}@media (min-width: 640px) and (max-width: 1023.98px){.auth-container.medium{max-width:600px}}@media (prefers-contrast: high){.auth-card{border-width:2px}.form-input:focus{border-width:2px}.code-validation,.discord-support{border-width:2px}}@media (prefers-reduced-motion: reduce){.auth-card,.form-input,.auth-submit,.auth-link,.input-group-button,.password-toggle,.back-to-login,.discord-link{transition:none}.auth-card:hover{transform:none}.auth-submit:hover:not(:disabled){transform:none}.discord-link:hover{transform:none}.loading-spinner{animation:none}}.dark .auth-page:before{opacity:.3}.dark .info-box{background-color:var(--muted);border-color:var(--border)}.dark .code-validation.valid{background-color:var(--success-alpha-10)}.dark .code-validation.invalid{background-color:var(--destructive-alpha-10)}.dark .discord-support{background-color:var(--info-alpha-10);border-color:var(--info)}.textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:.375rem;background-color:var(--input-bg);color:var(--foreground);font-size:.875rem;resize:vertical;min-height:100px;transition:all var(--transition-duration, .15s) var(--transition-timing, ease);font-family:inherit;line-height:1.5}.textarea:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px var(--primary-color-alpha)}.textarea:disabled{opacity:.5;cursor:not-allowed}.textarea::-moz-placeholder{color:var(--muted-foreground)}.textarea::placeholder{color:var(--muted-foreground)}.textarea-sm{padding:.25rem .5rem;font-size:.75rem;min-height:80px}.textarea-default{padding:.5rem .75rem;font-size:.875rem;min-height:100px}.textarea-lg{padding:.75rem 1rem;font-size:1rem;min-height:120px}.textarea-error{border-color:var(--destructive)}.textarea-error:focus{border-color:var(--destructive);box-shadow:0 0 0 2px #ef444433}.textarea-success{border-color:#10b981}.textarea-success:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}@media (max-width: 640px){.textarea{font-size:.875rem;padding:.5rem .75rem}}.page-header{background:var(--card);border-bottom:1px solid var(--border);padding:2rem 0;margin-bottom:2rem;position:relative;z-index:var(--z-content)}.page-header-content{max-width:80rem;margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box}.page-header-breadcrumbs{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;color:var(--muted-foreground)}.breadcrumb-separator{color:var(--muted-foreground)}.breadcrumb-link{color:var(--primary);text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:var(--accent);text-decoration:underline}.breadcrumb-current{color:var(--foreground);font-weight:500}.page-header-main{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.page-header-info{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0}.page-header-back{background:none;border:none;color:var(--muted-foreground);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease;flex-shrink:0}.page-header-back:hover{background:var(--muted);color:var(--foreground)}.page-header-text{flex:1;min-width:0}.page-header-title{font-size:2rem;font-weight:700;color:var(--foreground);margin:0 0 .5rem;line-height:1.2}.page-header-subtitle{font-size:1rem;color:var(--muted-foreground);margin:0;line-height:1.5}.page-header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.page-header-user-info{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.user-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-avatar-placeholder{width:100%;height:100%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center}.user-details{flex:1;min-width:0}.user-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.user-role{display:flex;align-items:center;gap:var(--spacing-sm)}.page-header-stats{display:flex;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.stat-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.875rem}.page-header--admin{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-bottom-color:#f59e0b}.page-header--admin .page-header-title{color:#92400e}.page-header--profile{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-bottom-color:#3b82f6}.page-header--forum{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border-bottom-color:var(--primary);color:#fff}.page-header--dashboard{background:linear-gradient(135deg,#faf5ff 0%,#e9d5ff 100%);border-bottom-color:#a855f7}.page-header--minimal{padding:.5rem 0;margin-bottom:.5rem;background:transparent;border-bottom:none}.page-header--minimal .page-header-title{font-size:1.5rem;font-weight:600}.page-header--minimal .page-header-subtitle{display:none}.dark .page-header{background:var(--card-bg);border-bottom-color:var(--border-color)}.dark .page-header--admin{background:linear-gradient(135deg,#451a03 0%,#78350f 100%);border-bottom-color:#f59e0b}.dark .page-header--profile{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-bottom-color:#3b82f6}.dark .page-header--forum{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border-bottom-color:var(--primary);color:#fff}.page-header--forum .page-header-title{color:#fff}.page-header--forum .page-header-subtitle{color:#fffc}.dark .page-header--dashboard{background:linear-gradient(135deg,#581c87 0%,#7c3aed 100%);border-bottom-color:#a855f7}@media (max-width: 768px){.page-header{padding:1rem 0;margin-bottom:1.5rem}.page-header-content{padding:0 1rem;max-width:100%}.page-header-main{flex-direction:column;align-items:stretch;gap:1rem}.page-header-info{flex-direction:column;align-items:flex-start;gap:.5rem}.page-header-title{font-size:1.5rem}.page-header-actions{flex-wrap:wrap;justify-content:flex-start}.page-header-user-info{flex-direction:column;text-align:center}.page-header-stats{flex-direction:column;align-items:center;gap:1rem}}@media (max-width: 480px){.page-header{padding:.75rem 0;margin-bottom:1rem}.page-header-content{padding:0 .75rem}.page-header-title{font-size:1.25rem}.page-header-subtitle{font-size:.875rem}.page-header-actions{flex-direction:column;align-items:stretch}}@media (max-width: 430px){.page-header{padding:.5rem 0;margin-bottom:.75rem}.page-header-content{padding:0 .5rem}.page-header-title{font-size:1.125rem}.page-header-subtitle{font-size:.8rem}}.forum-page{background-color:var(--background);color:var(--foreground);min-height:100vh;font-family:var(--font-sans);width:100%;box-sizing:border-box}.forum-container{max-width:1400px;margin:0 auto;padding:0 2rem;box-sizing:border-box}.forum-hero-section{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;padding:1.5rem 0;text-align:center;margin-top:0}.forum-hero-content{max-width:48rem;margin:0 auto}.forum-hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.forum-hero-description{font-size:1.25rem;opacity:.9;line-height:1.6;max-width:40rem;margin:0 auto}.forum-page *{box-sizing:border-box}.forum-rules-section{background-color:var(--muted);border-bottom:1px solid var(--border);padding:3rem 0;margin-bottom:2rem}.forum-rules-section--bottom{margin-top:4rem;margin-bottom:0;border-bottom:none;border-top:1px solid var(--border);padding:2rem 0}.forum-rules-content{max-width:1400px;margin:0 auto;padding:0 2rem;box-sizing:border-box}.forum-rules-header{text-align:center;margin-bottom:2rem}.forum-rules-title{font-size:2rem;font-weight:700;color:var(--foreground);margin:0 0 .5rem;letter-spacing:-.025em}.forum-rules-subtitle{font-size:1.125rem;color:var(--muted-foreground);max-width:600px;margin:0 auto}.forum-rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.forum-rule-button{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:.75rem;cursor:pointer;transition:all .2s ease;text-align:left}.forum-rule-button:hover{background:var(--accent);border-color:var(--accent-foreground);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.forum-rule-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--primary);color:#fff;border-radius:.5rem;flex-shrink:0}.forum-rule-content h4{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0 0 .25rem}.forum-rule-content p{font-size:.875rem;color:var(--muted-foreground);margin:0}.forum-filters-section{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000a}.forum-filters-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.forum-filters-left{display:flex;align-items:center;gap:1.5rem}.forum-filter-group{display:flex;flex-direction:column;gap:.5rem}.forum-filter-label{font-size:.875rem;font-weight:600;color:var(--foreground);text-transform:uppercase;letter-spacing:.05em}.forum-filter-select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:.375rem;background:var(--background);color:var(--foreground);font-size:.875rem;cursor:pointer;transition:all .2s ease;min-width:140px}.forum-filter-select:hover{border-color:var(--primary)}.forum-filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.forum-filters-right{display:flex;align-items:center;gap:1rem}.forum-view-toggle{display:flex;align-items:center;background:var(--background);border:1px solid var(--border);border-radius:.375rem;padding:.25rem;gap:.125rem}.forum-view-toggle-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;color:var(--muted-foreground);border-radius:.25rem;cursor:pointer;transition:all .2s ease}.forum-view-toggle-btn:hover{color:var(--foreground);background:var(--accent)}.forum-view-toggle-btn.active{background:var(--primary);color:#fff}.forum-stats{display:flex;align-items:center;gap:.5rem;background:var(--muted);padding:.5rem 1rem;border-radius:.5rem}.forum-stats-count{font-size:1.25rem;font-weight:700;color:var(--primary)}.forum-stats-label{font-size:.875rem;color:var(--muted-foreground);font-weight:500}.forum-threads-section{margin-bottom:2rem}.forum-threads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.forum-thread-card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.forum-thread-card:hover{border-color:var(--primary);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.forum-thread-header{margin-bottom:1rem}.forum-thread-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.forum-thread-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.forum-thread-badge.category{background:var(--primary);color:#fff}.forum-thread-badge.pinned{background:var(--warning);color:#fff}.forum-thread-badge.locked{background:var(--destructive);color:#fff}.forum-thread-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.forum-thread-content{margin-bottom:1.25rem}.forum-thread-preview{font-size:.875rem;color:var(--muted-foreground);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.forum-thread-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1rem}.forum-thread-author{display:flex;align-items:center;gap:.75rem}.forum-thread-author-avatar{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--border);-o-object-fit:cover;object-fit:cover}.forum-thread-author-info{display:flex;flex-direction:column;gap:.125rem}.forum-thread-author-name{font-size:.875rem;font-weight:600;color:var(--foreground);line-height:1.2}.forum-thread-date{font-size:.75rem;color:var(--muted-foreground)}.forum-thread-stats{display:flex;align-items:center;gap:1rem}.forum-thread-stat{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--muted-foreground);font-weight:500}.forum-thread-actions{display:flex;gap:.5rem}.forum-thread-action-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:.375rem;background:var(--background);color:var(--muted-foreground);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.forum-thread-action-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--accent)}.forum-thread-action-btn.upvote.active{background:var(--primary);color:#fff;border-color:var(--primary)}.forum-thread-action-btn.like.active{background:var(--destructive);color:#fff;border-color:var(--destructive)}.forum-empty-state{text-align:center;padding:4rem 2rem;background:var(--card);border:1px solid var(--border);border-radius:.75rem;margin-top:2rem}.forum-empty-icon{color:var(--muted-foreground);margin-bottom:1.5rem;opacity:.6}.forum-empty-title{font-size:1.5rem;font-weight:600;color:var(--foreground);margin:0 0 .5rem}.forum-empty-description{font-size:1rem;color:var(--muted-foreground);margin:0 0 2rem;max-width:400px;margin:0 auto 2rem}.forum-create-thread-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.forum-create-thread-btn:hover{background:var(--primary);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.forum-threads-list{display:flex;flex-direction:column;gap:1rem}.forum-thread-row{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a;width:100%}.forum-thread-row:hover{border-color:var(--primary);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.forum-thread-row-content{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:.5rem;padding-right:0}.forum-thread-row-stats-actions{flex-shrink:0;width:-moz-fit-content;width:fit-content;margin-left:auto}.forum-thread-row-main{display:flex;flex-direction:column;gap:1rem;min-width:0;flex:1;max-width:calc(100% - 140px)}.forum-thread-row-header{display:flex;flex-direction:column;gap:.75rem}.forum-thread-row-badges{display:flex;flex-wrap:wrap;gap:.5rem}.forum-thread-row-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.forum-thread-row-preview{font-size:.875rem;color:var(--muted-foreground);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.forum-thread-row-author{display:flex;align-items:center;gap:.75rem}.forum-thread-row-author-avatar{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--border);-o-object-fit:cover;object-fit:cover}.forum-thread-row-author-info{display:flex;flex-direction:column;gap:.125rem}.forum-thread-row-author-name{font-size:.875rem;font-weight:600;color:var(--foreground);line-height:1.2}.forum-thread-row-author-date{font-size:.75rem;color:var(--muted-foreground)}.forum-thread-row-stats-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;min-width:120px;text-align:right}.forum-thread-row-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;text-align:right}.forum-thread-row-stat{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--muted-foreground);font-weight:500;white-space:nowrap;justify-content:flex-end}.forum-thread-row-actions{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.forum-thread-row-action-btn{display:flex;align-items:center;gap:.25rem;padding:.375rem .5rem;border:1px solid var(--border);border-radius:.25rem;background:var(--background);color:var(--muted-foreground);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;justify-content:center}.forum-thread-row-action-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--accent)}.forum-thread-row-action-btn.upvote.active{background:var(--primary);color:#fff;border-color:var(--primary)}.forum-thread-row-action-btn.like.active{background:var(--destructive);color:#fff;border-color:var(--destructive)}@media (max-width: 1200px){.forum-container{padding:0 1.5rem}.forum-rules-grid{grid-template-columns:1fr;gap:1rem}.forum-threads-grid{grid-template-columns:1fr}.forum-filters-content{flex-direction:column;align-items:stretch;gap:1rem}.forum-filters-left{flex-wrap:wrap;justify-content:center}}@media (max-width: 768px){.forum-container{padding:0 1rem}.forum-page{padding-top:72px}.forum-hero-section{padding:1.5rem 0}.forum-hero-title{font-size:2rem}.forum-hero-description{font-size:1rem}.forum-view-toggle{display:none}.forum-rules-section--bottom{margin-top:2rem;padding:1.5rem 0}.forum-rules-section{padding:2rem 0}.forum-rules-title{font-size:1.5rem}.forum-rules-subtitle{font-size:1rem}.forum-rule-button{padding:1rem}.forum-rule-icon{width:2.5rem;height:2.5rem;font-size:1.25rem}.forum-filters-section{padding:1rem}.forum-filters-left{flex-direction:column;gap:1rem;align-items:stretch}.forum-filter-group{align-items:stretch}.forum-filter-select{width:100%;min-width:auto}.forum-thread-card{padding:1rem}.forum-thread-title{font-size:1rem}.forum-thread-preview{font-size:.8rem}.forum-thread-footer{flex-direction:column;align-items:flex-start;gap:1rem}.forum-thread-stats{flex-wrap:wrap;gap:.75rem}}@media (max-width: 480px){.forum-container{padding:0 .75rem}.forum-rules-section{padding:1.5rem 0}.forum-rules-title{font-size:1.25rem}.forum-rule-button{flex-direction:column;text-align:center;gap:.75rem}.forum-rule-content{text-align:center}.forum-filters-section,.forum-thread-card{padding:.75rem}.forum-thread-badges,.forum-thread-actions{justify-content:center}.forum-thread-row-content{grid-template-columns:1fr;gap:1rem;justify-items:stretch}.forum-thread-row-stats-actions{flex-direction:row;justify-content:space-between;align-items:center;min-width:auto;gap:1rem}.forum-thread-row-stats{flex-direction:row;justify-content:flex-start;gap:1rem}.forum-thread-row-actions{flex-direction:row;justify-content:flex-end;align-items:center;gap:.5rem}.forum-thread-row-action-btn{padding:.25rem .5rem;font-size:.7rem}.forum-empty-state{padding:2rem 1rem}.forum-empty-title{font-size:1.25rem}.forum-create-thread-btn{padding:.625rem 1.25rem;font-size:.9rem}.forum-hero-section{padding:1rem 0}.forum-hero-title{font-size:1.75rem}.forum-hero-description{font-size:.9rem}.forum-rules-section--bottom{margin-top:1.5rem;padding:1rem 0}}[data-theme=dark] .forum-rule-icon{background:var(--primary)}[data-theme=dark] .forum-thread-action-btn.upvote.active{background:var(--primary);border-color:var(--primary)}[data-theme=dark] .forum-thread-action-btn.like.active{background:var(--destructive);border-color:var(--destructive)}.forum-rules-header p{font-size:.875rem;color:var(--muted-foreground);margin:0}.forum-rules-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.forum-rules-link{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background-color:var(--background);border:1px solid var(--border);border-radius:.5rem;color:var(--foreground);text-decoration:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.forum-rules-link:hover{background-color:var(--accent);border-color:var(--primary);color:var(--accent-foreground);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.forum-title-main{font-size:2rem;font-weight:700;color:var(--foreground);margin:0 0 var(--spacing-md) 0}.forum-navigation-tabs{display:flex!important;gap:32px!important;margin-bottom:24px!important}.forum-nav-tab{font-size:.875rem;color:var(--muted-foreground);text-decoration:none;padding-bottom:var(--spacing-sm);border-bottom:2px solid transparent;transition:all var(--transition-normal)}.forum-nav-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.forum-nav-tab:hover{color:var(--foreground)}.forum-create-thread-btn{background-color:var(--primary);color:var(--primary-foreground);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-xs);text-decoration:none;transition:all var(--transition-normal);position:relative;z-index:var(--z-content)}.forum-create-thread-btn:hover{opacity:.9;transform:translateY(-1px)}.forum-categories-section{background-color:var(--card);border-bottom:1px solid var(--border);padding:1rem 0;width:100%;max-width:100%;box-sizing:border-box;position:relative;z-index:var(--z-content)}.forum-categories-content{max-width:80rem;margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box}.forum-categories-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;margin-bottom:20px!important}.forum-category-card{background-color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all var(--transition-normal)}.forum-category-card:hover{background-color:var(--hover-bg);transform:translateY(-1px);box-shadow:var(--shadow-md)}.forum-category-icon{width:32px;height:32px;background-color:var(--primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--primary-foreground);font-weight:700}.forum-category-name{color:var(--foreground);font-weight:600;font-size:1rem}.forum-controls{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:20px!important}.forum-controls-left{display:flex!important;gap:12px!important}.forum-controls-right{display:flex!important;gap:8px!important;align-items:center!important}.forum-select{background-color:#333!important;border:1px solid #404040!important;color:#fff!important;padding:8px 12px!important;border-radius:3px!important;font-size:14px!important;cursor:pointer!important}.forum-select:focus{outline:none!important;border-color:#06c!important}.forum-search-input{background-color:#333!important;border:1px solid #404040!important;color:#fff!important;padding:8px 12px!important;border-radius:3px!important;font-size:14px!important;width:250px!important}.forum-search-input:focus{outline:none!important;border-color:#06c!important}.forum-search-input::-moz-placeholder{color:#666!important}.forum-search-input::placeholder{color:#666!important}.forum-search-btn{background-color:#404040!important;border:1px solid #404040!important;color:#fff!important;padding:8px 12px!important;border-radius:3px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important}.forum-search-btn:hover{background-color:#555!important}.forum-threads-container{max-width:80rem;margin:0 auto;padding:0 2rem 2rem;width:100%;max-width:100%;box-sizing:border-box;position:relative;z-index:var(--z-content)}.forum-threads-table{background-color:#2a2a2a!important;border:1px solid #404040!important;border-radius:4px!important;overflow:hidden!important}.forum-table-header{background-color:#333!important;border-bottom:1px solid #404040!important;padding:12px 20px!important}.forum-table-header-row{display:grid!important;grid-template-columns:1fr 200px 80px 80px 150px!important;gap:16px!important;align-items:center!important}.forum-table-header-cell{font-size:12px!important;font-weight:700!important;color:#ccc!important;text-transform:uppercase!important;letter-spacing:.5px!important}.forum-table-header-center{text-align:center!important}.forum-thread-row{border-bottom:1px solid #404040!important;padding:16px 20px!important;cursor:pointer!important;transition:background-color .2s!important}.forum-thread-row:hover{background-color:#333!important}.forum-thread-row:last-child{border-bottom:none!important}.forum-thread-row-content{display:grid!important;grid-template-columns:1fr 200px 80px 80px 150px!important;gap:16px!important;align-items:center!important}.forum-thread-title-section{min-width:0!important}.forum-thread-title{color:#fff!important;font-size:16px!important;font-weight:600!important;margin-bottom:6px!important;line-height:1.3!important;text-decoration:none!important}.forum-thread-title:hover{color:#00aeff!important}.forum-thread-badges{display:flex!important;gap:6px!important;margin-bottom:4px!important}.forum-thread-badge{background-color:#404040!important;color:#ccc!important;padding:2px 6px!important;border-radius:3px!important;font-size:11px!important;text-transform:capitalize!important}.forum-thread-badge.pinned{background-color:#fc0!important;color:#000!important}.forum-thread-badge.locked{background-color:#c00!important;color:#fff!important}.forum-thread-author{text-align:center!important}.forum-thread-author-content{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.forum-thread-author-avatar{width:24px!important;height:24px!important;border-radius:50%!important;border:1px solid #555555!important}.forum-thread-author-name{color:#00aeff!important;font-size:14px!important;text-decoration:none!important}.forum-thread-author-name:hover{text-decoration:underline!important}.forum-thread-stat{text-align:center!important;color:#ccc!important;font-size:14px!important;font-weight:600!important}.forum-thread-stat-icon{display:inline-flex!important;align-items:center!important;gap:4px!important}.forum-thread-activity{text-align:center!important;font-size:12px!important}.forum-thread-activity-time{color:#ccc!important;margin-bottom:2px!important}.forum-thread-activity-author{color:#888!important}.forum-thread-upvote-btn{background-color:#404040!important;color:#ccc!important;border:none!important;padding:4px 8px!important;border-radius:3px!important;font-size:12px!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:4px!important;margin-top:4px!important;transition:background-color .2s!important}.forum-thread-upvote-btn:hover{background-color:#555!important}.forum-thread-upvote-btn.active{background-color:#06c!important;color:#fff!important}.forum-empty-state{text-align:center!important;padding:60px 20px!important;background-color:#2a2a2a!important;border:1px solid #404040!important;border-radius:4px!important}.forum-empty-state h3{color:#ccc!important;font-size:18px!important;margin-bottom:8px!important}.forum-empty-state p{color:#888!important;margin-bottom:20px!important}@media (max-width: 768px){.forum-page{padding-top:72px}.forum-rules-section,.forum-categories-section,.forum-threads-container{position:relative;z-index:var(--z-content)}.forum-header-content,.forum-rules-content,.forum-categories-content,.forum-threads-container{padding:0 1rem;max-width:100%}.forum-categories-grid{grid-template-columns:1fr!important}.forum-controls{flex-direction:column!important;gap:.5rem!important;align-items:stretch!important}.forum-table-header-row,.forum-thread-row-content{grid-template-columns:1fr!important;gap:.5rem!important}.forum-table-header{display:none!important}.forum-thread-row{display:block!important;padding:1rem!important;border-bottom:1px solid #404040!important}.forum-thread-row:last-child{border-bottom:none!important}.forum-thread-row-content{display:block!important}.forum-thread-title-section{margin-bottom:.5rem!important}.forum-thread-author,.forum-thread-stat,.forum-thread-activity{margin-bottom:.25rem!important;text-align:left!important}.forum-thread-author-content{justify-content:flex-start!important}.forum-thread-activity{display:flex!important;flex-direction:column!important;gap:.25rem!important}.forum-search-input{width:100%!important}}@media (max-width: 430px){.forum-page{padding-top:72px}.forum-rules-section,.forum-categories-section,.forum-threads-container{position:relative;z-index:var(--z-content)}.forum-header-content,.forum-rules-content,.forum-categories-content,.forum-threads-container{padding:0 .5rem;max-width:100%}.forum-rules-links{flex-direction:column;align-items:center}.forum-rules-link{width:100%;max-width:200px;justify-content:center}.forum-controls-left{flex-direction:column!important;gap:.5rem!important}.forum-select{width:100%!important}.forum-controls{margin-bottom:.75rem!important}.forum-controls-left{flex-direction:column!important;gap:.375rem!important}.forum-select{width:100%!important;padding:.5rem!important;font-size:.8rem!important}.forum-thread-row{padding:.5rem!important}.forum-thread-title{font-size:.85rem!important}.forum-thread-author-name,.forum-thread-stat{font-size:.75rem!important}.forum-thread-activity{font-size:.7rem!important}.forum-thread-badge{font-size:.65rem!important;padding:1px 4px!important}}@media (max-width: 480px){.forum-page{padding-top:72px}.forum-rules-section,.forum-categories-section,.forum-threads-container{position:relative;z-index:var(--z-content)}.forum-header-content,.forum-rules-content,.forum-categories-content,.forum-threads-container{padding:0 .75rem;max-width:100%}.forum-rules-links{gap:.5rem}.forum-rules-link{padding:.375rem .75rem;font-size:.8rem}.forum-controls{margin-bottom:.75rem!important}.forum-controls-left{flex-direction:column!important;gap:.375rem!important}.forum-select{width:100%!important;padding:.5rem .75rem!important;font-size:.875rem!important}.forum-thread-row{padding:.75rem!important;border-bottom:1px solid #404040!important}.forum-thread-row:last-child{border-bottom:none!important}.forum-thread-title{font-size:.9rem!important}.forum-thread-author-name,.forum-thread-stat{font-size:.8rem!important}.forum-thread-activity{font-size:.75rem!important}.forum-thread-row{padding:.5rem!important}.forum-thread-title{font-size:.85rem!important}.forum-thread-author-name,.forum-thread-stat{font-size:.75rem!important}.forum-thread-activity{font-size:.7rem!important}.forum-thread-badge{font-size:.65rem!important;padding:1px 4px!important}}.forum-thread-reply-form-toggle{display:flex;gap:.5rem;margin-bottom:1rem;padding:.5rem;background-color:var(--muted);border-radius:.5rem}.forum-thread-reply-form-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid transparent;border-radius:.375rem;background-color:transparent;color:var(--muted-foreground);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-duration, .15s) var(--transition-timing, ease)}.forum-thread-reply-form-toggle-btn:hover{background-color:var(--accent);color:var(--accent-foreground)}.forum-thread-reply-form-toggle-btn.active{background-color:var(--background);color:var(--foreground);border-color:var(--border);box-shadow:var(--shadow-sm)}.forum-thread-reply-form-rich-editor{margin-bottom:1rem}.forum-thread-page{background-color:var(--background);color:var(--foreground);min-height:100vh;font-family:var(--font-sans)}.forum-thread-page *{box-sizing:border-box}.forum-thread-container{max-width:1400px;margin:0 auto;padding:0 2rem}.forum-thread-header{background:var(--background);border-bottom:1px solid var(--border);padding:1rem 0;margin-top:.5rem}.forum-thread-header-content{display:flex;flex-direction:column;gap:.75rem}.forum-thread-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}.forum-thread-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--muted);border:1px solid var(--border);border-radius:.375rem;color:var(--foreground);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease}.forum-thread-back-btn:hover{background:var(--accent);color:var(--accent-foreground);border-color:var(--accent)}.forum-thread-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--muted-foreground)}.forum-thread-separator{color:var(--muted-foreground);font-weight:300}.forum-thread-title{font-size:1.75rem;font-weight:700;margin:0;line-height:1.3;color:var(--foreground);word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.forum-thread-category{background:var(--primary);color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.forum-thread-views,.forum-thread-date{color:var(--muted-foreground);font-size:.875rem;font-weight:500}@media (max-width: 768px){.forum-thread-header{padding:.75rem 0}.forum-thread-nav{flex-direction:column;align-items:flex-start;gap:.5rem}.forum-thread-breadcrumb{align-self:flex-end}.forum-thread-title{font-size:1.5rem}.forum-thread-container{padding:0 1rem}}.forum-thread-post-card,.forum-thread-reply-card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.forum-thread-post-card:hover,.forum-thread-reply-card:hover{border-color:var(--primary);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.forum-thread-reply-card.nested{margin-left:2rem;border-left:3px solid var(--primary)}.forum-thread-post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.forum-thread-post-author{display:flex;align-items:center;gap:.75rem}.forum-thread-post-avatar{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid var(--border);-o-object-fit:cover;object-fit:cover}.forum-thread-post-author-info{display:flex;flex-direction:column;gap:.125rem}.forum-thread-post-author-name{font-size:1rem;font-weight:600;color:var(--foreground);line-height:1.2}.forum-thread-post-author-date{font-size:.75rem;color:var(--muted-foreground)}.forum-thread-post-badges{display:flex;gap:.5rem}.forum-thread-post-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.forum-thread-post-badge.premium{background:var(--primary);color:#fff}.forum-thread-reply-context{background:var(--muted);border:1px solid var(--border);border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem;font-size:.875rem}.forum-thread-reply-context-label{color:var(--muted-foreground)}.forum-thread-reply-context-link{color:var(--primary);text-decoration:none;font-weight:600;margin-left:.25rem}.forum-thread-reply-context-link:hover{text-decoration:underline}.forum-thread-post-content{margin-bottom:1.25rem}.forum-thread-post-text{font-size:1rem;line-height:1.6;color:var(--foreground)}.forum-thread-post-footer{display:flex;justify-content:space-between;align-items:center}.forum-thread-post-actions{display:flex;gap:.5rem}.forum-thread-post-action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:.375rem;background:var(--background);color:var(--muted-foreground);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.forum-thread-post-action-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--accent)}.forum-thread-post-action-btn.upvote.active{background:var(--primary);color:#fff;border-color:var(--primary)}.forum-thread-post-action-btn.like.active{background:var(--destructive);color:#fff;border-color:var(--destructive)}.forum-thread-post-stats{display:flex;align-items:center}.forum-thread-post-stat{font-size:.875rem;color:var(--muted-foreground);font-weight:600}.forum-thread-reply-editor{background:var(--muted);border:1px solid var(--border);border-radius:.5rem;padding:1rem;margin-top:1rem}.forum-thread-reply-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid var(--border);border-radius:.375rem;background:var(--background);color:var(--foreground);font-family:inherit;font-size:.875rem;line-height:1.5;resize:vertical;outline:none;transition:all .2s ease}.forum-thread-reply-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.forum-thread-reply-actions{display:flex;justify-content:flex-end;margin-top:.75rem}.forum-thread-reply-submit-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.forum-thread-reply-submit-btn:hover:not(:disabled){background:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.forum-thread-reply-submit-btn:disabled{opacity:.6;cursor:not-allowed}.forum-thread-reply-form-container{margin-top:2rem}.forum-thread-reply-form-card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:2rem;box-shadow:0 2px 8px #0000000a}.forum-thread-reply-form-header{text-align:center;margin-bottom:1.5rem}.forum-thread-reply-form-title{font-size:1.5rem;font-weight:700;color:var(--foreground);margin:0 0 .5rem}.forum-thread-reply-form-subtitle{font-size:.875rem;color:var(--muted-foreground);margin:0}.forum-thread-reply-form-textarea{width:100%;min-height:120px;padding:1rem;border:1px solid var(--border);border-radius:.5rem;background:var(--background);color:var(--foreground);font-family:inherit;font-size:.875rem;line-height:1.5;resize:vertical;outline:none;transition:all .2s ease}.forum-thread-reply-form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.forum-thread-reply-form-actions{display:flex;justify-content:flex-end;margin-top:1rem}.forum-thread-reply-form-submit-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.forum-thread-reply-form-submit-btn:hover:not(:disabled){background:var(--primary);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.forum-thread-reply-form-submit-btn:disabled{opacity:.6;cursor:not-allowed}.forum-thread-reply-form-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.forum-thread-container{padding:0 1rem}.forum-thread-hero{padding:1.5rem 0}.forum-thread-title{font-size:2rem;line-height:1.3}.forum-thread-meta{flex-direction:column;gap:.5rem}.forum-thread-post-card,.forum-thread-reply-card{padding:1rem}.forum-thread-reply-form-card{padding:1.5rem}.forum-thread-reply-card.nested{margin-left:1rem}}@media (max-width: 480px){.forum-thread-container{padding:0 .75rem}.forum-thread-hero{padding:1rem 0}.forum-thread-title{font-size:1.75rem;line-height:1.4}.forum-thread-breadcrumb{flex-wrap:wrap;justify-content:center}.forum-thread-post-header{flex-direction:column;align-items:flex-start;gap:.75rem}.forum-thread-post-footer{flex-direction:column;align-items:flex-start;gap:1rem}.forum-thread-post-actions{flex-wrap:wrap}.forum-thread-reply-form-card{padding:1rem}}.post-author-name:hover{text-decoration:underline!important}.post-author-title{font-size:12px!important;color:var(--muted-foreground)!important;margin-bottom:8px!important}.post-author-badge{background-color:#06c!important;color:var(--foreground)!important;padding:2px 6px!important;border-radius:3px!important;font-size:10px!important;margin-bottom:8px!important;display:inline-block!important}.post-author-stats{font-size:11px!important;color:#666!important}.post-content-section{flex:1!important;padding:20px!important;background-color:var(--card)!important}.post-content{color:#ccc!important;line-height:1.6!important;font-size:14px!important;margin-bottom:20px!important}.post-content p{margin-bottom:12px!important}.post-content p:last-child{margin-bottom:0!important}.post-actions{border-top:1px solid var(--border)!important;padding-top:12px!important;display:flex!important;gap:12px!important;align-items:center!important}.post-action-btn{background-color:var(--border)!important;color:#ccc!important;border:none!important;padding:6px 12px!important;border-radius:3px!important;font-size:12px!important;cursor:pointer!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;gap:4px!important;transition:background-color .2s!important}.post-action-btn:hover{background-color:var(--border)!important}.post-action-btn.active{background-color:#06c!important;color:var(--foreground)!important}.post-action-btn.like-active{background-color:#c00!important;color:var(--foreground)!important}.post-action-btn{min-width:80px!important;justify-content:center!important;font-weight:600!important}.post-action-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.post-action-link{color:var(--primary)!important;text-decoration:none!important;font-size:12px!important;cursor:pointer!important;background:none!important;border:none!important;padding:4px 8px!important;border-radius:3px!important;transition:background-color .2s!important}.post-action-link:hover{text-decoration:underline!important;background-color:var(--secondary)!important}.post-info-section{width:120px!important;flex-shrink:0!important;background-color:var(--secondary)!important;border-left:1px solid var(--border)!important;padding:20px 12px!important;text-align:center!important;font-size:12px!important}.post-date{color:var(--muted-foreground)!important;margin-bottom:4px!important}.bb-quote{border-left:3px solid var(--primary);background-color:var(--muted);padding:10px 12px;border-radius:6px;margin:10px 0}.bb-quote-author{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--primary);margin-bottom:6px}.bb-quote-relation{margin-left:8px;color:var(--muted-foreground);font-weight:500;font-style:italic}.bb-quote-content{color:var(--foreground)}.bb-quote-content p{margin:0 0 8px}.bb-quote .bb-quote{margin:8px 0 0 8px}.bb-quote-avatar{width:18px;height:18px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.bb-quote-badge{background:var(--muted);color:var(--muted-foreground);font-size:10px;padding:2px 6px;border-radius:6px;text-transform:uppercase;margin-right:6px}.reply-children{margin-top:8px;border-left:2px dashed var(--border);padding-left:12px}.thread-post.is-nested{margin:16px 0;border-radius:12px;background-color:var(--card);border:1px solid var(--border)}.thread-post.is-nested .post-author-section{width:160px}.thread-post.is-nested .post-content-section{padding-top:16px;padding-bottom:16px}.reply-context{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted-foreground);margin-bottom:8px}.reply-context-label{background:var(--secondary);color:var(--muted-foreground);padding:2px 6px;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.reply-context-link{color:var(--primary);text-decoration:none;font-weight:600}.reply-context-link:hover{text-decoration:underline}.thread-post.is-nested .post-content-section{position:relative}.thread-post.is-nested .post-content-section:before{content:"";position:absolute;left:-10px;top:0;bottom:0;border-left:2px solid var(--border);opacity:.5}.post-time{color:#666!important;margin-bottom:16px!important}.post-number{font-size:18px!important;font-weight:700!important;color:var(--primary)!important;margin-bottom:12px!important}.post-views{color:#666!important;font-size:11px!important}.reply-form-container{background-color:var(--card)!important;border:1px solid var(--border)!important;margin:16px auto 40px!important;max-width:1200px!important;border-radius:8px!important}.reply-form-header{background-color:var(--secondary)!important;padding:12px 20px!important;border-bottom:1px solid var(--border)!important}.reply-form-header h3{color:var(--foreground)!important;font-size:16px!important;font-weight:700!important;margin:0!important}.reply-form-content{padding:20px!important}.reply-textarea{width:100%!important;min-height:120px!important;background-color:var(--background)!important;border:1px solid var(--border)!important;color:var(--foreground)!important;padding:12px!important;border-radius:3px!important;font-size:14px!important;font-family:inherit!important;resize:vertical!important;margin-bottom:12px!important}.reply-textarea:focus{outline:none!important;border-color:#06c!important;box-shadow:0 0 5px #0066cc4d!important}.reply-textarea::-moz-placeholder{color:#666!important}.reply-textarea::placeholder{color:#666!important}.reply-form-actions{display:flex!important;justify-content:flex-end!important}.reply-submit-btn{background-color:#06c!important;color:var(--foreground)!important;border:none!important;padding:10px 20px!important;border-radius:3px!important;font-size:14px!important;font-weight:700!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:6px!important;transition:background-color .2s!important}.reply-submit-btn:hover{background-color:#0052a3!important}.reply-submit-btn:disabled{background-color:var(--border)!important;cursor:not-allowed!important;opacity:.6!important}.loading-spinner{width:16px!important;height:16px!important;border:2px solid transparent!important;border-top:2px solid var(--foreground)!important;border-radius:50%!important;animation:spin 1s linear infinite!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.thread-post{flex-direction:column!important}.post-author-section{width:100%!important;border-right:none!important;border-bottom:1px solid var(--border)!important;padding:15px!important}.post-info-section{width:100%!important;border-left:none!important;border-top:1px solid var(--border)!important;padding:15px!important}.post-author-avatar{width:60px!important;height:60px!important}}.forum-thread-blizzard .bg-gray-900,.forum-thread-blizzard .bg-gray-800,.forum-thread-blizzard .bg-gray-700{background-color:transparent!important}.forum-thread-blizzard .text-white,.forum-thread-blizzard .text-gray-300,.forum-thread-blizzard .text-blue-400{color:inherit!important}.forum-thread-blizzard .border-gray-700,.forum-thread-blizzard .border-gray-600{border-color:var(--border)!important}.thread-post.is-nested{border-color:var(--border);background-color:var(--card)}.thread-post.is-nested .post-author-section{width:140px}.bb-initials{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:var(--muted-foreground);color:#fff;font-size:10px;font-weight:700;margin-right:6px}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-1\/4{width:25%}.w-3\/4{width:75%}.w-auto{width:auto}.w-full{width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.justify-end{justify-content:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-current{border-color:currentColor}.border-t-transparent{border-top-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.leading-none{--tw-leading:1;line-height:1}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}img[class*=w-12],img[class*=w-10],.author-avatar img,.avatar-image,.thread-author img,.reply-author img{width:auto!important;max-width:48px!important;height:auto!important;max-height:48px!important}img[class*=w-10]{max-width:40px!important;max-height:40px!important}.forum-page img[class*=w-12],.forum-page .thread-author img{width:48px!important;max-width:48px!important;height:48px!important;max-height:48px!important}.forum-page img[class*=w-10],.forum-page .reply-author img{width:40px!important;max-width:40px!important;height:40px!important;max-height:40px!important}*{box-sizing:border-box;margin:0;padding:0}:root{--header-height-mobile:72px;--header-height-tablet:72px;--header-height-desktop:80px}html,body{width:100%;max-width:100%;overflow-x:hidden}body{position:relative}.container,.main,.content-layout,.page-content{overflow:visible!important}.header{contain:none!important;overflow:visible!important}.header *{overflow:visible!important}img,video,canvas,svg{max-width:100%;height:auto}.container,.main,.content-layout,header,.header,.page-header{max-width:100%;overflow-x:hidden}*,:before,:after{box-sizing:border-box}main{padding-top:var(--header-height-mobile);min-height:calc(100vh - var(--header-height-mobile))}@media (min-width:768px){main{padding-top:var(--header-height-tablet,72px);min-height:calc(100vh - var(--header-height-tablet,72px))}}@media (min-width:1024px){main{padding-top:var(--header-height-desktop);min-height:calc(100vh - var(--header-height-desktop))}}.auth-page{min-height:100vh!important;padding-top:0!important}:root{--z-base:0;--z-content:1;--z-sticky:10;--z-dropdown:50;--z-header:100;--z-page-header:110;--z-overlay:1000;--z-modal:2000;--z-modal-content:2001;--z-toast:3000;--z-tooltip:4000;--z-critical:9999;--background:#fff;--foreground:#0f172a;--card:#fff;--card-foreground:#0f172a;--popover:#fff;--popover-foreground:#0f172a;--primary:#8b5cf6;--primary-foreground:#fff;--secondary:#f8fafc;--secondary-foreground:#475569;--muted:#f1f5f9;--muted-foreground:#64748b;--accent:#f1f5f9;--accent-foreground:#0f172a;--destructive:#ef4444;--destructive-foreground:#fff;--success:#10b981;--success-foreground:#fff;--warning:#f59e0b;--warning-foreground:#fff;--info:#3b82f6;--info-foreground:#fff;--border:#e2e8f0;--input:#e2e8f0;--ring:#8b5cf6;--hover-bg:#0000000d;--active-bg:#0000001a;--card-bg:var(--card);--text-color:var(--foreground);--text-muted:var(--muted-foreground);--input-bg:var(--background);--primary-alpha-10:#8b5cf61a;--primary-alpha-20:#8b5cf633;--secondary-alpha-10:#3b82f61a;--secondary-alpha-20:#3b82f633;--accent-alpha-10:#f59e0b1a;--accent-alpha-20:#f59e0b33;--destructive-alpha-10:#ef44441a;--destructive-alpha-20:#ef444433;--warning-alpha-10:#f59e0b1a;--warning-alpha-20:#f59e0b33;--info-alpha-10:#3b82f61a;--info-alpha-20:#3b82f633;--primary-color-alpha:var(--primary-alpha-10);--secondary-color-alpha:var(--secondary-alpha-10);--accent-color-alpha:var(--accent-alpha-10);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Monaco","Consolas",monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius:var(--radius-lg);--shadow-sm:0 1px 2px 0 #0000000d;--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;--transition-fast:.1s ease;--transition-normal:.15s ease;--transition-slow:.3s ease;--transition-duration:var(--transition-normal);--transition-timing:ease}.dark{--background:#0f172a;--foreground:#f8fafc;--card:#1e293b;--card-foreground:#f8fafc;--popover:#1e293b;--popover-foreground:#f8fafc;--primary:#8b5cf6;--primary-foreground:#0f172a;--secondary:#334155;--secondary-foreground:#f8fafc;--muted:#334155;--muted-foreground:#94a3b8;--accent:#334155;--accent-foreground:#f8fafc;--destructive:#7f1d1d;--destructive-foreground:#f8fafc;--success:#10b981;--success-foreground:#0f172a;--warning:#f59e0b;--warning-foreground:#0f172a;--info:#3b82f6;--info-foreground:#f8fafc;--border:#334155;--input:#334155;--ring:#8b5cf6;--hover-bg:#94a3b81a;--active-bg:#94a3b833;--card-bg:var(--card);--text-color:var(--foreground);--text-muted:var(--muted-foreground);--input-bg:var(--input);--primary-alpha-10:#8b5cf626;--primary-alpha-20:#8b5cf640;--secondary-alpha-10:#3b82f626;--secondary-alpha-20:#3b82f640;--accent-alpha-10:#f59e0b26;--accent-alpha-20:#f59e0b40;--destructive-alpha-10:#7f1d1d26;--destructive-alpha-20:#7f1d1d40;--warning-alpha-10:#f59e0b26;--warning-alpha-20:#f59e0b40;--info-alpha-10:#3b82f626;--info-alpha-20:#3b82f640;--primary-color-alpha:var(--primary-alpha-10);--secondary-color-alpha:var(--secondary-alpha-10);--accent-color-alpha:var(--accent-alpha-10);--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #0006,0 8px 10px -6px #0006;--shadow-2xl:0 25px 50px -12px #0009}html{font-family:var(--font-sans);-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.6}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);transition:background-color var(--transition-duration,.15s)var(--transition-timing,ease),color var(--transition-duration,.15s)var(--transition-timing,ease);font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);color:var(--foreground);font-weight:600;line-height:1.2}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:600}h3{font-size:1.75rem;font-weight:600}h4{font-size:1.5rem;font-weight:600}h5{font-size:1.25rem;font-weight:600}h6{font-size:1rem;font-weight:600}p{margin-bottom:var(--spacing-md);color:var(--foreground)}a{color:var(--primary);transition:color var(--transition-duration,.15s)var(--transition-timing,ease);text-decoration:none}a:hover{color:var(--ring)}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.header{z-index:var(--z-dropdown);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);transition:background-color var(--transition-duration,.15s)var(--transition-timing,ease),border-color var(--transition-duration,.15s)var(--transition-timing,ease),box-shadow var(--transition-duration,.15s)var(--transition-timing,ease);background-color:#fffffff2;position:sticky;top:0}.dark .header{background-color:#0f172af2}.header-content{height:70px;padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:var(--spacing-md);flex-shrink:0;text-decoration:none;display:flex}.logo-icon{width:36px;height:36px;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:8px;justify-content:center;align-items:center;display:flex}.logo-icon span{color:#fff;font-size:1rem;font-weight:700}.logo-text{color:var(--foreground);transition:color var(--transition-duration,.15s)var(--transition-timing,ease);font-size:1.5rem;font-weight:700}.nav{display:none}@media (min-width:1280px){.nav{align-items:center;gap:var(--spacing-2xl);flex:1;justify-content:center;display:flex}}.nav-link{color:var(--foreground);padding:var(--spacing-sm)var(--spacing-md);transition:all var(--transition-duration,.15s)var(--transition-timing,ease);border-radius:6px;font-size:.875rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--primary);background-color:var(--primary-color-alpha)}.search-container{max-width:28rem;margin:0 var(--spacing-2xl);flex:1;align-items:center;display:none}@media (min-width:1024px){.search-container{display:flex}}.search-input{border:1px solid var(--border);background-color:var(--input-bg);width:100%;color:var(--foreground);transition:all var(--transition-duration,.15s)var(--transition-timing,ease);border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem}.search-input:focus{border-color:var(--ring);box-shadow:0 0 0 2px var(--primary-color-alpha);outline:none}.header-actions{align-items:center;gap:var(--spacing-sm);display:flex}.btn{transition:all var(--transition-duration,.15s)var(--transition-timing,ease);cursor:pointer;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.btn-primary:hover{background-color:var(--ring);border-color:var(--ring)}.btn-ghost{color:var(--foreground);background-color:#0000;border-color:#0000}.btn-ghost:hover{background-color:var(--accent);color:var(--accent-foreground)}.btn-icon{border-radius:.375rem;width:2.5rem;height:2.5rem;padding:0}.btn-icon:hover{background-color:var(--accent);color:var(--accent-foreground)}.mobile-nav{display:block}@media (min-width:1024px){.mobile-nav{display:none}}.mobile-nav-content{background-color:var(--background);border-top:1px solid var(--border);transition:transform var(--transition-duration,.15s)var(--transition-timing,ease);z-index:var(--z-sticky);padding:1rem;position:fixed;top:70px;left:0;right:0;transform:translateY(-100%)}.mobile-nav.active .mobile-nav-content{transform:translateY(0)}.mobile-nav-link{color:var(--foreground);transition:all var(--transition-duration,.15s)var(--transition-timing,ease);border-radius:.375rem;align-items:center;margin-bottom:.25rem;padding:.75rem 1rem;text-decoration:none;display:flex}.mobile-nav-link:hover,.mobile-nav-link.active{background-color:var(--accent);color:var(--accent-foreground)}.mobile-nav-icon{width:1.25rem;height:1.25rem;margin-right:.75rem}.main{background-color:var(--background);min-height:calc(100vh - 70px);transition:background-color var(--transition-duration,.15s)var(--transition-timing,ease)}@media (min-width:1024px){.main{padding-left:0}}.card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:all var(--transition-duration,.15s)var(--transition-timing,ease)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:all var(--transition-duration,.15s)var(--transition-timing,ease);padding:1.5rem}.post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.post-avatar{background-color:var(--primary);width:2.5rem;height:2.5rem;color:var(--primary-foreground);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.post-author{flex:1}.post-author-name{color:var(--foreground);margin-bottom:.25rem;font-weight:600}.post-meta{color:var(--muted-foreground);font-size:.875rem}.post-content{margin-bottom:1rem}.post-title{color:var(--foreground);margin-bottom:.5rem;font-size:1.125rem;font-weight:600;line-height:1.4}.post-text{color:var(--muted-foreground);line-height:1.6}.post-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:1rem;padding-top:1rem;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;display:flex!important}.post-action{color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-duration,.15s)var(--transition-timing,ease);border-radius:.25rem;gap:.5rem;padding:.25rem .5rem;font-size:.875rem;background:0 0!important;border:none!important;flex-direction:row!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;display:flex!important}.post-action:hover{color:var(--primary);background-color:var(--primary-color-alpha)}.badge{transition:all var(--transition-duration,.15s)var(--transition-timing,ease);white-space:nowrap;border:1px solid #0000;border-radius:9999px;align-items:center;font-weight:600;display:inline-flex}.badge-primary{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.badge-secondary{background-color:var(--secondary);color:var(--secondary-foreground);border-color:var(--secondary)}.form-group{margin-bottom:1rem}.form-label{color:var(--foreground);margin-bottom:.5rem;font-weight:500;display:block}.form-input{border:1px solid var(--border);background-color:var(--input-bg);width:100%;color:var(--foreground);transition:all var(--transition-duration,.15s)var(--transition-timing,ease);border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem}.form-input:focus{border-color:var(--ring);box-shadow:0 0 0 2px var(--primary-color-alpha);outline:none}.form-textarea{border:1px solid var(--border);background-color:var(--input-bg);width:100%;color:var(--foreground);resize:vertical;min-height:100px;transition:all var(--transition-duration,.15s)var(--transition-timing,ease);border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem}.form-textarea:focus{border-color:var(--ring);box-shadow:0 0 0 2px var(--primary-color-alpha);outline:none}.loading{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:2rem;height:2rem;animation:1s ease-in-out infinite spin;display:inline-block}.loading:after{content:"";border:2px solid #0000;border-top-color:var(--primary);border-radius:50%;width:100%;height:100%;animation:1s ease-in-out infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-muted{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.bg-muted{background-color:var(--muted)}.bg-primary{background-color:var(--primary)}.rounded{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-full{border-radius:50%}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.transition{transition:all var(--transition-duration,.15s)var(--transition-timing,ease)}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:text-primary:hover{color:var(--primary)}:root{--breakpoint-xs:320px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}@media (max-width:639.98px){.container{padding:0 var(--spacing-md)}.header-content{padding:0 var(--spacing-md);height:56px}.logo-text{font-size:1.125rem}.logo-icon{width:28px;height:28px}.header-actions{gap:var(--spacing-xs)}.btn-icon{width:2rem;height:2rem}}@media (min-width:640px) and (max-width:767.98px){.container{padding:0 var(--spacing-lg)}.header-content{padding:0 var(--spacing-lg);height:60px}}@media (min-width:768px){.container{padding:0 var(--spacing-xl)}.header-content{padding:0 var(--spacing-xl);height:64px}}.theme-toggle{width:2.5rem;height:2.5rem;transition:all var(--transition-duration,.15s)var(--transition-timing,ease);border-radius:.375rem;position:relative}.theme-toggle:hover{background-color:var(--accent);color:var(--accent-foreground)}.dropdown{display:inline-block;position:relative}.dropdown-content{z-index:var(--z-dropdown);border:1px solid var(--border);background-color:var(--popover);min-width:8rem;color:var(--popover-foreground);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-duration,.15s)var(--transition-timing,ease);border-radius:.5rem;margin-top:4px;position:absolute;top:100%;left:0;overflow:hidden;transform:translateY(-4px)}.dropdown.active .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{cursor:pointer;width:100%;color:var(--popover-foreground);transition:all var(--transition-duration,.15s)var(--transition-timing,ease);text-align:left;background:0 0;border:none;align-items:center;padding:.5rem .75rem;font-size:.875rem;display:flex}.dropdown-item:hover{background-color:var(--accent);color:var(--accent-foreground)}.dropdown-separator{background-color:var(--border);height:1px;margin:.25rem 0}.grid{gap:var(--spacing-md);display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-5{grid-template-columns:repeat(5,1fr)}}.tabs{background-color:var(--muted);border-radius:.5rem;align-items:center;gap:.25rem;padding:.25rem;display:flex}.tab{white-space:nowrap;transition:all var(--transition-duration,.15s)var(--transition-timing,ease);cursor:pointer;color:var(--muted-foreground);background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.375rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.tab:hover{color:var(--foreground);background-color:#ffffff1a}.tab.active{background-color:var(--background);color:var(--foreground);box-shadow:var(--shadow-sm)}.modal-overlay{z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:all var(--transition-duration,.15s)var(--transition-timing,ease);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal{background-color:var(--background);box-shadow:var(--shadow-lg);max-width:90vw;max-height:90vh;transition:transform var(--transition-duration,.15s)var(--transition-timing,ease);border-radius:.5rem;overflow:hidden;transform:scale(.95)}.modal-overlay.active .modal{transform:scale(1)}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-title{color:var(--foreground);margin:0;font-size:1.25rem;font-weight:600}.modal-close{cursor:pointer;width:2rem;height:2rem;color:var(--muted-foreground);transition:all var(--transition-duration,.15s)var(--transition-timing,ease);background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;display:flex}.modal-close:hover{background-color:var(--accent);color:var(--accent-foreground)}.toast-container{z-index:var(--z-toast);pointer-events:none;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.toast{background-color:var(--background);border:1px solid var(--border);box-shadow:var(--shadow-lg);transition:transform var(--transition-duration,.15s)var(--transition-timing,ease);pointer-events:auto;border-radius:.5rem;width:100%;max-width:360px;padding:1rem;position:relative;transform:translate(100%)}.toast.show{transform:translate(0)}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-info{border-left:4px solid #3b82f6}.user-menu-dropdown{display:inline-block;position:relative}.user-menu-trigger{cursor:pointer;transition:all var(--transition-duration,.15s)var(--transition-timing,ease);color:var(--foreground);background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.user-menu-trigger:hover{background-color:var(--muted)}.user-avatar{border:2px solid var(--primary);border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.user-avatar-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.user-avatar-fallback{background:linear-gradient(135deg,var(--primary)0%,#06b6d4 100%);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;font-weight:600;display:flex}.user-info{flex-direction:column;align-items:flex-start;min-width:0;display:none}@media (min-width:1024px){.user-info{display:flex}}.user-name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:14px;font-weight:600;overflow:hidden}.user-badges{align-items:center;gap:4px;margin-top:2px;display:flex}.user-badge{color:var(--muted-foreground)}.user-badge.premium{color:#f59e0b}.user-badge.admin{color:#ef4444}.user-menu-content{z-index:var(--z-dropdown);border:1px solid var(--border);background-color:var(--popover);min-width:280px;color:var(--popover-foreground);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-duration,.15s)var(--transition-timing,ease);border-radius:12px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden;transform:translateY(-8px)}.user-menu-content.active{opacity:1;visibility:visible;transform:translateY(0)}.user-menu-header{background-color:var(--muted);align-items:flex-start;gap:12px;padding:16px;display:flex}.user-menu-avatar{border:2px solid var(--primary);border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.user-menu-avatar-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.user-menu-avatar-fallback{background:linear-gradient(135deg,var(--primary)0%,#06b6d4 100%);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:600;display:flex}.user-menu-info{flex:1;min-width:0}.user-menu-name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:600;overflow:hidden}.user-menu-email{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:12px;overflow:hidden}.user-menu-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.user-menu-badge{border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:500;display:flex}.user-menu-badge.premium{color:#f59e0b;background-color:#f59e0b1a;border:1px solid #f59e0b33}.user-menu-badge.admin{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433}.user-menu-separator{background-color:var(--border);height:1px;margin:0}.user-menu-item{cursor:pointer;width:100%;color:var(--popover-foreground);transition:all var(--transition-duration,.15s)var(--transition-timing,ease);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:14px;text-decoration:none;display:flex}.user-menu-item:hover{background-color:var(--accent);color:var(--accent-foreground)}.user-menu-item.logout{color:#ef4444}.user-menu-item.logout:hover{color:#ef4444;background-color:#ef44441a}.user-menu-item svg{flex-shrink:0}.premium-icon{color:#f59e0b}.admin-icon,.mobile-nav-link.logout{color:#ef4444}.mobile-nav-link.logout:hover{background-color:#ef44441a}.mobile-nav-icon.premium-icon{color:#f59e0b}.mobile-nav-icon.admin-icon{color:#ef4444}@media (max-width:1024px){.user-menu-trigger{padding:6px}.user-avatar{width:32px;height:32px}.user-avatar-fallback{font-size:12px}}@media (max-width:640px){.user-menu-content{border-radius:12px 12px 0 0;width:100%;min-width:auto;margin-top:0;position:fixed;inset:auto 0 0;transform:translateY(100%)}.user-menu-content.active{transform:translateY(0)}.user-menu-header{padding:20px}.user-menu-item{padding:16px 20px;font-size:16px}}.page-loader{min-height:50vh;color:var(--muted-foreground);justify-content:center;align-items:center;display:flex}.page-loader-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.page-loader-spinner{border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}