:root{--color-bg:#f6f8fb;--color-surface:#fff;--color-surface-alt:#eef5ff;--color-surface-warm:#fff8ee;--color-border:#e3e6eb;--color-border-strong:#c8ccd3;--color-text:#1f2533;--color-text-muted:#6b7280;--color-text-faint:#9aa0a6;--color-primary:#2a66bb;--color-primary-hover:#1f4f95;--color-primary-active:#163c73;--color-primary-tint:#eef5ff;--color-danger:#d93030;--color-danger-hover:#b22424;--color-overlay:#0f172a73;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 3px #0f172a14;--shadow-md:0 4px 8px #0f172a14, 0 2px 4px #0f172a0f;--shadow-lg:0 12px 24px #0f172a1f, 0 4px 8px #0f172a14;--font-family-base:system-ui, -apple-system, "Segoe UI", "Helvetica Neue", "Hiragino Sans", "Noto Sans JP", sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-md:15px;--font-size-lg:18px;--transition-fast:.12s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family-base);font-size:var(--font-size-md);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;font-size:var(--font-size-sm);color:inherit;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);background:0 0;border:1px solid #0000}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background:var(--color-primary-active);border-color:var(--color-primary-active);transform:translateY(1px)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn-danger:active:not(:disabled){transform:translateY(1px)}.btn-ghost{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-ghost:hover:not(:disabled){background:var(--color-primary-tint);border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost:active:not(:disabled){transform:translateY(1px)}.btn-icon{border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover:not(:disabled){background:var(--color-primary-tint);border-color:var(--color-primary)}.btn-fab{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-md);border:none}.btn-fab:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-lg)}.btn-fab:active:not(:disabled){background:var(--color-primary-active);transform:translateY(1px)}input[type=text],select{font-family:inherit;font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}input[type=text]:focus,select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2a66bb2e}