@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;700&display=swap";
:root{--bg-dark:#030712;--bg-card:#111827b3;--bg-card-hover:#1f2937cc;--border-color:#ffffff14;--border-hover:#ffffff26;--primary:#3b82f6;--primary-glow:#3b82f626;--secondary:#8b5cf6;--secondary-glow:#8b5cf626;--accent:#ec4899;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--color-s:#fbbf24;--color-a:#f97316;--color-b:#a855f7;--color-c:#10b981;--color-d:#6b7280;--font-sans:"Outfit", "Inter", "Noto Sans JP", sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--radius-sm:8px;--radius-md:14px;--radius-lg:20px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);max-width:100vw;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% -100px,#8b5cf61f 0%,#3b82f60d 50%,#03071200 100%);width:100%;height:600px;position:absolute;top:0;left:0}