:root{--bg-gradient-start:#050505;--bg-gradient-end:#0f1115;--foreground:#f8fafc;--primary:#fbbf24;--primary-hover:#f59e0b;--accent:#a855f7;--accent-secondary:#ec4899;--accent-tertiary:#3b82f6;--surface-color:#0f111599;--surface-border:#ffffff14;--surface-border-strong:#ffffff26;--input-bg:#050505b3;--shadow-sm:0 4px 12px #00000080;--shadow-md:0 12px 32px -5px #000c,0 0 1px #ffffff14;--shadow-lg:0 30px 60px -10px #000000e6,0 0 1px #ffffff1a;--shadow-glow:0 0 40px #fbbf2433;--shadow-glow-strong:0 0 60px #a855f740;--radius-sm:10px;--radius-md:14px;--radius-lg:24px;--radius-xl:32px}html,body{max-width:100vw;margin:0;padding:0;overflow-x:hidden}body{color:var(--foreground);background:var(--bg-gradient-start);background-image:radial-gradient(at 0% 0%,var(--bg-gradient-start)0px,transparent 50%),radial-gradient(at 100% 100%,var(--bg-gradient-end)0px,transparent 50%);font-family:var(--font-inter),var(--font-noto-sans-jp),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#9696964d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#96969699}body:after{content:"";pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.background-glow{z-index:-1;filter:blur(100px);pointer-events:none;background:radial-gradient(circle at 15% 25%,#a855f726,#0000 50%),radial-gradient(circle at 85% 75%,#3b82f626,#0000 50%),radial-gradient(circle,#fbbf2414,#0000 60%),radial-gradient(circle at 80% 20%,#ec48991f,#0000 45%);width:100vw;height:100vh;animation:25s ease-in-out infinite alternate bg-pulse-rich;position:fixed;top:0;left:0}@keyframes bg-pulse-rich{0%{opacity:.7;transform:scale(1)translate(0)rotate(0)}50%{opacity:1;transform:scale(1.15)translate(4%,4%)rotate(3deg)}to{opacity:.7;transform:scale(1)translate(-4%,-4%)rotate(-3deg)}}.app-container{flex-direction:column;min-height:100vh;display:flex}