:root{--bg: #0a0b0f;--bg-1: #12141b;--bg-2: #181b24;--bg-3: #20232e;--line: #262a36;--line-2: #353a4a;--ink: #f2efe6;--ink-2: #c5c3bb;--ink-3: #7f7e78;--ink-4: #4f4e49;--earn: oklch(.88 .18 110);--earn-ink: #0a0b0f;--spend: oklch(.74 .17 320);--spend-ink: #0a0b0f;--danger: oklch(.72 .18 28);--ok: oklch(.78 .14 155);--f-sans: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--r: 8px;--r-lg: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;font-smoothing:antialiased}button{font-family:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input,textarea{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}.theme-light{--bg: #f6f2ea;--bg-1: #ffffff;--bg-2: #ede9df;--bg-3: #dfdbcf;--line: #dad5c9;--line-2: #bfb9ac;--ink: #12141b;--ink-2: #3d3f49;--ink-3: #6e6f75;--ink-4: #a0a097;--earn: oklch(.7 .18 130);--earn-ink: #ffffff;--spend: oklch(.55 .18 320);--spend-ink: #ffffff}.mono{font-family:var(--f-mono)}.eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.signal{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--earn);box-shadow:0 0 0 0 var(--earn);animation:signal-pulse 1.8s ease-out infinite}.signal.dim{background:var(--ink-4);animation:none}.signal.spend{background:var(--spend);box-shadow:0 0 0 0 var(--spend);animation-name:signal-pulse-spend}.signal.danger{background:var(--danger);animation:none}@keyframes signal-pulse{0%{box-shadow:0 0 color-mix(in oklab,var(--earn) 65%,transparent)}70%{box-shadow:0 0 0 8px color-mix(in oklab,var(--earn) 0%,transparent)}to{box-shadow:0 0 color-mix(in oklab,var(--earn) 0%,transparent)}}@keyframes signal-pulse-spend{0%{box-shadow:0 0 color-mix(in oklab,var(--spend) 65%,transparent)}70%{box-shadow:0 0 0 8px color-mix(in oklab,var(--spend) 0%,transparent)}to{box-shadow:0 0 color-mix(in oklab,var(--spend) 0%,transparent)}}.bolt{display:inline-block;width:.8em;height:1em;vertical-align:-.12em;background:currentColor;-webkit-mask:var(--bolt-mask);mask:var(--bolt-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}:root{--bolt-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M14 2L4 14h7l-1 8 11-14h-7l1-6z'/></svg>")}.btn{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px;border-radius:999px;font-weight:500;font-size:14px;letter-spacing:-.005em;border:1px solid transparent;transition:transform .12s ease,background .12s ease,color .12s ease,border-color .12s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--earn);color:var(--earn-ink)}.btn-primary:hover{background:color-mix(in oklab,var(--earn) 88%,white)}.btn-spend{background:var(--spend);color:var(--spend-ink)}.btn-spend:hover{background:color-mix(in oklab,var(--spend) 88%,white)}.btn-ghost{border-color:var(--line-2);color:var(--ink);background:transparent}.btn-ghost:hover{border-color:var(--ink-3)}.btn-sm{height:34px;padding:0 14px;font-size:13px;gap:6px}.btn .arrow{display:inline-block;width:14px;height:14px;position:relative}.btn .arrow:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1.5px;background:currentColor;transform:translateY(-50%)}.btn .arrow:after{content:"";position:absolute;top:50%;right:0;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:translateY(-50%) rotate(45deg);transform-origin:top right}.card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg)}.app{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--line);background:color-mix(in oklab,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-weight:500}.brand-mark{width:28px;height:28px;border-radius:8px;background:conic-gradient(from 220deg,var(--earn),var(--spend),var(--earn));display:grid;place-items:center;position:relative}.brand-mark:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:6px;background:var(--bg)}.brand-mark:after{content:"";position:relative;width:14px;height:14px;background:var(--earn);-webkit-mask:var(--bolt-mask);mask:var(--bolt-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.brand-name{font-size:16px}.brand-name b{font-weight:600}.nav-links{display:flex;align-items:center;gap:24px;font-size:14px;color:var(--ink-2)}.nav-links a{transition:color .12s ease}.nav-links a:hover{color:var(--ink)}.energy-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--line-2);font-family:var(--f-mono);font-size:13px}.energy-chip .bolt{color:var(--earn);width:12px;height:14px}.energy-big{font-family:var(--f-mono);font-weight:500;letter-spacing:-.02em;display:inline-flex;align-items:baseline;gap:8px;line-height:1}.energy-big .bolt{color:var(--earn);width:.6em;height:.85em}.tag{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:4px;font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line-2);color:var(--ink-2)}.tag-mind{color:var(--earn);border-color:color-mix(in oklab,var(--earn) 35%,var(--line))}.tag-move{color:#ff9a5f;color:oklch(.78 .16 50);border-color:color-mix(in oklab,oklch(.78 .16 50) 35%,var(--line))}.tag-create{color:var(--spend);border-color:color-mix(in oklab,var(--spend) 35%,var(--line))}.tag-explore{color:#3ac7ff;border-color:color-mix(in oklab,oklch(.78 .14 230) 35%,var(--line))}.tag-build{color:#f3b94c;border-color:color-mix(in oklab,oklch(.82 .14 80) 35%,var(--line))}.avatar-tile{position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:radial-gradient(120% 80% at 50% 30%,color-mix(in oklab,var(--spend) 35%,transparent),transparent 60%),radial-gradient(120% 90% at 50% 100%,color-mix(in oklab,var(--earn) 30%,transparent),transparent 65%),var(--bg-2);border:1px solid var(--line)}