@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--bg-base:#0d0e14;--bg-surface:#161720;--bg-elevated:#1e1f2e;--bg-input:#1a1b28;--bg:var(--bg-base);--social-bg:var(--bg-surface);--code-bg:var(--bg-elevated);--primary:#7c6af7;--primary-hover:#9585f9;--primary-active:#6455e8;--primary-glow:#7c6af733;--accent:#f97316;--accent-bg:#f973161f;--accent-border:#f9731659;--success:#34d399;--success-bg:#34d3991f;--success-hover:#10b981;--warning:#fbbf24;--warning-bg:#fbbf241f;--danger:#f87171;--danger-bg:#f871711f;--danger-hover:#ef4444;--info:#60a5fa;--info-bg:#60a5fa1f;--text-primary:#eeeef0;--text-secondary:#9293a4;--text-muted:#5a5b6a;--text-h:var(--text-primary);--text:var(--text-secondary);--border:#252636;--border-subtle:#1c1d2c;--border-strong:#363751;--border-light:#252636;--glass-bg:#1a1b28eb;--glass-blur:10px;--glass-surface:#1e1f2ebf;--glass-surface-hover:#262738d9;--glass-border:#ffffff0f;--glass-border-strong:#ffffff1f;--glass-surface-blur:8px;--shadow-sm:0 1px 3px #00000073, 0 1px 2px #0000004d;--shadow-md:0 4px 12px #0000008c, 0 2px 4px #0000004d;--shadow-lg:0 10px 30px #000000a6, 0 4px 8px #0006;--shadow-glow:0 0 0 1px var(--primary-glow), 0 4px 20px var(--primary-glow);--shadow:var(--shadow-sm);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--radius-btn:var(--radius-sm);--radius-card:var(--radius-md);--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--sans:var(--font-sans);--heading:var(--font-sans);--mono:var(--font-mono);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);font:16px/1.6 var(--font-sans);letter-spacing:-.01em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-secondary);background:var(--bg-base);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{background:radial-gradient(ellipse 80% 50% at 20% 0%, #7c6af712 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 100%, #f973160d 0%, transparent 55%), var(--bg-base);overscroll-behavior:none;min-height:100%}body{-webkit-text-size-adjust:100%;background:0 0;min-height:100svh;margin:0;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100svh;display:flex}.page-col{width:100%;padding-inline:var(--space-6);padding-top:var(--space-6);padding-bottom:var(--space-10);box-sizing:border-box;margin-inline:auto}.page-col-feed{max-width:760px}.page-col-form{max-width:540px}.page-col-wide{max-width:1020px}.page-col>h1{margin-bottom:var(--space-6)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.03em;margin:0 0 var(--space-4) 0;font-weight:700;line-height:1.2}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin:0}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}code,.counter{font-family:var(--font-mono);font-size:var(--text-sm);border-radius:var(--radius-xs);color:var(--text-primary);background:var(--bg-elevated);padding:2px 6px;display:inline-flex}.spinner{border:3px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.8s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--border) 50%, var(--bg-elevated) 75%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.6s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:0%}}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-muted);background:var(--bg-elevated);border-radius:var(--radius-md);border:1.5px dashed var(--border-strong);margin:var(--space-4) 0;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.page-transition{animation:pageEnter var(--transition-slow) ease-out both}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.25)}80%{transform:scale(.92)}to{transform:scale(1)}}.pop-animate{animation:.3s cubic-bezier(.4,0,.2,1) forwards pop}.nav-link{color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-1) 0;transition:color var(--transition-fast);font-weight:500;text-decoration:none;position:relative}.nav-link:after{content:"";background:var(--primary);border-radius:var(--radius-full);transform-origin:0;height:2px;transition:transform var(--transition-base);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-link.active{color:var(--text-primary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:-.01em;cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;border:none;padding:10px 18px;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 3px #0006}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--bg-input);border-color:var(--primary)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover:not(:disabled){background:#f8717133}.btn-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success)}.btn-success:hover:not(:disabled){background:#34d39933}.btn-ghost{color:var(--text-secondary);background:0 0;border:none}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-elevated)}.btn-outline{color:var(--primary);border:1px solid var(--primary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--primary-glow)}.btn-sm{font-size:var(--text-xs);padding:7px 14px}.btn-lg{font-size:var(--text-base);padding:13px 24px}.grid-card-icon{transition:background .25s,border-color .25s,transform .25s}.card-lift:hover .grid-card-icon{transform:scale(1.1)rotate(-2deg)}.card{border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);will-change:transform, box-shadow, backdrop-filter;backface-visibility:hidden;transition:box-shadow var(--transition-base), transform var(--transition-base), border-color var(--transition-base), background var(--transition-base);border:1px solid #ffffff26;transform:translateZ(0)}.card-default{background:radial-gradient(ellipse 120% 80% at 0% 0%, color-mix(in srgb, var(--card-accent,transparent) 10%, transparent) 0%, transparent 70%), var(--glass-surface);-webkit-backdrop-filter:blur(var(--glass-surface-blur));border-color:color-mix(in srgb, var(--card-accent,var(--border-light)) 50%, transparent);box-shadow:0 4px 12px #00000040}.card-elevated{background:var(--glass-surface-hover);-webkit-backdrop-filter:blur(var(--glass-surface-blur));border-color:var(--glass-border-strong);box-shadow:0 4px 16px #00000073,0 2px 4px #0000004d}.card-elevated:hover{border-color:var(--border-strong)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-color:#ffffff1f;box-shadow:0 4px 16px #00000073}.card-highlight{background:var(--bg-surface);box-shadow:0 0 0 1px var(--primary-glow), 0 4px 20px var(--primary-glow);border-color:var(--primary)}.card-lift{cursor:pointer}.card-lift:hover{box-shadow:0 8px 28px #00000059, 0 0 40px color-mix(in srgb, var(--card-accent,transparent) 10%, transparent);border-color:color-mix(in srgb, var(--card-accent,var(--border-strong)) 40%, transparent);transform:translateY(-4px)}.card-no-hover.card-lift:hover{box-shadow:none;border-color:var(--border);transform:none}.input{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-input);width:100%;color:var(--text-primary);font-size:var(--text-sm);box-sizing:border-box;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:10px 14px;font-family:inherit;font-weight:400}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input::placeholder{color:var(--text-muted)}.community-pill{border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);font-size:var(--text-sm);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-weight:500;text-decoration:none;display:inline-flex}.community-pill:hover{background:var(--bg-input);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);color:var(--text-primary)}.gradient-text{background:linear-gradient(135deg, var(--primary) 0%, #a78bfa 50%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--radius-xs)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.vis-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}@media (width<=480px){.vis-grid{grid-template-columns:1fr}}.grid-auto-fill{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));display:grid}.grid-auto-fit{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));display:grid}.grid-2-col{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.navbar{padding:0 var(--space-5);background:var(--glass-bg);height:58px;-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;display:flex;position:sticky;top:0}.navbar-brand{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.navbar-logo{border-radius:var(--radius-sm);background:var(--primary);width:30px;height:30px;box-shadow:0 0 12px var(--primary-glow);justify-content:center;align-items:center;display:flex}.navbar-brand-text{flex-direction:column;display:flex}.navbar-brand-name{font-size:var(--text-sm);color:var(--text-primary);letter-spacing:-.03em;font-weight:700;line-height:1.2}.navbar-brand-sub{color:var(--text-muted);letter-spacing:.02em;font-size:.6rem;font-weight:500;line-height:1}.navbar-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.navbar-settings-btn{color:var(--text-muted);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;padding:6px;text-decoration:none;display:flex}.navbar-settings-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.navbar-logout-btn{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xs);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-weight:500;display:flex}.navbar-logout-btn:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.nav-desktop-item{border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:5px;padding:6px 10px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-desktop-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-desktop-item.active{color:var(--text-primary);background:var(--bg-elevated);font-weight:600}.nav-active-bar{background:var(--primary);border-radius:var(--radius-full);height:2px;box-shadow:0 0 6px var(--primary);position:absolute;bottom:0;left:10px;right:10px}.nav-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:150;background:#0009;display:none;position:fixed;inset:0}.nav-overlay.visible{display:block}.nav-drawer{background:var(--bg-surface);border-left:1px solid var(--border);z-index:200;width:300px;max-width:85vw;height:100vh;padding:var(--space-4);transition:right var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;right:-320px;overflow-y:auto}.nav-drawer.open{right:0}.nav-drawer-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.nav-drawer-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px;display:flex}.nav-section-label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;padding:var(--space-4) var(--space-2) var(--space-2);border-top:1px solid var(--border-subtle);margin-top:var(--space-2);font-size:.65rem;font-weight:700;display:block}.nav-drawer-item{align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);transition:background var(--transition-fast), color var(--transition-fast);font-weight:500;text-decoration:none;display:flex}.nav-drawer-item:hover,.nav-drawer-item.active{background:var(--bg-elevated);color:var(--text-primary)}.nav-drawer-account{padding-top:var(--space-4);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.nav-drawer-account-actions{align-items:center;gap:var(--space-1);display:flex}.nav-drawer-logout{cursor:pointer;color:var(--danger);border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.nav-drawer-logout:hover{background:var(--danger-bg)}.mobile-bottom-nav{z-index:90;background:var(--bg-elevated);border-top:1px solid var(--border-strong);padding:var(--space-2) env(safe-area-inset-bottom) var(--space-1);justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav-item{border-radius:var(--radius-sm);color:var(--text-muted);transition:color var(--transition-fast);flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:6px 12px;font-size:.6rem;font-weight:500;text-decoration:none;display:flex}.mobile-bottom-nav-item.active{color:var(--primary)}.mobile-bottom-nav-item:hover{color:var(--text-primary)}@media (width<=600px){.mobile-bottom-nav{display:flex}.app-main{padding-bottom:64px}}.sidebar-brand{margin-bottom:var(--space-6);padding:0 var(--space-2);justify-content:space-between;align-items:center;display:flex}.sidebar-brand-link{align-items:center;gap:10px;text-decoration:none;display:flex}.sidebar-logo{border-radius:var(--radius-sm);background:var(--primary);width:32px;height:32px;box-shadow:0 0 16px var(--primary-glow);justify-content:center;align-items:center;display:flex}.sidebar-brand-name{font-size:var(--text-lg);color:var(--text-primary);letter-spacing:-.03em;font-weight:700;line-height:1.2}.sidebar-brand-sub{color:var(--text-muted);letter-spacing:.02em;font-size:.6rem;font-weight:500;line-height:1}.sidebar-nav{gap:var(--space-1);padding-right:var(--space-2);scrollbar-width:thin;flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-link{align-items:center;gap:var(--space-3);padding:10px var(--space-4);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);transition:background var(--transition-fast), color var(--transition-fast);text-overflow:ellipsis;white-space:nowrap;font-weight:500;text-decoration:none;display:flex;overflow:hidden}.sidebar-link:hover{background:var(--bg-input);color:var(--text-primary)}.sidebar-link.active{color:var(--text-primary);background:var(--bg-elevated);font-weight:600}.sidebar-footer{padding-top:var(--space-4);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.sidebar-footer-link{align-items:center;gap:var(--space-3);padding:10px var(--space-4);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);transition:background var(--transition-fast), color var(--transition-fast);font-weight:500;text-decoration:none;display:flex}.sidebar-footer-link:hover{background:var(--bg-input);color:var(--text-primary)}.sidebar-footer-actions{align-items:center;gap:var(--space-2);margin-right:var(--space-2);display:flex}.sidebar-logout-btn{cursor:pointer;color:var(--danger);border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.sidebar-logout-btn:hover{background:var(--danger-bg)}.app-layout{width:100%;min-height:100svh;display:flex}.sidebar-container{background:var(--bg-surface);border-right:1px solid var(--border);width:260px;padding:var(--space-4) 0;z-index:100;transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:98;background:#0009;display:none;position:fixed;inset:0}.sidebar-section-label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;padding:var(--space-3) var(--space-4) var(--space-2);font-size:.7rem;font-weight:700}.app-main{flex-direction:column;flex:1;min-width:0;min-height:100svh;margin-left:260px;display:flex;overflow-x:hidden}.mobile-header{padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;display:none;position:sticky;top:0}.hamburger-btn{border-radius:var(--radius-sm);border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.hamburger-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.sidebar-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;display:none}@media (width<=900px){.app-main{width:100%;margin-left:0}.mobile-header{display:flex}.sidebar-container{width:280px;padding:var(--space-4);box-shadow:var(--shadow-lg);transform:translate(-100%)}.sidebar-container.open{transform:translate(0)}.sidebar-overlay.visible,.sidebar-close-btn{display:block}}@media (width<=768px){.page-col-form{max-width:100%}[style*="flexWrap: 'wrap'"],[style*="flex-wrap: wrap"]{gap:10px}}@media (width<=600px){.page-col{padding-inline:max(var(--space-4), env(safe-area-inset-left));padding-top:var(--space-4)}.page-col-feed,.page-col-wide,.page-col-form{max-width:100%;padding-inline:max(var(--space-4), env(safe-area-inset-left))}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}.hero-card-grid,.grid-2-col{grid-template-columns:1fr!important}.btn,button[type=submit]{min-width:44px;min-height:44px}input:not([type=checkbox]):not([type=radio]),select,textarea{box-sizing:border-box;width:100%!important;max-width:100%!important}input[type=checkbox],input[type=radio]{flex-shrink:0;width:20px!important;max-width:20px!important;height:20px!important}.page-col h1,.page-col h2,.page-col h3{word-break:break-word;overflow-wrap:break-word}.navbar-brand-name{font-size:var(--text-lg)}.home-brand-name{font-size:var(--text-base)}.navbar-logo{width:40px;height:40px}.navbar-logo svg,.navbar-actions svg,.hamburger-btn svg{width:20px!important;height:20px!important}.hamburger-btn{width:40px;height:40px}}@media (width<=375px){.page-col{padding-inline:var(--space-3)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-lg)}}.login-root{align-items:stretch;width:100%;min-height:100svh;display:flex}.login-branding-panel{padding:var(--space-16);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-form-panel{width:480px;padding:var(--space-8);border-left:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow-y:auto}.login-mobile-brand,.login-mobile-features{display:none}.notification-target-highlight{outline:2px solid var(--primary);box-shadow:0 0 0 4px #7c6af729, var(--shadow-sm);transition:outline-color var(--duration-2) ease, box-shadow var(--duration-2) ease}@media (width<=900px){.login-branding-panel{display:none}.login-form-panel{width:100%;padding:var(--space-6);background:0 0;border-left:none}.login-mobile-brand,.login-mobile-features{display:flex}}.nav-desktop-links{margin:0 var(--space-4);scrollbar-width:none;flex:1;justify-content:center;align-items:center;gap:2px;display:flex;overflow-x:auto}.nav-desktop-links::-webkit-scrollbar{display:none}@media (width<=900px){.nav-desktop-links,.logout-label{display:none}}