*,:before,:after{box-sizing:border-box}:root{--font-sans:"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:var(--bg,#fbfbfd)}.app{--bg:#fff;--surface:#fff;--surface-2:#f7f7f8;--surface-3:#f1f1f2;--border:#e8e8ea;--border-strong:#d9d9dc;--text:#0a0a0b;--text-dim:#5b5b63;--text-faint:#9a9aa3;--code-bg:#0d0d10;--code-text:#e6e6ea;--radius:12px;--radius-sm:8px;--radius-lg:18px;--shadow-sm:0 1px 2px #0f0f140d, 0 1px 1px #0f0f140a;--shadow-md:0 4px 16px #0f0f140f, 0 1px 3px #0f0f140d;--shadow-lg:0 24px 60px #0f0f141f, 0 4px 12px #0f0f140f;--header-weight:700;--label-font:var(--font-mono);--label-spacing:.06em;--label-transform:uppercase;font-family:var(--font-sans);color:var(--text);background:var(--bg);min-height:100%}.app[data-aesthetic=stark]{--bg:#fff;--surface:#fff;--surface-2:#fafafa;--surface-3:#f4f4f5;--border:#ededed;--border-strong:#e0e0e0;--text:#000;--text-dim:#666;--text-faint:#999;--radius:8px;--radius-sm:6px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 16px 48px #0000001a;--header-weight:800}.app[data-aesthetic=soft]{--bg:#fbfbfd;--surface:#fff;--surface-2:#f6f6fa;--surface-3:#eeeef5;--border:#ebebf1;--border-strong:#dcdce6;--text:#16161c;--text-dim:#62626f;--text-faint:#a0a0ad;--radius:14px;--radius-sm:9px;--radius-lg:22px;--shadow-sm:0 1px 2px #1414280d;--shadow-md:0 6px 22px #1e1e3c12, 0 1px 3px #1e1e3c0d;--shadow-lg:0 32px 70px #1e1e4624, 0 6px 16px #1e1e4612;--header-weight:650}.app[data-aesthetic=terminal]{--bg:#fcfcfb;--surface:#fff;--surface-2:#f4f4f2;--surface-3:#ededea;--border:#e0e0db;--border-strong:#c9c9c2;--text:#161613;--text-dim:#5a5a52;--text-faint:#9b9b90;--radius:3px;--radius-sm:2px;--radius-lg:4px;--shadow-sm:0 1px 0 #0000000d;--shadow-md:0 2px 0 #0000000f;--shadow-lg:0 4px 0 #00000014;--header-weight:600;--font-sans:"JetBrains Mono", ui-monospace, monospace;--header-font:"JetBrains Mono", ui-monospace, monospace}.app[data-aesthetic=warm]{--bg:#faf8f3;--surface:#fffdf8;--surface-2:#f4f1e9;--surface-3:#ece7db;--border:#e8e2d4;--border-strong:#d8cfbb;--text:#1d1a14;--text-dim:#6b6353;--text-faint:#a89e88;--code-bg:#1d1a14;--code-text:#f0ebe0;--radius:11px;--radius-sm:7px;--radius-lg:16px;--shadow-sm:0 1px 2px #3c321e0f;--shadow-md:0 5px 18px #3c321e14, 0 1px 3px #3c321e0d;--shadow-lg:0 28px 64px #3c321e24, 0 5px 14px #3c321e12;--header-weight:700}.app[data-accent=indigo]{--accent:#4f46e5;--accent-2:#6366f1;--accent-fg:#fff;--accent-soft:#eef0ff;--accent-soft-text:#4338ca;--accent-soft-border:#dadcff}.app[data-accent=slate]{--accent:#475569;--accent-2:#64748b;--accent-fg:#fff;--accent-soft:#eef1f5;--accent-soft-text:#334155;--accent-soft-border:#dde3ea}.app[data-accent=emerald]{--accent:#059669;--accent-2:#10b981;--accent-fg:#fff;--accent-soft:#e7f6ef;--accent-soft-text:#047857;--accent-soft-border:#cdeede}.app[data-accent=orange]{--accent:#ea580c;--accent-2:#f97316;--accent-fg:#fff;--accent-soft:#fdeee3;--accent-soft-text:#c2410c;--accent-soft-border:#fbddc6}.app[data-accent=mono]{--accent:#0a0a0b;--accent-2:#2a2a2e;--accent-fg:#fff;--accent-soft:#f0f0f1;--accent-soft-text:#18181b;--accent-soft-border:#e0e0e2}.app[data-dark=true]{--bg:#0b0b0d;--surface:#141417;--surface-2:#1a1a1e;--surface-3:#232328;--border:#26262b;--border-strong:#34343a;--text:#f3f3f5;--text-dim:#a0a0aa;--text-faint:#6a6a74;--code-bg:#000;--code-text:#e6e6ea;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 22px #00000080;--shadow-lg:0 32px 70px #0009}.app[data-dark=true][data-aesthetic=warm]{--bg:#14110c;--surface:#1c1812;--surface-2:#221d15;--surface-3:#2b2418;--border:#2e2719;--border-strong:#40361f;--text:#f3eee2;--text-dim:#b3a98f;--text-faint:#756a52}.app[data-dark=true][data-accent=indigo]{--accent-soft:#1d1c3a;--accent-soft-text:#c7c9ff;--accent-soft-border:#2e2c55}.app[data-dark=true][data-accent=slate]{--accent-soft:#23272e;--accent-soft-text:#c3ccd8;--accent-soft-border:#353c47}.app[data-dark=true][data-accent=emerald]{--accent-soft:#0e2920;--accent-soft-text:#88e6c0;--accent-soft-border:#1c4536}.app[data-dark=true][data-accent=orange]{--accent-soft:#321a0c;--accent-soft-text:#ffb98c;--accent-soft-border:#4d2a14}.app[data-dark=true][data-accent=mono]{--accent:#f3f3f5;--accent-2:#d4d4d8;--accent-fg:#0a0a0b;--accent-soft:#1f1f24;--accent-soft-text:#e4e4e7;--accent-soft-border:#34343a}.mono{font-family:var(--font-mono)}.label{font-family:var(--label-font);text-transform:var(--label-transform);letter-spacing:var(--label-spacing);color:var(--text-faint);font-size:11px;font-weight:600}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform 80ms,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(.5px)}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover:not(:disabled){background:var(--accent-2)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-faint)}.btn-ghost{color:var(--text-dim);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-sm{height:30px;padding:0 11px;font-size:13px}.btn-lg{height:46px;padding:0 22px;font-size:15px}.btn-block{width:100%}.btn-icon{width:34px;height:34px;padding:0}.input{font-family:var(--font-sans);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;width:100%;height:40px;padding:0 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text-faint)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.badge{font-family:var(--font-mono);letter-spacing:.02em;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-dim);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-public{background:var(--accent-soft);color:var(--accent-soft-text);border-color:var(--accent-soft-border)}.badge-private{background:var(--surface-3);color:var(--text-dim);border-color:var(--border-strong)}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s,box-shadow .2s,transform .15s}.code{font-family:var(--font-mono);background:var(--code-bg);color:var(--code-text);border-radius:var(--radius);font-size:13px;line-height:1.7;overflow:hidden}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:99px}.scroll::-webkit-scrollbar-track{background:0 0}.hairline{background:var(--border);border:0;height:1px;margin:0}.fade-in{animation:.35s both fadeIn}.rise-in{animation:.45s cubic-bezier(.2,.7,.3,1) both riseIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{transform:translateY(9px)}to{transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}a{color:inherit}::selection{background:color-mix(in srgb, var(--accent) 26%, transparent)}@media (max-width:860px){.hero-split{grid-template-columns:1fr!important}.hero-arrow{display:none!important}}