@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Noto+Sans+JP:wght@400;700;900&display=swap";:root{--bg-dark:#0a0b1e;--bg-darker:#050612;--accent-pink:#ff2d95;--accent-blue:#00d2ff;--accent-purple:#9d50bb;--text-main:#f0f0f5;--text-dim:#a0a0c0;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-blur:blur(16px);--fever-gradient:linear-gradient(45deg, #ff2d95, #9d50bb, #00d2ff);--success-color:#39ff14;--error-color:#ff3e3e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);width:100%;min-height:100dvh;font-family:Outfit,Noto Sans JP,sans-serif;line-height:1.5;overflow:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-left{text-align:left}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.top-4{top:1rem}.left-6{left:1.5rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-100{z-index:100}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.w-full{width:100%}.h-full{height:100%}.w-24{width:6rem}.h-24{height:6rem}.h-1{height:.25rem}.min-h-dvh{min-height:100dvh}.min-h-screen{min-height:100vh}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.overflow-hidden{overflow:hidden}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-6xl{font-size:3.75rem}.text-7xl{font-size:4.5rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-black{font-weight:900}.italic{font-style:italic}.tracking-widest{letter-spacing:.1em}.tracking-tighter{letter-spacing:-.05em}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.select-none{-webkit-user-select:none;user-select:none}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.text-accent-pink{color:var(--accent-pink)}.text-accent-blue{color:var(--accent-blue)}.text-accent-purple{color:var(--accent-purple)}.text-success-color{color:var(--success-color)}.text-error-color{color:var(--error-color)}.text-white{color:#fff}.bg-accent-pink{background-color:var(--accent-pink)}.bg-accent-blue{background-color:var(--accent-blue)}.bg-accent-purple{background-color:var(--accent-purple)}.bg-success-color{background-color:var(--success-color)}.bg-error-color{background-color:var(--error-color)}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-bg-dark\/80{background-color:#0a0b1ecc}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px}.btn-primary{background:var(--fever-gradient);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:2px;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.25rem;font-weight:800;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #ff2d954d}.btn-primary:hover{filter:brightness(1.1);transform:scale(1.05)translateY(-2px)}.btn-primary:active{transform:scale(.98)}.text-glow{text-shadow:0 0 20px #ff2d9580}.text-glow-blue{text-shadow:0 0 20px #00d2ff80}.shadow-pink{shadow:0 0 15px #ff2d9580}.border-2{border-width:2px}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.border-white\/10{border:1px solid #ffffff1a}.border-white\/20{border:1px solid #fff3}.border-success-color\/50{border-color:#39ff1480}.border-error-color\/50{border-color:#ff3e3e80}.snap-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;height:100dvh;overflow-y:auto}.snap-container::-webkit-scrollbar{display:none}.snap-section{scroll-snap-align:start;scroll-snap-stop:always;height:100dvh;position:relative}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}}.animate-shake{animation:.4s ease-in-out shake}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.animate-bounce-in{animation:.5s cubic-bezier(.175,.885,.32,1.275) bounce-in}