:root{--c-bg:#f6f6f7;--c-panel:#fff;--c-panel2:#f0f0f2;--c-ink:#1b1b1d;--c-ink2:#6b6b70;--c-ink3:#9a9aa0;--c-line:#e7e7ea;--c-line2:#efeff1;--c-accent:#e5484d;--c-accent-ink:#fff;--c-hover:#f2f2f4;--c-active:#eef0ff;--c-stage:#e7e7ea;--c-ink-on:#fff;--c-ink-hover:#000;--c-float:#fffffff0;--c-float-shadow:0 8px 24px #1a191729;--radius:9px;--font-ui:-apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--c-aiball-bg:#fefdfb;--c-aiball-edge:inset 0 1px 0 #ffffffe6;--c-aiball-border:1px solid #19181717;--c-aiball-shadow:0 14px 32px #19181724;--c-aiball-shadow-hover:0 18px 40px #19181733;--c-aiball-wordmark:#d8452c;--c-aiball-wordmark-glow:none;--c-aiball-particle:#e8533a;--c-aiball-particle-glow:0 0 7px #e8533a80;--c-aiball-particle2:#19181752;--c-aiball-label:#191817;--c-danger:#b42318;--c-danger-bg:#fff4f2;--c-danger-line:#f2b8b5;--c-success:#16a34a;--c-success-bg:#ecfdf5;--c-warning:#c2410c;--c-warning-bg:#fff7ed;--c-info:#4f46e5;--c-info-bg:#eef2ff}:root[data-ui-theme=dark]{--c-bg:#17181c;--c-panel:#1f2025;--c-panel2:#26272d;--c-ink:#eeeef0;--c-ink2:#a7a7ae;--c-ink3:#7a7a82;--c-line:#33343b;--c-line2:#2a2b31;--c-accent:#ef5a5e;--c-accent-ink:#fff;--c-hover:#2a2b31;--c-active:#2b2d45;--c-stage:#101114;--c-ink-on:#17181c;--c-ink-hover:#fff;--c-float:#1f2025f0;--c-float-shadow:0 10px 28px #00000080;--c-danger:#ff8079;--c-danger-bg:#3a1d1c;--c-danger-line:#6b2e2b;--c-success:#4ade80;--c-success-bg:#143222;--c-warning:#f0b54a;--c-warning-bg:#3a2712;--c-info:#9a94ff;--c-info-bg:#24234a;--c-aiball-bg:#0e0d0b;--c-aiball-edge:inset 0 1px 0 #ffffff1a;--c-aiball-border:0;--c-aiball-shadow:0 16px 36px #00000080;--c-aiball-shadow-hover:0 20px 44px #00000094;--c-aiball-wordmark:#e8533a;--c-aiball-wordmark-glow:0 0 12px #e8533a8c;--c-aiball-particle:#e8533a;--c-aiball-particle-glow:0 0 8px #e8533ae6;--c-aiball-particle2:#e8533aa6;--c-aiball-label:#f7f4f0}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font-ui);color:var(--c-ink);background:var(--c-bg);-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}a{color:inherit}.btn{border:1px solid var(--c-line);background:var(--c-panel);color:var(--c-ink);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 13px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--c-hover)}.btn.primary{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-ink)}.btn.primary:hover{filter:brightness(.95);background:var(--c-accent)}.btn.danger{background:var(--c-danger);border-color:var(--c-danger);color:#fff}.btn.danger:hover:not(:disabled){filter:brightness(.94);background:var(--c-danger)}.btn.ghost{border-color:#0000}.btn.lg{border-radius:11px;height:44px;padding:0 22px;font-size:15px}.btn:disabled{opacity:.45;cursor:default}.btn.nav-step{gap:4px}.btn.nav-step.back:before{content:"‹";font-size:16px;line-height:1}.btn.nav-step.fwd:after{content:"›";font-size:16px;line-height:1}.icon-btn{width:32px;height:32px;color:var(--c-ink2);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--c-hover);color:var(--c-ink)}.icon-btn.on{color:var(--c-accent)}.brand{letter-spacing:-.01em;color:var(--c-ink);align-items:center;gap:9px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--c-accent), #ff7a6e);border-radius:6px;flex:none;width:22px;height:22px;box-shadow:0 2px 8px #e5484d59}.brand-name{font-size:16px}.brand-sub{color:var(--c-ink3);letter-spacing:.14em;font-size:12px;font-weight:600}.brand-version{color:var(--c-ink3);letter-spacing:.02em;border:1px solid var(--c-line);background:var(--c-panel);border-radius:999px;padding:1px 6px;font-size:11px;font-weight:500;line-height:1.4}.brand-md .brand-mark{width:22px;height:22px}.brand-lg .brand-mark{border-radius:8px;width:30px;height:30px}.brand-lg .brand-name{font-size:21px}.brand-lg .brand-version{font-size:12px}.site-header{z-index:20;background:color-mix(in oklab, var(--c-bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-line);justify-content:space-between;align-items:center;padding:14px 40px;display:flex;position:sticky;top:0}.site-nav{align-items:center;gap:8px;display:flex}.site-nav-link{color:var(--c-ink2);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none}.site-nav-link:hover{background:var(--c-hover);color:var(--c-ink)}.site-nav-link.on{color:var(--c-ink)}@media (width<=880px){.site-header{padding:12px 20px}}.site-nav-menu{display:none;position:relative}.site-nav-menu-trigger{border:1px solid var(--c-line);background:var(--c-panel);cursor:pointer;color:var(--c-ink);white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:700}.site-nav-menu-trigger:hover{background:var(--c-hover)}.site-nav-menu-list{min-width:150px;left:0;right:auto}@media (width<=560px){.site-header{padding:10px 14px}.site-nav{gap:6px}.site-nav-link{display:none}.site-nav-menu{display:inline-flex}.site-header .acct-credits{display:none}}.route-fallback{min-height:100vh;color:var(--c-ink3);justify-content:center;align-items:center;font-size:14px;display:flex}.acct{align-items:center;gap:8px;display:inline-flex;position:relative}.acct-placeholder{width:30px;height:30px}.acct-credits{border:1px solid var(--c-line);background:var(--c-panel);cursor:pointer;color:var(--c-ink);white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:700}.acct-credits:hover{background:var(--c-hover)}.acct-balance-row{color:var(--c-ink2);border-bottom:1px solid var(--c-line2);justify-content:space-between;align-items:baseline;margin-bottom:5px;padding:6px 10px 9px;font-size:12.5px;display:flex}.acct-balance-row b{color:var(--c-ink);font-size:16px}.acct-trigger{background:0 0;border:none;border-radius:50%;padding:0;display:inline-flex}.acct-avatar{width:30px;height:30px;color:var(--c-accent-ink);background:linear-gradient(135deg, var(--c-accent), #ff7a6e);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #e5484d52}.acct-trigger:hover .acct-avatar{filter:brightness(.96)}.acct-menu{z-index:40;background:var(--c-panel);border:1px solid var(--c-line);border-radius:11px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 38px #0000001f,0 3px 8px #0000000f}.acct-menu-up{top:auto;bottom:calc(100% + 8px)}.acct-menu-start{left:0;right:auto}.acct-email{color:var(--c-ink2);border-bottom:1px solid var(--c-line2);word-break:break-all;margin-bottom:5px;padding:8px 10px 9px;font-size:12.5px}.acct-item{text-align:left;width:100%;color:var(--c-ink);background:0 0;border:none;border-radius:7px;padding:8px 10px;font-size:13px;font-weight:600}.acct-item:hover{background:var(--c-hover)}.acct-item.danger{color:var(--c-accent)}.invite-overlay{z-index:60;background:#0000006b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.invite-dialog{background:var(--c-panel);border:1px solid var(--c-line);border-radius:16px;width:100%;max-width:440px;padding:24px 22px 22px;position:relative;box-shadow:0 24px 60px #00000038}.invite-close{cursor:pointer;color:var(--c-ink3);background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:22px;line-height:1;position:absolute;top:12px;right:12px}.invite-close:hover{background:var(--c-hover);color:var(--c-ink)}.invite-title{color:var(--c-ink);margin:0 0 14px;font-size:18px;font-weight:800}.invite-rules{flex-direction:column;gap:7px;margin:0 0 16px;padding-left:18px;display:flex}.invite-rules li{color:var(--c-ink2);font-size:13px;line-height:1.6}.invite-rules b{color:var(--c-ink);font-weight:700}.invite-error{color:var(--c-accent);background:#e5484d12;border:1px solid #e5484d38;border-radius:9px;margin-bottom:12px;padding:8px 11px;font-size:12.5px}.invite-label{color:var(--c-ink3);margin-bottom:6px;font-size:12.5px;display:block}.invite-link-row{gap:8px;margin-bottom:18px;display:flex}.invite-link-input{border:1px solid var(--c-line);min-width:0;color:var(--c-ink);background:var(--c-panel2);border-radius:9px;flex:1;padding:9px 11px;font-size:13px}.invite-copy{white-space:nowrap}.invite-share-row{gap:8px;margin:-8px 0 18px;display:flex}.invite-share-btn{flex:1}.invite-stats{gap:10px;display:flex}.invite-stat{border:1px solid var(--c-line2);background:var(--c-panel2);border-radius:11px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 6px;display:flex}.invite-stat span{color:var(--c-ink);font-size:18px;font-weight:800}.invite-stat label{color:var(--c-ink3);font-size:11.5px}