*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #0a0a12;--color-bg-light: #12121f;--color-primary: #e94560;--color-primary-glow: rgba(233, 69, 96, .4);--color-secondary: #0f3460;--color-accent: #7b2cbf;--color-gold: #ffd700;--color-text: #eaeaea;--color-text-muted: #8888a0;--color-success: #4ade80;--color-warning: #fbbf24;--color-danger: #ef4444}body{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;background-color:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;font-family:inherit;border:none;transition:all .3s cubic-bezier(.4,0,.2,1)}button:hover{transform:translateY(-3px)}button:active{transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--color-primary-glow)}50%{box-shadow:0 0 40px var(--color-primary-glow),0 0 60px var(--color-primary-glow)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.particle{position:absolute;width:4px;height:4px;background:var(--color-primary);border-radius:50%;opacity:.3;animation:float 6s infinite ease-in-out}