@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap";
.shell{--color-violet:#6e56f7;--color-violet-light:#9f8cff;--color-indigo:#3d2daa;--color-coral:#ff7a59;--color-ink:#0f1124;--color-slate:#4a4d6b;--color-mist:#9ca0bc;--color-edge:#e5e7f2;--color-cloud:#f7f8fc;--color-paper:#fff;--color-success:#10b981;--gradient-signature:linear-gradient(135deg, #6e56f7 0%, #ff7a59 100%);--font-heading:"Geist", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", "SF Mono", Menlo, monospace;--radius-subtle:6px;--radius-default:10px;--radius-medium:14px;--shadow-sm:0 1px 2px #0f11240f;--shadow-md:0 4px 12px #0f112414;--shadow-lg:0 12px 32px #0f11241a;--ease-brand:cubic-bezier(.16, 1, .3, 1);--focus-ring:0 0 0 3px #6e56f726;--community-top-bar-height:64px;--surface-canvas:var(--color-paper);--surface-hover:#6e56f70a;--surface-active:#6e56f714;background:var(--surface-canvas);min-height:100vh;color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.6}.shell,.shell *,.shell :before,.shell :after{box-sizing:border-box}.shell svg{display:block}.shell a{color:inherit;text-decoration:none}.shell :focus-visible{box-shadow:var(--focus-ring);border-radius:6px;outline:none}.top-bar{height:var(--community-top-bar-height);background:var(--surface-canvas);border-bottom:1px solid var(--color-edge);z-index:100;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.top-bar__left{align-items:center;gap:12px;display:flex}.hamburger{width:40px;height:40px;color:var(--color-ink);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin-left:-8px;display:none}.hamburger:hover{background:var(--surface-hover)}.brand-link{cursor:pointer;align-items:center;gap:12px;display:flex}.brand-mark{flex-shrink:0;width:28px;height:28px}.brand-wordmark{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--color-ink);font-size:18px;font-weight:600}.top-bar__right{align-items:center;display:flex}.user-name{font-family:var(--font-heading);color:var(--color-ink);font-size:14px;font-weight:500}.member-tag{font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;color:var(--color-violet);background:#6e56f714;border-radius:999px;align-items:center;gap:4px;margin-left:6px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.member-tag__mark{font-size:11px;line-height:1}.user-cluster{cursor:pointer;background:0 0;border:none;align-items:center;margin-left:12px;padding:0;display:flex}.avatar{background:var(--color-cloud);border:1px solid var(--color-edge);width:36px;height:36px;font-family:var(--font-heading);color:var(--color-violet);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.user-chevron{color:var(--color-slate);margin-left:4px}@media (max-width:768px){.shell{--community-top-bar-height:56px}.top-bar{height:56px;padding:0 16px}.hamburger{display:inline-flex}.brand-wordmark,.user-name,.member-tag,.user-chevron{display:none}}.topbar-auth{font-family:var(--font-body);cursor:pointer;border-radius:8px;align-items:center;font-size:13px;font-weight:600;line-height:1;text-decoration:none;transition:all .15s;display:inline-flex}.topbar-auth--ghost{color:var(--color-ink);background:0 0;border:none;padding:8px 12px}.topbar-auth--ghost:hover{background:var(--surface-hover)}.top-bar .topbar-auth--primary{color:#fff;background:var(--color-violet);border:none;margin-left:8px;padding:8px 16px}.top-bar .topbar-auth--primary:hover{background:var(--color-indigo)}.user-wrap{position:relative}.avatar-button{background:var(--color-violet);color:#fff;width:36px;height:36px;font-family:var(--font-body);cursor:pointer;transition:box-shadow .15s var(--ease-brand);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:inline-flex}.avatar-button:hover{box-shadow:0 0 0 3px #6e56f733}.avatar-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.user-dropdown{background:var(--color-paper);border:1px solid var(--color-edge);border-radius:var(--radius-medium);width:220px;box-shadow:var(--shadow-lg);z-index:60;padding:8px;position:absolute;top:calc(100% + 8px);right:0}.user-dropdown[hidden]{display:none}.dropdown-header{border-bottom:1px solid var(--color-edge);margin-bottom:8px;padding:8px 12px}.dropdown-name{color:var(--color-ink);font-size:14px;font-weight:600;line-height:1.2}.dropdown-email{color:var(--color-mist);margin-top:2px;margin-bottom:6px;font-size:12px;line-height:1.2}.dropdown-item{cursor:pointer;text-align:left;width:100%;transition:background .15s var(--ease-brand);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.dropdown-item:hover{background:var(--color-cloud)}.dropdown-item:focus-visible{box-shadow:var(--focus-ring);outline:none}.dropdown-item svg{color:var(--color-slate);flex:none}.dropdown-label{color:var(--color-ink);font-size:14px;font-weight:500}.dropdown-divider{background:var(--color-edge);height:1px;margin:8px 0}