:root{--brand-violet:#8b5cf6;--brand-pink:#ec4899;--brand-gradient:linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--brand-gradient-soft:linear-gradient(135deg, #8b5cf62e 0%, #ec48992e 100%);--brand-ring:#8b5cf673;--font-sans:"Inter", "IBM Plex Sans JP", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;--font-mono:"Geist Mono", "IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace;--font-display:"Inter", "IBM Plex Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur-med:.22s;--dur-slow:.4s}:root,[data-theme=dark]{--bg-canvas:#0a0a0b;--bg-canvas-2:#111114;--bg-surface:#16161cb8;--bg-surface-solid:#17171c;--bg-surface-raised:#1e1e26d9;--bg-hover:#ffffff0f;--bg-active:#8b5cf626;--bg-input:#ffffff0a;--fg-primary:#ededf0;--fg-secondary:#a8a8b3;--fg-tertiary:#6b6b7a;--fg-disabled:#45454f;--fg-inverse:#0a0a0b;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff29;--grid-color:#ffffff0a;--dot-color:#ffffff1a;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--u-1:#8b5cf6;--u-2:#ec4899;--u-3:#06b6d4;--u-4:#10b981;--u-5:#f59e0b;--u-6:#ef4444;--shadow-1:0 1px 2px #0000004d, 0 0 0 1px #ffffff0a;--shadow-2:0 4px 12px #00000059, 0 0 0 1px #ffffff0d;--shadow-3:0 12px 32px #00000073, 0 0 0 1px #ffffff0f;--shadow-glow:0 0 40px #8b5cf640}[data-theme=light]{--bg-canvas:#fafafa;--bg-canvas-2:#f4f4f5;--bg-surface:#ffffffd1;--bg-surface-solid:#fff;--bg-surface-raised:#fffffff2;--bg-hover:#0000000d;--bg-active:#8b5cf61a;--bg-input:#00000008;--fg-primary:#0a0a0b;--fg-secondary:#52525b;--fg-tertiary:#8b8b95;--fg-disabled:#c4c4cc;--fg-inverse:#fff;--border-subtle:#0000000f;--border-default:#00000017;--border-strong:#00000024;--grid-color:#0000000d;--dot-color:#0000001f;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--u-1:#8b5cf6;--u-2:#ec4899;--u-3:#06b6d4;--u-4:#10b981;--u-5:#f59e0b;--u-6:#ef4444;--shadow-1:0 1px 2px #0000000f, 0 0 0 1px #0000000a;--shadow-2:0 4px 12px #00000014, 0 0 0 1px #0000000d;--shadow-3:0 12px 32px #00000024, 0 0 0 1px #0000000f;--shadow-glow:0 0 40px #8b5cf62e}.u-surface{background:var(--bg-surface);-webkit-backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:var(--shadow-2)}.u-kbd{min-width:18px;height:18px;font-family:var(--font-mono);color:var(--fg-secondary);background:var(--bg-input);border:1px solid var(--border-subtle);letter-spacing:0;border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-size:10.5px;font-weight:500;display:inline-flex}.u-grad-text{background:var(--brand-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes u-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes u-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes u-ripple{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(2.2)}}@keyframes u-ghost-dash{to{stroke-dashoffset:-16px}}@keyframes u-spin{to{transform:rotate(360deg)}}.u-anim-in{animation:u-fade-in var(--dur-med) var(--ease-out) both}body.u-no-blur .u-surface{-webkit-backdrop-filter:none;background:var(--bg-surface-solid)}