:root{--color-brand:#908bfa;--color-brand-strong:#7b6ff6;--color-brand-soft:#b5affd;--color-brand-bg:#ede9fe;--color-surface:#fff;--color-page:#f9f9f9;--color-panel:#f9f9fb;--color-row-hover:#fbfbff;--color-border:#e5e7eb;--color-border-subtle:#eee;--color-text:#333;--color-text-muted:#666;--color-text-subtle:#888;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-success-text:#166534;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-warning-text:#92400e;--color-danger:#dc2626;--color-danger-bg:#fee2e2;--color-danger-text:#991b1b;--color-info:#0284c7;--color-info-bg:#e0f2fe;--color-info-border:#bae6fd;--color-info-text:#075985;--color-neutral-bg:#f3f4f6;--color-neutral-text:#374151;--text-page-title:24px;--text-section-title:18px;--text-card-title:15px;--text-body:14px;--text-small:13px;--text-caption:12px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-brand:0 4px 12px #908bfa33;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px}*{box-sizing:border-box}html{background:var(--color-page)}body{background:var(--color-page);min-height:100vh;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;font-size:var(--text-body);letter-spacing:0;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{transition:border-color .16s cubic-bezier(.4,0,.2,1),box-shadow .16s cubic-bezier(.4,0,.2,1),background-color .16s cubic-bezier(.4,0,.2,1),color .16s cubic-bezier(.4,0,.2,1)}:focus-visible{outline:0;box-shadow:0 0 0 3px #908bfa29}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;min-height:40px;padding:0 14px;font-weight:600;line-height:1;display:inline-flex}.buttonPrimary{color:#fff;background:linear-gradient(135deg,#908bfa 0%,#7b6ff6 100%)}.buttonPrimary:hover{box-shadow:var(--shadow-brand)}.button:disabled{cursor:not-allowed;opacity:.56}.buttonSecondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.buttonSecondary:hover{border-color:var(--color-brand-soft)}.buttonGhost{color:var(--color-text-muted);background:0 0}.buttonGhost:hover{background:var(--color-panel);color:var(--color-text)}.chip{min-height:24px;font-size:var(--text-caption);white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;font-weight:600;display:inline-flex}.chipSuccess{background:var(--color-success-bg);color:var(--color-success-text)}.chipWarning{background:var(--color-warning-bg);color:var(--color-warning-text)}.chipDanger{background:var(--color-danger-bg);color:var(--color-danger-text)}.chipInfo{background:var(--color-info-bg);color:var(--color-info-text)}.chipNeutral{background:var(--color-neutral-bg);color:var(--color-neutral-text)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}