:root{--bg-main: linear-gradient(155deg, #e7e1f0 0%, #e7e2ec 48%, #efe6e9 100%);--bg-card: #f6f2fb;--bg-input: #ebe5f3;--text-primary: #2c2640;--text-secondary: #6c6584;--accent-brand: #8b5cf6;--accent-brand-hover: #7c3aed;--accent-success: #0ea371;--accent-warning: #d97706;--accent-error: #e11d48;--border: #ddd4ec;--border-radius-sm: 8px;--border-radius-md: 12px;--transition: .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-main);color:var(--text-primary);font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden}#root{height:100vh;display:flex}button{cursor:pointer;font-family:inherit}input{font-family:inherit}@keyframes sf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-progress-fill{background-image:linear-gradient(90deg,var(--accent-brand) 0%,#c4b5fd 50%,var(--accent-brand) 100%);background-size:200% 100%;animation:sf-shimmer 1.6s linear infinite}.sf-spin{display:inline-block;animation:sf-spin 1s linear infinite}