*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--bg2: #111118;--bg3: #1a1a24;--border: #2a2a3a;--border-bright: #3a3a50;--accent: #6c63ff;--accent2: #ff6584;--accent3: #43e97b;--text: #f0eeff;--text2: #a09ec0;--text3: #5a587a;--font-display: "Syne", sans-serif;--font-body: "Noto Sans JP", sans-serif;--radius: 12px;--radius-lg: 20px;--shadow: 0 4px 24px rgba(108,99,255,.12);--shadow-lg: 0 8px 40px rgba(108,99,255,.2)}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;min-height:100vh}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:var(--font-body)}input,select,textarea{font-family:var(--font-body)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .4s ease forwards}