*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}:root{--color-pink:#ff6eb4;--color-pink-light:#ff9fd0;--color-pink-dark:#c93d82;--color-purple:#b44fff;--color-purple-light:#d480ff;--color-purple-dark:#8020cc;--bg-base:#0d0a12;--bg-surface:#160f20;--bg-surface-alpha:#160f20e6;--bg-glass:#0d0a12d9;--text-primary:#f0e6f6;--text-secondary:#c9a8e0;--border-subtle:#ff6eb41f;--border-default:#ff6eb440;--border-active:#ff6eb48c;--glow-sm:0 0 16px #ff6eb44d;--glow-md:0 0 30px #ff6eb466;--glow-lg:0 0 50px #ff6eb480;--gradient-brand:linear-gradient(135deg, #ff6eb4, #b44fff);--gradient-title:linear-gradient(135deg, #fff 30%, #ff6eb4 60%, #b44fff 100%);--radius:12px;--radius-pill:50px;--font:"Noto Sans JP", sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0d0a12}::-webkit-scrollbar-thumb{background:#ff6eb459;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ff6eb499}