:root{--primary: #0ea5e9;--secondary: #6366f1;--accent: #22d3ee;--background: #f8fafc;--surface: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--text-en: "Outfit", sans-serif;--text-kh: "Kantumruy Pro", sans-serif;--card-shadow: 0 10px 25px -5px rgba(0, 0, 0, .05);--card-hover-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1);--glass: rgba(255, 255, 255, .8);--glass-border: rgba(14, 165, 233, .1);--sidebar-bg: #ffffff;--nav-hover: rgba(14, 165, 233, .05);--sidebar-border: #e2e8f0}[data-theme=dark]{--primary: #38bdf8;--secondary: #818cf8;--accent: #22d3ee;--background: #000000;--surface: #0a0a0a;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--card-shadow: 0 10px 25px -5px rgba(0, 0, 0, .8);--card-hover-shadow: 0 20px 25px -5px rgba(0, 0, 0, .9);--glass: rgba(0, 0, 0, .8);--glass-border: rgba(255, 255, 255, .1);--sidebar-bg: #0a192f;--nav-hover: rgba(56, 189, 248, .1);--sidebar-border: rgba(56, 189, 248, .1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--background);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 0% 0%,rgba(56,189,248,.1) 0%,transparent 40%),radial-gradient(circle at 100% 100%,rgba(129,140,248,.08) 0%,transparent 40%)}.en{font-family:var(--text-en)}.kh{font-family:var(--text-kh);line-height:1.8}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0003}.glass-card{background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:28px;box-shadow:var(--card-shadow);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:hover{border-color:#6366f14d;transform:translateY(-6px);box-shadow:var(--card-hover-shadow)}.bg-pattern{position:absolute;inset:0;opacity:.1;background-image:radial-gradient(#6366f1 .5px,transparent .5px);background-size:24px 24px}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-auto{margin-top:auto}.mt-24{margin-top:6rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.max-w-6xl{max-width:72rem}.mx-auto{margin-left:auto;margin-right:auto}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.md\:p-8{padding:2rem}.md\:p-12{padding:3rem}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.grid-cols-2,.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-white{color:#fff}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-indigo-600{color:#4f46e5}.text-pink-600{color:#db2777}.text-yellow-600{color:#ca8a04}.bg-white{background-color:#fff}.bg-slate-50{background-color:#f8fafc}.bg-indigo-50{background-color:#eef2ff}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.text-center{text-align:center}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.z-\[-1\]{z-index:-1}.z-\[1\]{z-index:1}.z-\[10\]{z-index:10}.blur-\[120px\]{filter:blur(120px)}.pointer-events-none{pointer-events:none}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.search-input{background:#fff;border:2px solid #f1f5f9;border-radius:16px;padding:12px 16px 12px 48px;width:100%;font-family:inherit;font-size:1rem;transition:all .2s}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a}.quote-action-btn{padding:8px;border-radius:12px;color:var(--text-secondary);transition:all .2s;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.quote-action-btn:hover{background:#f1f5f9;color:var(--primary)}.quote-action-btn.active{color:#ef4444}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-clamp:3}.duration-300{transition-duration:.3s}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -6px #0000000d}.profile-content-grid{display:grid;grid-template-columns:350px 1fr;gap:2rem;margin-top:2rem}@media(max-width:1024px){.profile-content-grid{grid-template-columns:1fr}}.profile-sidebar-cols{display:flex;flex-direction:column;gap:1.5rem}.bento-card{background:var(--surface);border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;box-shadow:var(--card-shadow);transition:all .3s ease}.bento-card:hover{transform:translateY(-4px);box-shadow:var(--card-hover-shadow)}.github-stats-card{padding:1.5rem;background:linear-gradient(135deg,var(--surface) 0%,rgba(14,165,233,.05) 100%);position:relative}.github-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.github-card-header h3{margin:0;font-size:1.125rem;font-weight:700;flex:1;background:linear-gradient(135deg,var(--text-primary),var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent}.github-profile-link{color:var(--text-secondary);padding:6px;border-radius:8px;background:#0ea5e91a;transition:all .2s}.github-profile-link:hover{color:var(--primary);background:#0ea5e933;transform:scale(1.1)}.github-user-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#0ea5e90d;border-radius:16px;border:1px solid rgba(14,165,233,.1)}.github-avatar{width:44px;height:44px;border-radius:12px;border:2px solid var(--surface);box-shadow:0 4px 6px -1px #0000001a}.github-user-info{display:flex;flex-direction:column}.github-login{font-weight:700;color:var(--text-primary)}.github-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.github-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.github-stat{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--surface);border-radius:14px;border:1px solid var(--glass-border);transition:all .2s}.github-stat:hover{border-color:var(--primary);background:#0ea5e905}.github-stat svg{color:var(--primary);opacity:.8}.github-stat-info{display:flex;flex-direction:column}.github-stat-value{font-weight:800;font-size:1.1rem;color:var(--text-primary);line-height:1.1}.github-stat-label{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.profile-github-info{margin-top:16px;width:100%}.profile-github-info .github-user-row{margin-bottom:12px}.profile-github-info .github-stats-grid{margin-bottom:0}.github-contribution-graph{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.github-contribution-graph img{width:100%;height:auto;border-radius:4px;transition:all .3s ease}[data-theme=dark] .github-contribution-graph img{filter:invert(.9) hue-rotate(180deg) brightness(1.2) contrast(1.2)}.github-contribution-graph.profile-contribution{margin-top:16px;padding-top:0;border-top:none;border-radius:12px;overflow:hidden}.github-contribution-graph.profile-contribution img{border-radius:8px}.github-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-secondary);text-align:center;gap:1rem}.github-empty svg{opacity:.2}.about-card{padding:1.5rem}.about-card h3{margin-bottom:1.25rem;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.about-item{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--text-secondary);font-size:.95rem;padding:.5rem;border-radius:10px;transition:background .2s}.about-item:last-child{margin-bottom:0}.about-item:hover{background:#0ea5e90d}.about-item svg{color:var(--primary);opacity:.8}.about-link{text-decoration:none;color:var(--text-secondary);cursor:pointer}.profile-main-feed{display:flex;flex-direction:column;gap:1.5rem}.feed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;padding:0 .5rem}.feed-header h2{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.feed-tabs{display:flex;gap:.5rem;background:#e2e8f080;padding:4px;border-radius:14px}[data-theme=dark] .feed-tabs{background:#1e293b80}.feed-tabs button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:600;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.feed-tabs button.active{background:var(--surface);color:var(--primary);box-shadow:0 4px 12px #0000000d;transform:scale(1.02)}.profile-posts{display:flex;flex-direction:column;gap:1.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;background:var(--surface);border-radius:28px;border:2px dashed var(--glass-border);color:var(--text-secondary);text-align:center}.empty-state svg{margin-bottom:1.5rem;opacity:.2;color:var(--primary)}.empty-state h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.empty-state p{font-size:.95rem}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.bento-card{animation:fadeInScale .4s ease-out forwards}.landing-container{display:flex;flex-direction:column;min-height:100vh;background:#fff;color:#1a1a2e;overflow-x:hidden}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:60px 24px;overflow:hidden;background:#fff;gap:40px}.deco-column{display:flex;flex-direction:column;align-items:center;gap:48px;padding:40px 0;flex-shrink:0}.deco-icon{color:#9ca3af;opacity:.55;display:flex;align-items:center;justify-content:center}.deco-column .deco-icon:nth-child(odd){color:#b8860b;opacity:.45}.deco-column .deco-icon:nth-child(2n){color:#6b7280;opacity:.5}.deco-left .deco-icon:nth-child(2){color:#d4a017;opacity:.45}.deco-left .deco-icon:nth-child(4){color:#b8860b;opacity:.4}.deco-right .deco-icon:nth-child(1){color:#b8860b;opacity:.4}.deco-right .deco-icon:nth-child(4){color:#d4a017;opacity:.45}.hero-content{position:relative;z-index:2;max-width:800px;display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#f8f9fa;border:1px solid #e9ecef;padding:10px 22px;border-radius:100px;font-size:.9rem;font-weight:600;color:#495057;margin-bottom:32px}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.1;margin-bottom:24px;letter-spacing:-.03em;color:#1a1a2e}.hero-subtitle{font-size:clamp(1.05rem,2vw,1.3rem);color:#6c757d;line-height:1.7;max-width:600px;margin-bottom:48px;font-weight:400}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.primary-enter-btn{display:flex;align-items:center;gap:10px;padding:16px 36px;border-radius:14px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-decoration:none;background:var(--primary, #ff4757);color:#fff;border:none;box-shadow:0 4px 14px #ff475740;font-family:inherit}.primary-enter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff47574d}@media(max-width:768px){.hero-section{padding:40px 16px}.deco-column{display:none}.hero-title{font-size:clamp(2rem,8vw,3rem)}.hero-subtitle{font-size:1rem}.primary-enter-btn{padding:14px 28px;font-size:1rem}}.app-container{display:flex;flex-direction:column;min-height:100vh;background:var(--background);color:var(--text-primary)}.en{font-family:Outfit,sans-serif}.kh{font-family:Kantumruy Pro,sans-serif;line-height:1.8}.global-header{position:fixed;top:0;left:0;right:0;height:70px;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--sidebar-border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:1000}.header-left{display:flex;align-items:center;gap:30px}.header-logo{display:flex;align-items:center;gap:12px}.header-logo:hover{opacity:.85}.logo-container{height:32px;display:flex;align-items:center}.main-logo{height:100%;width:auto;object-fit:contain}.logo-text{font-size:1.4rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}.header-mobile-menu{display:none;position:relative}.mobile-menu-trigger{display:flex;align-items:center;justify-content:center}.mobile-dropdown-menu{position:absolute;right:0;top:calc(100% + 12px);background:var(--surface);border:1px solid var(--sidebar-border);border-radius:16px;box-shadow:0 12px 40px #00000026;z-index:1000;min-width:220px;padding:8px;display:flex;flex-direction:column}.mobile-dropdown-menu button{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;border-radius:10px;transition:background .2s;font-family:inherit;width:100%;text-align:left}.mobile-dropdown-menu button:hover{background:var(--nav-hover)}.mobile-dropdown-menu button svg{color:var(--text-secondary);flex-shrink:0}.mobile-menu-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px}@media(max-width:768px){.logo-text{display:none}.global-header{padding:0 12px;gap:8px}.header-left{gap:10px;flex:1;min-width:0}.header-search{width:auto;flex:1;min-width:0;padding:6px 12px}.header-community-btn,.header-right>.header-icon-btn,.header-notifications{display:none}.header-mobile-menu{display:block}.header-right{gap:8px;flex-shrink:0}}.header-search{display:flex;align-items:center;gap:10px;background:var(--background);border:1px solid var(--sidebar-border);padding:8px 16px;border-radius:8px;width:280px;transition:all .2s}.header-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.header-search input{border:none;background:transparent;color:var(--text-primary);outline:none;width:100%;font-size:.9rem}.header-nav{display:flex;align-items:center;height:100%;gap:10px}.header-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;padding:0 20px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-family:inherit;border-bottom:3px solid transparent}.header-nav-item:hover{color:var(--text-primary)}.header-nav-item.active{color:var(--text-primary);border-bottom-color:var(--primary)}.nav-label{font-size:.75rem;font-weight:600}.header-right{display:flex;align-items:center;gap:16px}.header-icon-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-family:inherit}.header-icon-btn:hover{color:var(--text-primary)}.header-community-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;border:1px solid var(--sidebar-border);background:var(--nav-hover);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s;font-family:inherit;white-space:nowrap}.header-community-btn:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary)}.header-community-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.header-community-btn svg{flex-shrink:0}.notification-badge{position:absolute;top:-4px;right:-2px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--surface)}.header-profile-menu{position:relative;margin-left:10px}.header-profile-toggle{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;color:var(--text-secondary)}.header-profile-toggle:hover{color:var(--text-primary)}.header-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff}.header-avatar img{width:100%;height:100%;object-fit:cover}.header-profile-label{font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:2px}.header-login-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;border:1px solid var(--primary);background:transparent;color:var(--primary);font-weight:600;cursor:pointer;transition:all .2s}.header-login-btn:hover{background:rgba(var(--primary-rgb),.1)}.header-dropdown-menu{position:absolute;top:calc(100% + 5px);right:0;background:var(--surface);border:1px solid var(--sidebar-border);border-radius:12px;padding:8px;min-width:150px;box-shadow:0 4px 12px #0000001a;display:none;flex-direction:column;gap:4px}.header-profile-menu:hover .header-dropdown-menu{display:flex}.header-dropdown-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text-primary);font-size:.9rem;cursor:pointer;border-radius:8px;text-align:left}.header-dropdown-menu button:hover{background:var(--nav-hover);color:var(--primary)}.header-dropdown-menu .logout-action:hover{color:#ef4444}.sidebar{width:260px;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;padding:24px 16px;position:fixed;top:70px;height:calc(100vh - 70px);z-index:100}.nav-items{flex:1;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:none;background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.nav-item:hover{background:var(--nav-hover);color:var(--text-primary)}.nav-item.active{background:var(--nav-hover);color:var(--primary)}.main-content{flex:1;margin-top:70px;margin-left:260px;padding:40px 60px;box-sizing:border-box}.page-home{display:flex;flex-direction:column;gap:40px}.home-header{display:flex;justify-content:space-between;align-items:flex-end}.greeting{color:#94a3b8;font-size:1rem;font-weight:500;margin-bottom:4px}.page-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em}.refresh-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:14px;border:1px solid var(--sidebar-border);background:var(--nav-hover);color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.refresh-btn:hover{background:var(--nav-hover);color:var(--primary);border-color:var(--primary)}.daily-quote-card{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:32px;padding:60px;position:relative;overflow:hidden;box-shadow:var(--card-shadow)}.quote-pattern{position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,#0ea5e9,#6366f1);opacity:.15;clip-path:polygon(30% 0,100% 0,100% 100%,0% 100%)}.quote-github-icon{position:absolute;right:60px;top:50%;transform:translateY(-50%) rotate(-15deg);opacity:.15;color:var(--text-primary);pointer-events:none;z-index:1}[data-theme=dark] .quote-github-icon{opacity:.12;color:#fff}.featured-badge{background:#38bdf81a;color:#38bdf8;padding:6px 14px;border-radius:50px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;display:inline-block}.project-title{font-size:2.5rem;font-weight:800;margin-bottom:16px;color:var(--text-primary)}.quote-text{font-size:1.2rem;font-weight:500;color:var(--text-secondary);line-height:1.6;margin-bottom:32px;max-width:80%}.project-meta{display:flex;gap:24px;margin-bottom:24px}.meta-item{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem;font-weight:600}.meta-item svg{color:var(--primary)}.tags-container{display:flex;gap:12px;flex-wrap:wrap}.tag{background:var(--nav-hover);color:var(--text-secondary);padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:600;border:1px solid var(--glass-border)}.quote-actions{display:flex;gap:12px;margin-top:32px}.action-btn{width:48px;height:48px;border-radius:14px;border:none;background:var(--nav-hover);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn:hover{background:var(--nav-hover);color:var(--primary)}.action-btn.primary{background:var(--primary);color:#fff}.action-btn.primary:hover{background:#0ea5e9;transform:scale(1.05)}.text-green{color:#22c55e}.category-preview h3{font-size:1rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.category-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.category-card{display:flex;align-items:center;gap:16px;padding:24px 28px;border-radius:20px;border:1px solid var(--glass-border);background:var(--surface);color:var(--text-primary);cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .3s;font-family:inherit;box-shadow:var(--card-shadow)}.category-card.motivational{background:linear-gradient(135deg,var(--nav-hover) 0%,var(--background) 100%)}.category-card svg{color:var(--primary)}.category-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--card-hover-shadow)}.page-explore{display:flex;flex-direction:column;gap:32px;max-width:1200px;margin:0 auto;width:100%}.explore-header{display:flex;justify-content:space-between;align-items:center;gap:32px}.search-box{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--surface);border-radius:16px;border:1px solid var(--sidebar-border);width:320px;transition:all .2s;box-shadow:var(--card-shadow)}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--nav-hover)}.search-box input{border:none;outline:none;background:transparent;font-size:.95rem;font-family:inherit;color:var(--text-primary);width:100%}.quotes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.quote-card{background:var(--surface);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--card-shadow);transition:all .3s;border:1px solid var(--glass-border)}.quote-card:hover{transform:translateY(-4px);box-shadow:var(--card-hover-shadow);border-color:var(--primary)}.card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.card-text{font-size:1rem;font-weight:400;color:var(--text-secondary);line-height:1.6;flex:1}.project-stats{display:flex;gap:16px;color:var(--text-secondary);font-size:.8rem;font-weight:600}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--sidebar-border)}.card-author{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.tutorial-badge{background:#38bdf8;color:#fff;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;width:fit-content;text-transform:uppercase}.learn-more-btn{background:transparent;border:1px solid #38bdf8;color:#38bdf8;padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s}.learn-more-btn:hover{background:#38bdf8;color:#fff}.idea-category{color:#a78bfa;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.empty-state{grid-column:1 / -1;text-align:center;padding:60px;color:#94a3b8}.empty-state.large{display:flex;flex-direction:column;align-items:center;gap:16px;padding:100px 40px}.empty-state.large svg{color:#e2e8f0;margin-bottom:8px}.empty-state.large h3{font-size:1.5rem;font-weight:700;color:#64748b}.empty-state.large p{color:#94a3b8;max-width:280px}.cta-btn{margin-top:16px;padding:14px 28px;border-radius:14px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f14d}.loading-state{display:flex;justify-content:center;align-items:center;padding:60px;color:var(--primary)}.platform-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.stat-card{background:var(--surface);border:1px solid var(--glass-border);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--card-hover-shadow)}.stat-card svg{color:var(--primary)}.stat-value{font-size:2rem;font-weight:800;color:var(--text-primary)}.stat-label{font-size:.875rem;color:var(--text-secondary)}.social-feed{max-width:700px}.feed-list{display:flex;flex-direction:column;gap:20px}.post-card{background:var(--surface);border:1px solid var(--glass-border);border-radius:20px;padding:24px;transition:all .3s}.post-card:hover{border-color:var(--primary)}.post-avatar{width:40px;height:40px;border-radius:50%;background:var(--nav-hover);display:flex;align-items:center;justify-content:center;color:var(--primary);overflow:hidden;flex-shrink:0}.post-avatar img{width:100%;height:100%;object-fit:cover}.post-meta{display:flex;flex-direction:column}.post-author-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.post-author{font-weight:600;color:var(--text-primary)}.post-handle{font-size:.85rem;color:var(--text-secondary);opacity:.7;font-weight:400}.post-time{font-size:.8rem;color:var(--text-secondary)}.post-content{font-size:1rem;line-height:1.6;color:var(--text-primary);margin-bottom:16px}.post-image{border-radius:12px;overflow:hidden;margin-bottom:16px}.post-image img{max-width:100%;max-height:500px;width:auto;height:auto;display:block;margin:0 auto;border-radius:12px}.post-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.post-actions{display:flex;gap:8px;padding-top:16px;border-top:1px solid var(--sidebar-border)}.post-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:var(--nav-hover);color:var(--text-secondary);border-radius:10px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .2s;font-family:inherit}.post-action-btn:hover{color:var(--primary);background:var(--nav-hover)}.post-action-btn.liked{color:#ef4444}.reaction-wrapper{position:relative;display:inline-block}.reaction-picker{position:absolute;bottom:100%;left:0;margin-bottom:10px;background:var(--surface);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px;border-radius:50px;display:flex;gap:8px;box-shadow:0 10px 25px #0003;z-index:1000}.reaction-picker.small{padding:4px;gap:4px;margin-bottom:5px}.reaction-emoji-btn{font-size:1.5rem;background:transparent;border:none;cursor:pointer;transition:transform .2s;padding:4px;line-height:1}.reaction-picker.small .reaction-emoji-btn{font-size:1.2rem}.reaction-emoji-btn:hover{transform:scale(1.3)}.comment-actions{margin-top:8px;display:flex;align-items:center;gap:16px}.comment-action-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--nav-hover);border:none;color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s}.comment-action-btn:hover{background:var(--glass-bg);color:var(--primary)}.comment-action-btn.liked{color:#ef4444}.comments-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--sidebar-border)}.comment-input-row{display:flex;gap:8px;margin-bottom:12px}.comment-input{flex:1;width:100%;box-sizing:border-box;padding:10px 14px;border:1px solid var(--sidebar-border);border-radius:10px;background:var(--background);color:var(--text-primary);font-size:.875rem;outline:none;font-family:inherit}.comment-input:focus{border-color:var(--primary)}.comment-send-btn{padding:10px 14px;background:var(--primary);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s}.comment-send-btn:hover{transform:scale(1.05)}.comments-list{display:flex;flex-direction:column;gap:12px}.comment-item{display:flex;gap:16px;padding:12px 0}.comment-content-wrapper{flex:1;min-width:0;display:flex;flex-direction:column}.comment-avatar{width:36px;height:36px;border-radius:10px;overflow:hidden;flex-shrink:0}.comment-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.comment-bubble{flex:1;background:var(--nav-hover);padding:12px 16px;border-radius:0 16px 16px;position:relative;border:1px solid var(--glass-border)}.comment-header-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.comment-date{font-size:.75rem;color:var(--text-secondary);opacity:.7}.comment-author-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.comment-author{font-weight:700;font-size:.875rem;color:var(--primary)}.comment-handle{font-size:.75rem;color:var(--text-secondary);opacity:.8}.comment-text{font-size:.95rem;color:var(--text-primary);line-height:1.6;margin-bottom:12px}.comment-actions{display:flex;gap:20px;margin-top:8px}.replies-container{margin-left:12px;margin-top:16px;padding-left:20px;border-left:2px solid var(--sidebar-border);position:relative}.replies-list{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.reply-item{display:flex;gap:14px;position:relative}.reply-item:before{content:"";position:absolute;left:-20px;top:14px;width:20px;height:2px;background:var(--sidebar-border)}.reply-avatar{width:32px;height:32px;border-radius:10px;overflow:hidden;flex-shrink:0;box-shadow:0 2px 6px #00000014}.reply-avatar img{width:100%;height:100%;object-fit:cover}.reply-bubble{flex:1;background:var(--nav-hover);padding:12px 16px;border-radius:0 16px 16px;border:1px solid var(--sidebar-border);min-width:0}.reply-header{display:flex;justify-content:space-between;margin-bottom:4px}.reply-author{font-weight:700;font-size:.85rem;color:var(--text-primary)}.reply-date{font-size:.75rem;color:var(--text-secondary);opacity:.6}.reply-text{font-size:.9rem;line-height:1.5;color:var(--text-primary);margin:0}.reply-actions{margin-top:8px;display:flex;gap:12px}.reply-input-row{display:flex;gap:12px;align-items:center;margin-top:16px;padding:8px;background:var(--surface);border:1px solid var(--sidebar-border);border-radius:12px}.avatar-placeholder.small{width:100%;height:100%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.user-section{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--nav-hover);border-radius:12px;margin-bottom:12px}.user-info{display:flex;align-items:center;gap:10px}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center}.user-name{font-weight:600;color:var(--text-primary);font-size:.9rem}.logout-btn{padding:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s}.logout-btn:hover{color:#ef4444;background:#ef44441a}.login-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border-radius:12px;border:none;background:var(--primary);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;margin-bottom:12px}.login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #38bdf84d}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.auth-modal{background:var(--surface);border:1px solid var(--glass-border);border-radius:24px;padding:40px;width:100%;max-width:400px;position:relative}.auth-modal h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;text-align:center}.modal-close{position:absolute;top:16px;right:16px;padding:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s}.modal-close:hover{color:var(--text-primary);background:var(--nav-hover)}.auth-input{width:100%;padding:14px 16px;border:1px solid var(--sidebar-border);border-radius:12px;background:var(--background);color:var(--text-primary);font-size:1rem;margin-bottom:12px;outline:none;font-family:inherit;box-sizing:border-box}.auth-input:focus{border-color:var(--primary)}.auth-input::placeholder{color:var(--text-secondary)}.auth-error{background:#ef44441a;color:#ef4444;padding:12px 16px;border-radius:10px;font-size:.875rem;margin-bottom:16px;text-align:center}.auth-submit-btn{width:100%;padding:14px;border:none;border-radius:12px;background:var(--primary);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;margin-top:8px}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #38bdf84d}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;margin-top:20px;color:var(--text-secondary);font-size:.875rem}.auth-switch button{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;font-family:inherit;font-size:inherit}.auth-switch button:hover{text-decoration:underline}.explore-layout{display:grid;grid-template-columns:1fr 280px;gap:32px;max-width:1100px}.feed-column{min-width:0}.sidebar-column{position:sticky;top:24px;height:fit-content}.explore-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.explore-actions{display:flex;gap:12px}.filter-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--sidebar-border);background:var(--surface);color:var(--text-secondary);border-radius:10px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .2s;font-family:inherit}.filter-btn:hover,.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.search-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--surface);border:1px solid var(--glass-border);border-radius:14px;margin-bottom:20px}.search-bar svg{color:var(--text-secondary);flex-shrink:0}.search-bar input{flex:1;border:none;background:transparent;font-size:1rem;color:var(--text-primary);outline:none;font-family:inherit}.search-bar input::placeholder{color:var(--text-secondary)}.clear-search{padding:4px;border:none;background:var(--nav-hover);border-radius:50%;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.active-filter{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--primary);color:#fff;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:16px}.active-filter button{padding:2px;border:none;background:#fff3;border-radius:50%;cursor:pointer;color:#fff;display:flex}.active-filter button:hover{background:#ffffff4d}.post-composer{background:var(--surface);border:1px solid var(--glass-border);border-radius:20px;margin-bottom:32px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;width:100%;position:relative}.post-composer:focus-within{box-shadow:0 12px 30px #0000001f;border-color:var(--primary);transform:translateY(-2px)}.composer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--sidebar-border);background:rgba(var(--primary-rgb),.02)}.composer-user-meta{display:flex;align-items:center;gap:12px}.composer-author-info{display:flex;flex-direction:column}.composer-author-name{font-weight:700;font-size:.95rem;color:var(--text-primary)}.composer-author-handle{font-size:.8rem;color:var(--text-secondary);opacity:.7}.composer-avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 10px rgba(var(--primary-rgb),.2);overflow:hidden}.composer-avatar img{width:100%;height:100%;object-fit:cover}.composer-tabs{display:flex;background:var(--nav-hover);padding:4px;border-radius:10px}.composer-tab{display:flex;align-items:center;gap:8px;padding:8px 18px;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}.composer-tab:hover{color:var(--text-primary)}.composer-tab.active{background:var(--surface);color:var(--primary);box-shadow:0 2px 8px #0000000d}.composer-body{padding:0;width:100%;position:relative;min-height:180px;display:flex;flex-direction:column}.composer-textarea{width:100%;min-height:180px;padding:24px;border:none;background:transparent;color:var(--text-primary);font-size:1.05rem;resize:vertical;outline:none;font-family:inherit;line-height:1.6;box-sizing:border-box;display:block}.composer-textarea::placeholder{color:var(--text-secondary);opacity:.5}.composer-preview{padding:24px;min-height:180px;width:100%;box-sizing:border-box}.preview-empty{color:var(--text-secondary);font-style:italic;text-align:center;padding:60px 0;font-size:.95rem}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--nav-hover);border-top:1px solid var(--sidebar-border);gap:16px;flex-wrap:wrap}.toolbar-left{display:flex;gap:10px}.toolbar-btn{padding:10px;border:1px solid var(--sidebar-border);background:var(--surface);color:var(--text-secondary);border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000005}.toolbar-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--primary-rgb),.2)}.file-input-hidden{display:none;visibility:hidden;position:absolute;width:0;height:0}.composer-tags-input{flex:1;min-width:250px;padding:10px 16px;background:var(--surface);border:1px solid var(--sidebar-border);border-radius:12px;font-size:.9rem;color:var(--text-primary);outline:none;transition:all .2s ease}.composer-tags-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.05)}.selected-files{display:flex;flex-wrap:wrap;gap:10px;padding:16px 24px;background:rgba(var(--primary-rgb),.02);border-top:1px solid var(--sidebar-border)}.file-chip{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--surface);border:1px solid var(--sidebar-border);border-radius:12px;font-size:.85rem;color:var(--text-primary);box-shadow:0 2px 6px #0000000a}.file-chip button{padding:4px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;border-radius:6px;transition:all .2s ease}.file-chip button:hover{color:#ef4444;background:#ef444414}.composer-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--sidebar-border);background:var(--surface)}.markdown-hint{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary);opacity:.8}.composer-btn{display:flex;align-items:center;gap:10px;padding:12px 32px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(var(--primary-rgb),.25)}.composer-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px rgba(var(--primary-rgb),.35);filter:brightness(1.1)}.composer-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--text-secondary);box-shadow:none}.post-type-selector{display:flex;gap:8px;padding:12px 24px;border-bottom:1px solid var(--sidebar-border);background:rgba(var(--primary-rgb),.01)}.post-type-btn{display:flex;align-items:center;gap:8px;padding:8px 18px;border:1px solid var(--sidebar-border);background:var(--surface);color:var(--text-secondary);font-size:.85rem;font-weight:600;border-radius:20px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:inherit}.post-type-btn:hover{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb),.05)}.post-type-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px rgba(var(--primary-rgb),.25)}.post-type-btn.opensource.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 2px 8px #10b9814d}.post-type-btn.opensource:hover:not(.active){border-color:#10b981;color:#10b981;background:#10b9810d}.oss-fields{border-bottom:1px solid var(--sidebar-border);animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:400px;transform:translateY(0)}}.oss-fields-header{display:flex;align-items:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#10b98114,#0596690a);color:#10b981;font-size:.9rem;font-weight:700;border-bottom:1px solid rgba(16,185,129,.12)}.oss-fields-grid{padding:16px 24px;display:flex;flex-direction:column;gap:14px}.oss-field label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.oss-field input{width:100%;padding:10px 14px;border:1px solid var(--sidebar-border);border-radius:10px;background:var(--background);color:var(--text-primary);font-size:.9rem;outline:none;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.oss-field input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98114}.oss-field input::placeholder{color:var(--text-secondary);opacity:.6}.oss-url-input{display:flex;align-items:center;gap:10px;padding:0 0 0 14px;border:1px solid var(--sidebar-border);border-radius:10px;background:var(--background);transition:all .2s ease}.oss-url-input:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b98114}.oss-url-input svg{color:var(--text-secondary);flex-shrink:0}.oss-url-input input{border:none;padding:10px 14px 10px 0;background:transparent;box-shadow:none!important}.oss-category-btns{display:flex;flex-wrap:wrap;gap:8px}.oss-category-btn{padding:7px 14px;border:1px solid var(--sidebar-border);background:var(--surface);color:var(--text-secondary);font-size:.8rem;font-weight:600;border-radius:18px;cursor:pointer;transition:all .2s ease;font-family:inherit}.oss-category-btn:hover{border-color:#10b981;color:#10b981;background:#10b9810d}.oss-category-btn.active{background:linear-gradient(135deg,#10b9811f,#05966914);border-color:#10b981;color:#10b981;box-shadow:0 1px 4px #10b98126}.oss-project-card{background:var(--card-bg);background-image:radial-gradient(circle at 100% 100%,rgba(16,185,129,.03) 0,transparent 40%);border:1px solid var(--border-color);border-radius:20px;padding:0;margin-bottom:20px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;box-shadow:0 4px 24px #0000000f}.oss-project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light));opacity:0;transition:opacity .3s ease}.oss-project-card:hover:before{opacity:1}.oss-project-card:hover{border-color:var(--primary-light);box-shadow:0 10px 30px #10b9811a;transform:translateY(-2px)}.oss-card-top{padding:10px 20px;background:linear-gradient(to right,rgba(16,185,129,.08),transparent);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.oss-project-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#10b98114;color:var(--primary);border-radius:100px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(16,185,129,.15)}.oss-card-body{display:flex;align-items:flex-start;gap:20px;padding:24px}.oss-card-logo{flex-shrink:0;width:64px;height:64px;border-radius:16px;overflow:hidden;background:var(--nav-hover);box-shadow:0 4px 12px #0000001a;border:2px solid var(--border-color);transition:transform .2s ease}.oss-project-card:hover .oss-card-logo{transform:scale(1.05)}.oss-card-logo img{width:100%;height:100%;object-fit:cover}.oss-card-logo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-light),var(--primary-dark));color:#fff}.oss-card-info{flex:1;min-width:0}.oss-project-name{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0 0 4px;line-height:1.2;letter-spacing:-.02em}.oss-repo-path{display:flex;align-items:center;gap:4px;font-size:.85rem;margin-bottom:12px;opacity:.7}.oss-repo-stats{display:flex;align-items:center;gap:16px;margin-bottom:14px;background:#10b9810d;padding:6px 12px;border-radius:8px;width:fit-content}.oss-stat{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--text-primary)}.oss-stat svg{color:#f59e0b}.oss-repo-description{font-size:.95rem;line-height:1.6;color:var(--text-secondary);margin:12px 0 20px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.oss-repo-link{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:var(--primary);border-radius:10px;color:#fff;text-decoration:none;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #10b98133}.oss-repo-link:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.markdown-content{color:var(--text-primary);line-height:1.7}.markdown-content p{margin:0 0 16px}.markdown-content p:last-child{margin-bottom:0}.inline-code{padding:2px 6px;background:var(--nav-hover);border-radius:4px;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.875em;color:var(--primary)}.code-wrapper{margin:16px 0}.code-block{border-radius:12px!important;font-size:.875rem!important}.md-link{color:var(--primary);text-decoration:none}.md-link:hover{text-decoration:underline}.md-blockquote{margin:16px 0;padding:12px 20px;border-left:4px solid var(--primary);background:var(--nav-hover);border-radius:0 8px 8px 0;color:var(--text-secondary)}.md-blockquote p{margin:0}.table-wrapper{overflow-x:auto;margin:16px 0}.md-table{width:100%;border-collapse:collapse}.md-table th,.md-table td{padding:10px 14px;border:1px solid var(--sidebar-border);text-align:left}.md-table th{background:var(--nav-hover);font-weight:600}.md-image{max-width:100%;border-radius:12px;margin:16px 0}.md-list{margin:16px 0;padding-left:24px}.md-list li{margin-bottom:8px}.md-heading{margin:24px 0 12px;font-weight:700}.md-h1{font-size:1.5rem}.md-h2{font-size:1.25rem}.md-h3{font-size:1.1rem}.post-content-wrapper{margin-bottom:16px}.post-attachments{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.attachment-image{flex:1;min-width:200px;max-width:100%}.attachment-image img{max-width:100%;max-height:500px;width:auto;height:auto;display:block;margin:0 auto;border-radius:12px;cursor:pointer;transition:transform .2s}.attachment-image img:hover{transform:scale(1.02)}.attachment-file{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--nav-hover);border-radius:10px;color:var(--text-primary);text-decoration:none;font-size:.875rem;transition:all .2s}.attachment-file:hover{background:var(--primary);color:#fff}.post-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.post-header-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.bookmark-btn{padding:8px;border:none;background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s}.bookmark-btn:hover,.bookmark-btn.active{color:var(--primary)}.post-menu-wrapper{position:relative}.post-menu-btn{padding:8px;border:none;background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s}.post-menu-btn:hover{color:var(--text-primary);background:var(--nav-hover)}.post-menu{position:absolute;top:100%;right:0;background:var(--surface);border:1px solid var(--sidebar-border);border-radius:12px;padding:8px;min-width:140px;box-shadow:var(--card-hover-shadow);z-index:100}.post-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;border-radius:8px;cursor:pointer;font-family:inherit}.post-menu button:hover{background:var(--nav-hover)}.post-menu button.delete{color:#ef4444}.post-menu button.delete:hover{background:#ef44441a}.edit-post-form{margin-bottom:16px}.edit-textarea{width:100%;min-height:100px;padding:14px;border:1px solid var(--sidebar-border);border-radius:12px;background:var(--background);color:var(--text-primary);font-size:1rem;resize:vertical;font-family:inherit;outline:none;box-sizing:border-box}.edit-textarea:focus{border-color:var(--primary)}.edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.cancel-btn,.save-btn{padding:8px 16px;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;font-family:inherit}.cancel-btn{border:1px solid var(--sidebar-border);background:transparent;color:var(--text-secondary)}.cancel-btn:hover{background:var(--nav-hover)}.save-btn{border:none;background:var(--primary);color:#fff}.save-btn:hover{opacity:.9}.post-tags .tag{cursor:pointer;transition:all .2s;border:none;background:var(--nav-hover);font-family:inherit}.post-tags .tag:hover,.post-tags .tag.active{background:var(--primary);color:#fff}.trending-section{background:var(--surface);border:1px solid var(--glass-border);border-radius:20px;padding:24px}.trending-section h3{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.trending-section h3 svg{color:var(--primary)}.trending-tags{display:flex;flex-direction:column;gap:8px}.trending-tag{display:block;width:100%;text-align:left;padding:12px 14px;border:none;background:var(--nav-hover);color:var(--text-primary);font-size:.9rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s;font-family:inherit}.trending-tag:hover,.trending-tag.active{background:var(--primary);color:#fff}.no-trends{color:var(--text-secondary);font-size:.875rem;text-align:center;padding:16px 0}.community-hub-section{background:var(--surface);border:1px solid var(--glass-border);border-radius:20px;padding:24px;margin-top:24px}.community-hub-section h3{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:20px}.community-hub-section h3 svg{color:var(--primary)}.community-members{display:flex;flex-direction:column;gap:12px}.community-member-card{display:flex;align-items:center;gap:12px;padding:10px;background:var(--nav-hover);border-radius:12px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.community-member-card:hover{background:var(--surface);border-color:var(--primary);transform:translate(4px);box-shadow:0 4px 12px #0000001a}.member-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--nav-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--glass-border)}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.member-name{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-username{font-size:.75rem;color:var(--text-secondary)}.no-members{color:var(--text-secondary);font-size:.9rem;text-align:center;padding:12px}.page-community{max-width:1100px;margin:0 auto;width:100%}.community-page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;gap:20px;flex-wrap:wrap}.community-title-section h1{display:flex;align-items:center;gap:12px}.community-title-section h1 svg{color:var(--primary)}.community-subtitle{font-size:1.05rem;color:var(--text-secondary);margin-top:8px}.community-stats-bar{display:flex;gap:12px}.community-stat-pill{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--surface);border:1px solid var(--sidebar-border);border-radius:100px;font-size:.9rem;font-weight:700;color:var(--text-primary);box-shadow:var(--card-shadow)}.community-stat-pill svg{color:var(--primary)}.community-members-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.community-member-card-full{background:var(--surface);border:1px solid var(--sidebar-border);border-radius:20px;padding:24px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:14px;box-shadow:var(--card-shadow)}.community-member-card-full:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.member-card-header{display:flex;align-items:center;gap:14px}.member-avatar-lg{width:52px;height:52px;border-radius:16px;overflow:hidden;background:var(--nav-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--glass-border)}.member-avatar-lg img{width:100%;height:100%;object-fit:cover}.member-avatar-lg svg{color:var(--text-secondary)}.member-card-info{display:flex;flex-direction:column;gap:3px;overflow:hidden}.member-name-lg{font-size:1.05rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-username-lg{font-size:.82rem;color:var(--primary);font-weight:500}.member-bio{font-size:.88rem;color:var(--text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.member-card-footer{display:flex;flex-wrap:wrap;gap:12px;padding-top:12px;border-top:1px solid var(--sidebar-border);min-height:28px}.member-meta-item{display:flex;align-items:center;gap:5px;font-size:.78rem;color:var(--text-secondary)}.member-meta-item svg{flex-shrink:0;opacity:.7}.community-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;text-align:center;color:var(--text-secondary)}.community-empty svg{opacity:.2}.community-empty h3{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0}.community-empty p{font-size:.95rem;margin:0;opacity:.7}@media(max-width:900px){.community-members-grid{grid-template-columns:repeat(2,1fr)}.community-page-header{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.community-members-grid{grid-template-columns:1fr}}@media(max-width:900px){.explore-layout{grid-template-columns:1fr}.sidebar-column{display:none}}.github-section{margin-top:48px;margin-bottom:48px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-header h2{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.section-header h2 svg{color:var(--primary)}.repo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.repo-grid.spotlight{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.repo-card{background:var(--surface);border:1px solid var(--glass-border);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px;transition:all .3s ease;text-decoration:none;color:inherit;box-shadow:0 4px 6px -1px #0000001a}.repo-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 10px 15px -3px #0000001a}.spotlight-card{background:linear-gradient(145deg,var(--surface) 0%,var(--nav-hover) 100%);border-width:2px}.repo-header{display:flex;align-items:center;gap:14px}.repo-avatar{width:44px;height:44px;border-radius:12px;border:2px solid var(--glass-border)}.repo-info{display:flex;flex-direction:column}.repo-name{font-size:1.1rem;font-weight:700;color:var(--text-primary);word-break:break-all}.repo-owner{font-size:.875rem;color:var(--text-secondary)}.repo-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.repo-footer{display:flex;align-items:center;gap:16px;margin-top:auto;font-size:.85rem;color:var(--text-secondary);font-weight:600}.repo-lang{display:flex;align-items:center;gap:6px}.lang-dot{width:10px;height:10px;border-radius:50%}.repo-stars,.repo-forks{display:flex;align-items:center;gap:4px}.repo-topics{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.topic-tag{font-size:.75rem;padding:2px 8px;background:var(--nav-hover);color:var(--primary);border-radius:6px;font-weight:600}.page-explore,.page-home{max-width:1200px;margin:0 auto}@media(max-width:1024px){.sidebar{width:80px;padding:20px 12px}.sidebar-header{justify-content:center;padding:0 0 24px}.main-logo{max-width:40px}.nav-item span,.lang-toggle span{display:none}.nav-item{justify-content:center;padding:14px}.lang-toggle{justify-content:center;padding:12px}.main-content{margin-left:80px;padding:32px}.page-title{font-size:2rem}.quote-text{font-size:1.5rem;max-width:100%}.daily-quote-card{padding:40px}}@media(max-width:768px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:auto;flex-direction:row;padding:12px 16px;border-right:none;border-top:1px solid #e2e8f0}.sidebar-header,.sidebar-footer{display:none}.nav-items{flex-direction:row;justify-content:space-around;width:100%}.nav-item{flex-direction:column;gap:4px;padding:10px 16px;font-size:.75rem}.nav-item span{display:block}.main-content{margin-left:0;margin-bottom:80px;padding:24px 20px}.home-header{flex-direction:column;align-items:flex-start;gap:16px}.page-title{font-size:1.75rem}.daily-quote-card{padding:32px 24px}.quote-text{font-size:1.25rem}.quote-actions{position:static;margin-top:24px;justify-content:center}.category-cards{grid-template-columns:1fr}.explore-header{flex-direction:column;align-items:stretch}.search-box{width:100%}.quotes-grid{grid-template-columns:1fr}}.page-ossguide{display:flex;flex-direction:column;gap:40px;max-width:1200px;margin:0 auto;width:100%}.ossguide-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.ossguide-title-section{flex:1}.ossguide-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-top:8px;font-weight:500}.ossguide-source-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:14px;border:1px solid var(--sidebar-border);background:var(--surface);color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}.ossguide-source-btn:hover{background:var(--nav-hover);color:var(--primary);border-color:var(--primary);transform:translateY(-2px)}.ossguide-categories{display:flex;flex-direction:column;gap:32px}.ossguide-category{display:flex;flex-direction:column;gap:16px}.ossguide-category .category-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:2px solid var(--sidebar-border)}.ossguide-category .category-header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.category-icon{font-size:1.5rem}.category-guides{display:flex;flex-direction:column;gap:12px}.ossguide-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--surface);border:1px solid var(--glass-border);border-radius:16px;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.ossguide-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--guide-color);opacity:0;transition:opacity .3s}.ossguide-card:hover{transform:translate(8px);border-color:var(--guide-color);box-shadow:var(--card-hover-shadow)}.ossguide-card:hover:before{opacity:1}.guide-icon-wrapper{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.guide-icon{font-size:1.75rem}.guide-content{flex:1;min-width:0}.guide-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.guide-content p{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.guide-topics{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto;flex-shrink:0}.guide-topic{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600}.guide-arrow{color:var(--text-secondary);transition:all .3s;flex-shrink:0}.ossguide-card:hover .guide-arrow{color:var(--guide-color);transform:translate(4px)}.ossguide-all-section{margin-top:24px}.ossguide-all-section .section-title{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:24px}.ossguide-all-section .section-title svg{color:var(--primary)}.ossguide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.ossguide-grid-card{background:var(--surface);border:1px solid var(--glass-border);border-radius:20px;padding:24px;text-decoration:none;transition:all .3s;display:flex;flex-direction:column;gap:16px}.ossguide-grid-card:hover{transform:translateY(-4px);border-color:var(--guide-color);box-shadow:var(--card-hover-shadow)}.grid-card-header{display:flex;justify-content:space-between;align-items:flex-start}.grid-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.grid-card-link{color:var(--text-secondary);opacity:0;transition:all .3s}.ossguide-grid-card:hover .grid-card-link{opacity:1;color:var(--guide-color)}.ossguide-grid-card h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4}.ossguide-grid-card p{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.6;flex:1}.ossguide-footer{text-align:center;padding:32px 24px;background:var(--surface);border:1px solid var(--glass-border);border-radius:16px;margin-top:24px}.ossguide-footer p{color:var(--text-secondary);font-size:.9rem;margin:0}.ossguide-footer a{color:var(--primary);text-decoration:none;font-weight:600;transition:color .2s}.ossguide-footer a:hover{color:#0ea5e9}@media(max-width:768px){.ossguide-header{flex-direction:column}.ossguide-source-btn{width:100%;justify-content:center}.ossguide-card{flex-direction:column;align-items:flex-start;text-align:left}.guide-topics{margin-left:0;margin-top:12px}.ossguide-grid{grid-template-columns:1fr}}.page-stackrepo{display:flex;flex-direction:column;gap:32px;max-width:1200px;margin:0 auto;width:100%}.stackrepo-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.stackrepo-title-section{flex:1}.stackrepo-subtitle{color:var(--text-secondary);font-size:1.1rem;margin:8px 0 0;line-height:1.5}.stackrepo-source-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--surface);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s}.stackrepo-source-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #0ea5e94d}.stackrepo-controls{display:flex;flex-direction:column;gap:16px}.stack-search-bar{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--surface);border:1px solid var(--glass-border);border-radius:16px;transition:all .3s}.stack-search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #0ea5e926}.stack-search-bar svg{color:var(--text-secondary)}.stack-search-bar input{flex:1;border:none;background:none;font-size:1rem;color:var(--text-primary);outline:none}.stack-search-bar input::placeholder{color:var(--text-secondary)}.clear-search{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);transition:color .2s;display:flex;align-items:center}.clear-search:hover{color:var(--text-primary)}.stack-category-filters{display:flex;gap:8px;flex-wrap:wrap}.category-filter-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--surface);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .25s}.category-filter-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.category-filter-btn.active{background:linear-gradient(135deg,var(--primary),#0ea5e9);color:#fff;border-color:transparent;box-shadow:0 4px 12px #0ea5e94d}.category-dropdown-wrapper{position:relative}.category-more-btn{display:flex;align-items:center;gap:6px}.category-more-btn svg{transition:transform .25s}.category-more-btn svg.rotate{transform:rotate(180deg)}.category-more-btn.open{background:var(--surface-hover);border-color:var(--primary)}.category-more-btn.has-active{background:linear-gradient(135deg,var(--primary),#0ea5e9);color:#fff;border-color:transparent}.category-dropdown-backdrop{position:fixed;inset:0;z-index:99}.category-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;max-height:320px;overflow-y:auto;background:var(--surface);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 12px 32px #0003;z-index:100;padding:8px;display:flex;flex-direction:column;gap:4px;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.category-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;width:100%}.category-dropdown-item:hover{background:var(--surface-hover);color:var(--text-primary)}.category-dropdown-item.active{background:linear-gradient(135deg,var(--cat-color, var(--primary)),color-mix(in srgb,var(--cat-color, var(--primary)) 80%,white));color:#fff}.dropdown-item-icon{font-size:1.1rem;width:24px;text-align:center}.dropdown-item-label{flex:1}.stacks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.stack-card{display:flex;flex-direction:column;gap:16px;padding:24px;background:var(--surface);border:1px solid var(--glass-border);border-radius:20px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stack-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--stack-color, var(--primary));opacity:0;transition:opacity .3s}.stack-card:hover{transform:translateY(-6px);border-color:var(--stack-color, var(--primary));box-shadow:0 20px 40px #0000001f,0 0 0 1px var(--stack-color, var(--primary))}.stack-card:hover:before{opacity:1}.stack-card-header{display:flex;gap:16px;align-items:flex-start}.stack-logo{width:56px;height:56px;border-radius:14px;overflow:hidden;flex-shrink:0;background:var(--surface-hover);display:flex;align-items:center;justify-content:center}.stack-logo img{width:100%;height:100%;object-fit:cover}.stack-logo-placeholder{color:var(--stack-color);opacity:.8}.stack-info{flex:1;min-width:0}.stack-info h3{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0 0 8px;line-height:1.3}.stack-category{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600}.popular-badge{font-size:1.2rem;flex-shrink:0}.stack-description{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.stack-tags{display:flex;gap:6px;flex-wrap:wrap}.stack-tag{padding:4px 10px;background:var(--surface-hover);border-radius:6px;font-size:.75rem;color:var(--text-secondary);font-weight:500}.stack-actions{display:flex;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--glass-border)}.stack-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:10px;background:var(--surface-hover);border:1px solid transparent;color:var(--text-secondary);font-size:.85rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .25s;flex:1}.stack-action-btn:hover{color:var(--text-primary);background:var(--glass-border)}.stack-action-btn.primary{background:linear-gradient(135deg,var(--stack-color, var(--primary)),color-mix(in srgb,var(--stack-color, var(--primary)) 80%,white));color:#fff;border-color:transparent}.stack-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px color-mix(in srgb,var(--stack-color, var(--primary)) 30%,transparent)}.loading-state{display:flex;align-items:center;justify-content:center;padding:80px;color:var(--text-secondary)}.empty-state.large{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 40px;text-align:center;color:var(--text-secondary);background:var(--surface);border-radius:20px;border:2px dashed var(--glass-border)}.empty-state.large h3{font-size:1.3rem;color:var(--text-primary);margin:0}.empty-state.large p{margin:0;font-size:.95rem}.stackrepo-footer{text-align:center;padding:28px 24px;background:var(--surface);border:1px solid var(--glass-border);border-radius:16px;margin-top:16px}.stackrepo-footer p{color:var(--text-secondary);font-size:.9rem;margin:0}.stackrepo-footer a{color:var(--primary);text-decoration:none;font-weight:600;transition:color .2s}.stackrepo-footer a:hover{color:#0ea5e9}@media(max-width:900px){.stackrepo-header{flex-direction:column;align-items:stretch;gap:16px;text-align:left}.stackrepo-header-actions{flex-direction:column;width:100%;gap:10px}.stackrepo-source-btn{width:100%;justify-content:center;padding:10px 16px;font-size:.85rem}.stacks-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.main-content{padding:16px 12px!important;margin-bottom:70px}.page-stackrepo{gap:20px}.stackrepo-title-section{text-align:left}.page-title{font-size:1.5rem!important;margin-bottom:4px}.stackrepo-subtitle{font-size:.9rem;text-align:left;line-height:1.4}.stack-search-bar{padding:10px 14px;margin-bottom:8px}.stack-search-bar input{font-size:.9rem}.stack-category-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;margin:0 -12px;padding-left:12px;padding-right:12px;gap:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.stack-category-filters::-webkit-scrollbar{display:none}.category-filter-btn{flex-shrink:0;padding:6px 12px;font-size:.75rem}.stacks-grid{grid-template-columns:1fr;gap:12px}.stack-card{padding:14px;gap:10px;border-radius:16px}.stack-card-header{gap:10px}.stack-logo{width:44px;height:44px;border-radius:10px}.stack-info h3{font-size:1rem;margin-bottom:4px}.stack-description{font-size:.8rem;-webkit-line-clamp:2;line-clamp:2}.stack-tags{gap:4px}.stack-tag{font-size:.7rem;padding:2px 8px}.stack-actions{flex-direction:column;gap:6px;padding-top:8px;margin-top:4px}.stack-action-btn{width:100%;padding:10px;font-size:.85rem;justify-content:center}}@media(max-width:480px){.page-title{font-size:1.35rem!important}.stackrepo-subtitle{font-size:.85rem}.stack-logo{width:40px;height:40px}.stack-info h3{font-size:.95rem}}.compose-dialog-overlay{position:fixed;inset:0;background:#0006;z-index:1000}.compose-dialog{position:fixed;top:0;right:0;bottom:0;width:650px;max-width:100%;background:var(--background);border-left:1px solid var(--sidebar-border);box-shadow:-10px 0 40px #0003;z-index:1001;display:flex;flex-direction:column;overflow:hidden}.compose-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;background:var(--background);border-bottom:1px solid var(--sidebar-border)}.compose-dialog-title{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.compose-dialog-title svg{color:var(--primary);flex-shrink:0}.compose-dialog-title h2{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compose-file-name{display:block;font-size:.8rem;color:var(--text-secondary);font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace}.compose-dialog-actions{display:flex;align-items:center;gap:8px}.compose-copy-btn,.compose-github-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;background:var(--surface-hover);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s;text-decoration:none}.compose-copy-btn:hover,.compose-github-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.compose-copy-btn:disabled{opacity:.5;cursor:not-allowed}.compose-copy-btn:disabled:hover{background:var(--surface-hover);color:var(--text-secondary);border-color:var(--glass-border)}.compose-close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .25s}.compose-close-btn:hover{background:#ef44441a;color:#ef4444}.compose-dialog-content{flex:1;overflow:auto;padding:24px}.compose-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;color:var(--text-secondary)}.compose-code{margin:0;padding:20px;background:var(--background);border:1px solid var(--sidebar-border);border-radius:12px;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,Courier New,monospace;font-size:.85rem;line-height:1.6;color:var(--text-primary);overflow-x:auto;white-space:pre;tab-size:2}.compose-code code{font-family:inherit}[data-theme=dark] .compose-code{background:#0006}@media(max-width:768px){.compose-dialog{width:100%}.compose-dialog-header{flex-wrap:wrap;padding:16px}.compose-dialog-title{width:100%;margin-bottom:12px}.compose-dialog-actions{width:100%;justify-content:flex-end}.compose-github-btn span{display:none}}.page-profile{max-width:1100px;margin:0 auto;width:100%}.profile-container{display:flex;flex-direction:column;gap:32px}.profile-header-card{background:var(--surface);border-radius:32px;overflow:hidden;box-shadow:var(--card-shadow);border:1px solid var(--sidebar-border)}.profile-cover{height:320px;position:relative}.profile-cover img{width:100%;height:100%;object-fit:cover}.cover-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0a192f66,#0a192fcc)}.profile-back-btn{position:absolute;top:24px;left:24px;z-index:10;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:12px;color:#fff;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.profile-back-btn:hover{background:#fff3;transform:translate(-4px)}.cover-stats{position:absolute;bottom:32px;right:48px;display:flex;align-items:center;gap:24px;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);padding:16px 32px;border-radius:20px;color:#fff;z-index:5}.cover-stat{display:flex;flex-direction:column;align-items:center;min-width:80px}.stat-value{font-size:1.5rem;font-weight:800;color:#fff}.stat-label{font-size:.8rem;opacity:.85;text-transform:uppercase;letter-spacing:.05em;color:#ffffffe6}.cover-stats .divider{width:1px;height:32px;background:#ffffff4d}.profile-info-section{padding:0 48px 40px;display:flex;gap:32px;margin-top:-60px;position:relative}.profile-avatar-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.profile-avatar-large{width:140px;height:140px;border-radius:40px;background:var(--surface);border:6px solid var(--surface);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 15px 35px #0003}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-avatar-large{position:relative}.profile-avatar-large.editable{cursor:pointer}.avatar-file-input{display:none}.avatar-upload-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;cursor:pointer;opacity:0;transition:all .3s ease;color:#fff;border-radius:40px}.profile-avatar-large.editable:hover .avatar-upload-btn{opacity:1}.avatar-upload-btn:disabled{cursor:wait;opacity:1;background:#000000b3}.avatar-upload-btn svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.avatar-upload-btn:hover:not(:disabled){background:#000000bf}.avatar-upload-btn:hover:not(:disabled) svg{transform:scale(1.1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.online-status{position:absolute;bottom:8px;right:8px;width:24px;height:24px;background:#10b981;border:4px solid var(--surface);border-radius:50%}.profile-main-meta{flex:1;padding-top:68px;display:flex;flex-direction:column;gap:12px}.profile-name-area h1{font-size:2.2rem;font-weight:800;margin:0;display:flex;align-items:center;gap:10px}.verified-badge{color:#fff;fill:#1d9bf0;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(29,155,240,.3))}.profile-username{color:var(--primary);font-weight:600;font-size:1.1rem}.profile-bio{font-size:1.1rem;color:var(--text-secondary);max-width:600px;line-height:1.6}.profile-actions-row{display:flex;gap:12px;margin-top:12px}.profile-action-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.profile-action-btn.primary{background:var(--primary);color:#fff}.profile-action-btn.secondary{background:var(--nav-hover);color:var(--text-primary)}.profile-action-btn.icon-only{padding:10px;aspect-ratio:1;background:var(--nav-hover);color:var(--text-secondary)}.profile-content-grid{display:grid;grid-template-columns:320px 1fr;gap:32px}.profile-sidebar-cols{display:flex;flex-direction:column;gap:24px}.bento-card{background:var(--surface);border-radius:24px;padding:24px;border:1px solid var(--sidebar-border);box-shadow:var(--card-shadow)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bento-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--nav-hover);border-radius:16px}.bento-item svg{color:var(--primary)}.bento-item h3{font-size:1.4rem;font-weight:800;margin:0}.bento-item p{font-size:.75rem;text-transform:uppercase;font-weight:700;opacity:.6}.about-card h3{font-size:1.1rem;font-weight:700;margin-bottom:20px}.about-item{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--text-secondary);text-decoration:none;transition:all .2s ease}.about-item svg{flex-shrink:0;opacity:.8}.about-link{cursor:pointer}.about-link:hover{color:var(--primary)}.about-link:hover svg{opacity:1;color:var(--primary)}.profile-main-feed{display:flex;flex-direction:column;gap:24px}.feed-header{display:flex;justify-content:space-between;align-items:center}.feed-tabs{display:flex;gap:8px;background:var(--nav-hover);padding:4px;border-radius:12px}.feed-tabs button{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-weight:700;cursor:pointer;font-family:inherit;font-size:.85rem;transition:all .2s}.feed-tabs button:hover{color:var(--text-primary)}.feed-tabs button.active{background:var(--surface);color:var(--primary);box-shadow:0 4px 12px #0000001a}.profile-posts{display:flex;flex-direction:column;gap:20px}.profile-posts .empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;text-align:center;color:var(--text-secondary)}.profile-posts .empty-state svg{opacity:.3;margin-bottom:8px}.profile-posts .empty-state h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.profile-posts .empty-state p{font-size:.9rem;margin:0;opacity:.7}.profile-loading-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;color:#fff}@media(max-width:900px){.profile-content-grid{grid-template-columns:1fr}.cover-stats{display:none}.profile-info-section{flex-direction:column;align-items:center;text-align:center;padding:0 24px 32px}.profile-main-meta{padding-top:0}.profile-actions-row{justify-content:center}}.compose-registry-info{background:var(--nav-hover);border:1px solid var(--sidebar-border);border-radius:16px;padding:24px;margin-bottom:24px;display:flex;flex-direction:column;gap:20px}.registry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.registry-item{display:flex;flex-direction:column;gap:6px}.registry-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.registry-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.registry-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.registry-tag{background:var(--surface);color:var(--primary);padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:600;border:1px solid var(--sidebar-border)}.registry-description{line-height:1.6;color:var(--text-secondary);font-size:.95rem}.stackrepo-header-actions{display:flex;gap:12px;align-items:center}.stackrepo-source-btn.secondary{background:transparent;border-color:var(--sidebar-border);color:var(--text-secondary)}.stackrepo-source-btn.secondary:hover{background:var(--nav-hover);color:var(--text-primary);border-color:var(--text-secondary)}.page-about{max-width:1000px;margin:0 auto;width:100%}.about-hero{position:relative;padding:60px 40px;background:linear-gradient(135deg,var(--surface) 0%,var(--background) 100%);border-radius:32px;margin-bottom:40px;overflow:hidden;border:1px solid var(--sidebar-border);box-shadow:var(--card-shadow)}.about-hero-content{position:relative;z-index:2}.about-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-top:12px;max-width:600px}.about-hero-pattern{position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);opacity:.1;filter:blur(40px)}.about-section{display:flex;flex-direction:column;gap:32px}.about-card{background:var(--surface);padding:40px;border-radius:24px;border:1px solid var(--sidebar-border);box-shadow:var(--card-shadow)}.community-passion{text-align:center}.passion-icon{margin-bottom:24px;display:flex;justify-content:center}.community-passion h2{font-size:2rem;font-weight:800;margin-bottom:20px}.community-passion p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);max-width:800px;margin:0 auto 20px}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.mission-card{text-align:center;padding:32px}.mission-icon-wrapper{width:56px;height:56px;background:var(--nav-hover);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--primary)}.mission-card h3{font-size:1.25rem;font-weight:700;margin-bottom:12px}.social-engagement h2{font-size:1.75rem;font-weight:800;margin-bottom:12px}.social-engagement p{color:var(--text-secondary);margin-bottom:32px}.social-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.social-link-btn{display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;background:var(--nav-hover);border:1px solid var(--sidebar-border);color:var(--text-primary);text-decoration:none;transition:all .2s}.social-link-btn:hover{transform:translateY(-4px);border-color:var(--primary);background:var(--surface)}.social-info{display:flex;flex-direction:column}.social-name{font-weight:700;font-size:.95rem}.social-handle{font-size:.8rem;color:var(--text-secondary)}.about-footer{text-align:center;padding:60px 0;color:var(--text-secondary);font-size:.9rem}@media(max-width:768px){.about-hero{padding:40px 24px}.about-card{padding:32px 24px}}.edit-profile-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000}.edit-profile-modal{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:480px;background:var(--surface);box-shadow:-10px 0 50px #0000004d;border-left:1px solid var(--sidebar-border);z-index:2001;display:flex;flex-direction:column;overflow:hidden}.edit-profile-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--sidebar-border);background:var(--background)}.edit-profile-header h2{display:flex;align-items:center;gap:12px;font-size:1.3rem;font-weight:700;margin:0;color:var(--text-primary)}.edit-profile-header h2 svg{color:var(--primary)}.edit-profile-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s}.edit-profile-close:hover{background:#ef44441a;color:#ef4444}.edit-profile-content{flex:1;overflow-y:auto;padding:28px;display:flex;flex-direction:column;gap:20px}.edit-form-group{display:flex;flex-direction:column;gap:8px}.edit-form-group label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--text-secondary)}.edit-form-group label svg{opacity:.7}.edit-form-group input,.edit-form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--sidebar-border);border-radius:12px;background:var(--background);color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all .2s;outline:none}.edit-form-group input:focus,.edit-form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 79, 172, 254),.15)}.edit-form-group input::placeholder,.edit-form-group textarea::placeholder{color:var(--text-secondary);opacity:.6}.edit-form-group textarea{resize:vertical;min-height:80px}.edit-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.edit-profile-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid var(--sidebar-border);background:var(--background)}.edit-profile-cancel,.edit-profile-save{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.edit-profile-cancel{background:var(--nav-hover);color:var(--text-secondary)}.edit-profile-cancel:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.edit-profile-save{background:var(--primary);color:#fff}.edit-profile-save:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.edit-profile-cancel:disabled,.edit-profile-save:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.edit-profile-modal{max-width:100%}.edit-profile-header,.edit-profile-content{padding:20px}.edit-form-row{grid-template-columns:1fr}.edit-profile-footer{padding:16px 20px;flex-direction:column}.edit-profile-cancel,.edit-profile-save{width:100%}}.member-name-row{display:flex;align-items:center;gap:4px}