:root{--primary-color:#667eea;--primary-light:#7c3aed;--secondary-color:#764ba2;--accent-color:#f093fb;--accent-secondary:#f5576c;--text-color:#1a202c;--text-light:#4a5568;--light-color:#f7fafc;--dark-color:#1a202c;--light-grey:#f1f5f9;--border-color:hsla(0,0%,100%,.18);--glass-bg:hsla(0,0%,100%,.25);--glass-border:hsla(0,0%,100%,.18);--shadow-soft:0 8px 32px rgba(31,38,135,.37);--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-accent:linear-gradient(135deg,#f093fb,#f5576c);--gradient-bg:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb)}body,html{background:var(--gradient-bg);font-family:Inter,Noto Sans JP,sans-serif;margin:0;min-height:100vh;padding:0;position:relative;scroll-behavior:smooth}body:before{background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.2) 0,transparent 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}*{box-sizing:border-box}