:root{--topbar-height: 48px;--bg: #0c0f12;--panel: rgba(6, 9, 12, .78);--panel-border: rgba(120, 255, 180, .18);--text: #dfe9f5;--muted: rgba(223, 233, 245, .6);--accent: #79f2b0;--accent-2: #7aa7ff;--accent-warm: #f5b56a;--chip: rgba(120, 255, 180, .12);--chip-border: rgba(120, 255, 180, .4);--button: rgba(255, 255, 255, .04);--button-active: rgba(120, 255, 180, .18);--button-border: rgba(255, 255, 255, .1);--button-active-border: rgba(120, 255, 180, .45);--accent-purple: #a78bfa;--accent-purple-dim: rgba(167, 139, 250, .6);--accent-purple-border: rgba(167, 139, 250, .3);--accent-purple-glow: rgba(167, 139, 250, .25);--glass-bg: rgba(255, 255, 255, .06);--glass-bg-elevated: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .1)}html,body{margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.topbar.svelte-h6bux4{position:fixed;top:16px;left:50%;transform:translate(-50%);height:40px;display:flex;align-items:center;gap:0;padding:0 6px;z-index:120;background:#ffffff08;border-radius:100px;backdrop-filter:blur(32px) saturate(1.4);-webkit-backdrop-filter:blur(32px) saturate(1.4);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.topbar-brand.svelte-h6bux4{font-size:13px;font-weight:600;text-decoration:none;letter-spacing:-.01em;padding:6px 12px;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity .2s ease}.topbar-brand.svelte-h6bux4:hover{opacity:.75}.topbar-divider.svelte-h6bux4{width:1px;height:16px;background:#ffffff1a;margin:0 4px}.topbar-links.svelte-h6bux4{display:flex;gap:2px;white-space:nowrap}.topbar-link.svelte-h6bux4{position:relative;font-size:12px;font-weight:500;color:#ffffff80;text-decoration:none;padding:6px 12px;border-radius:100px;transition:color .15s ease,background .15s ease}.topbar-link.svelte-h6bux4:hover{color:#ffffffe6;background:#ffffff0f}.topbar-link.svelte-h6bux4:active{background:#ffffff1a}.topbar-link.active.svelte-h6bux4{color:var(--text);background:#ffffff1a}@media(max-width:480px){.topbar.svelte-h6bux4{top:12px;height:36px;padding:0 4px}.topbar-brand.svelte-h6bux4{font-size:12px;padding:5px 10px}.topbar-link.svelte-h6bux4{padding:5px 8px;font-size:11px}.topbar-divider.svelte-h6bux4{height:14px}}