.change-hero{border-radius:22px;padding:clamp(22px,3vw,36px);background:linear-gradient(135deg,#4071ff52,#1e104bd9);box-shadow:0 25px 60px #00000059;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;position:relative;overflow:hidden;transition:all .3s ease}.change-hero:hover{transform:translateY(-2px);box-shadow:0 30px 70px #00000070}.change-hero[data-theme=breath]{background:radial-gradient(circle at top right,rgba(108,232,255,.28),transparent 55%),linear-gradient(135deg,#081436e6,#0e3448eb)}.change-hero[data-theme=react]{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(87,196,220,.32),transparent 55%),radial-gradient(circle at 80% 0,rgba(255,255,255,.12),transparent 50%),linear-gradient(145deg,#23272f,#181c21 60%,#23272f);box-shadow:0 25px 70px rgba(12,18,28,.55),0 0 60px rgba(87,196,220,.25)}.change-hero[data-theme=react]:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 0deg,rgba(87,196,220,.3),rgba(255,255,255,.06),rgba(24,28,33,.5),rgba(87,196,220,.35),rgba(35,39,47,.5));filter:blur(80px);opacity:.85;animation:reactGlow 12s linear infinite;z-index:0}.change-hero[data-theme=react]:after{content:"";position:absolute;width:160px;height:160px;right:clamp(10px,5vw,28px);top:clamp(4px,3vw,18px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='-11.5 -10.232 23 20.463'%3E%3Ccircle r='2.05' fill='%2357C4DC'/%3E%3Cg stroke='%2357C4DC' stroke-width='1.5' fill='none'%3E%3Cellipse rx='11' ry='4.2'/%3E%3Cellipse rx='11' ry='4.2' transform='rotate(60)'/%3E%3Cellipse rx='11' ry='4.2' transform='rotate(120)'/%3E%3C/g%3E%3C/svg%3E") 50%/88% no-repeat;opacity:.9;animation:reactFloat 6s ease-in-out infinite;z-index:1}.change-hero[data-theme=tasks]{background:linear-gradient(135deg,#340959e6,#0e041af2)}.change-hero[data-theme=settings]{background:radial-gradient(circle at 25% 25%,rgba(255,200,124,.28),transparent 60%),linear-gradient(135deg,#3c280aeb,#140c24f2)}.change-hero[data-theme=mantra]{background:linear-gradient(145deg,#12593fe6,#051813fa)}.change-hero[data-theme=calendar]{background:linear-gradient(145deg,#7030ffa6,#0c0a20f2)}.change-hero[data-theme=launch]{background:linear-gradient(145deg,#ff6a45b3,#130b06f2)}.change-hero[data-theme=vibe]{background:linear-gradient(145deg,#6366f1,#a855f7 50%,#ec4899);box-shadow:0 25px 70px rgba(99,102,241,.35)}.change-hero[data-theme=flow]{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(56,219,255,.4),transparent 55%),radial-gradient(circle at 80% 0,rgba(249,196,81,.35),transparent 50%),linear-gradient(140deg,#050914f2,#112344f2);box-shadow:0 25px 70px #050a14a6,0 0 80px #38dbff40,inset 0 0 60px #0c77ff2e}.change-hero[data-theme=flow]:after{content:"";position:absolute;inset:-40%;background:conic-gradient(from 120deg,#38dbff40,#ec489926,#f9c45133,#38dbff40);filter:blur(90px);opacity:.7;animation:glowOrbit 14s linear infinite;z-index:0}@keyframes glowOrbit{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.change-hero[data-theme=message]{background:linear-gradient(135deg,#f59e0b,#fbbf24 50%,#fcd34d);box-shadow:0 25px 70px rgba(245,158,11,.25);color:#000}.change-hero[data-theme=message] .hero-chip{background:rgba(0,0,0,.1);color:#000}.change-hero[data-theme=message] h3,.change-hero[data-theme=message] p{color:#000!important}@keyframes reactGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes reactFloat{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}to{transform:translateY(0) scale(1)}}.change-hero[data-theme=stability]{background:linear-gradient(135deg,#064e3b,#065f46 50%,#10b981);box-shadow:0 25px 70px rgba(16,185,129,.25)}.change-hero[data-theme=stability]:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 1px,transparent 0);background-size:24px 24px;mask-image:linear-gradient(180deg,black,transparent);opacity:.5}.change-hero[data-theme=control]{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4f46e5);box-shadow:0 25px 70px rgba(79,70,229,.3)}.change-hero[data-theme=control]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:scanning 3s linear infinite}.change-hero[data-theme=connected]{background:linear-gradient(135deg,#4338ca,#db2777 50%,#f59e0b);box-shadow:0 25px 70px rgba(219,39,119,.35);background-size:200% 200%;animation:meshGradient 8s ease infinite}.change-hero[data-theme=connected]:after{content:"";position:absolute;inset:-100px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1),transparent 40%);filter:blur(40px);animation:reactFloat 10s ease-in-out infinite alternate}@keyframes meshGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes scanning{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(220px);opacity:0}}