:root{--bg: linear-gradient(120deg, #fdf2f8, #f3e8ff, #fff1e6, #e8f1ff, #fdf2f8);--glow-1: rgba(244, 170, 210, .55);--glow-2: rgba(190, 170, 255, .5);--glow-3: rgba(255, 196, 160, .45);--heading: #4b2e4f;--text: #3f2a40;--text-muted: #7b5f7d;--glass-bg: rgba(255, 255, 255, .4);--glass-strong: rgba(255, 250, 252, .6);--glass-border: rgba(255, 255, 255, .75);--glass-highlight: rgba(255, 255, 255, .95);--glass-shadow: 0 10px 36px rgba(150, 100, 160, .14);--glass-shadow-hover: 0 18px 44px rgba(150, 100, 160, .24);--hover-bg: rgba(255, 255, 255, .5);--accent: linear-gradient(135deg, rgba(255, 221, 120, .95), rgba(255, 196, 61, .9));--accent-text: #4a3a10;--accent-shadow: 0 4px 16px rgba(255, 190, 50, .4);--badge-bg: rgba(255, 214, 102, .45);--badge-text: #6b5212;--switch-track: linear-gradient(180deg, rgba(255, 255, 255, .65), rgba(255, 255, 255, .35));--switch-track-border: rgba(255, 255, 255, .8);--switch-track-shadow: inset 0 2px 6px rgba(150, 100, 160, .18), inset 0 -1px 0 rgba(255, 255, 255, .9), 0 6px 18px rgba(150, 100, 160, .15);--switch-knob: linear-gradient(120deg, rgba(255, 255, 255, .8), rgba(248, 196, 228, .6), rgba(200, 186, 255, .6), rgba(184, 224, 255, .6), rgba(255, 255, 255, .8));--switch-knob-border: rgba(255, 255, 255, .95);--switch-knob-shadow: 0 6px 16px rgba(150, 100, 170, .25), inset 0 1px 1px #fff, inset 0 -3px 8px rgba(160, 130, 210, .3);--switch-gloss: linear-gradient(180deg, rgba(255, 255, 255, .6), transparent);--switch-text: #7b5f7d;--switch-text-hover: #4b2e4f;--switch-text-active: #3d2c05;color-scheme:light}:root[data-theme=dark]{--bg: linear-gradient(120deg, #0c0d10, #15171c, #1d2027, #121419, #0c0d10);--glow-1: rgba(255, 255, 255, .07);--glow-2: rgba(170, 180, 200, .08);--glow-3: rgba(120, 130, 160, .07);--heading: #f1f2f4;--text: #e6e7ea;--text-muted: #9a9ea8;--glass-bg: rgba(255, 255, 255, .05);--glass-strong: rgba(20, 22, 27, .55);--glass-border: rgba(255, 255, 255, .1);--glass-highlight: rgba(255, 255, 255, .14);--glass-shadow: 0 10px 36px rgba(0, 0, 0, .35);--glass-shadow-hover: 0 18px 44px rgba(0, 0, 0, .5);--hover-bg: rgba(255, 255, 255, .06);--accent: linear-gradient(135deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .08));--accent-text: #fff;--accent-shadow: 0 4px 16px rgba(0, 0, 0, .4);--badge-bg: rgba(255, 255, 255, .1);--badge-text: #e6e7ea;--switch-track: linear-gradient(180deg, rgba(0, 0, 0, .35), rgba(255, 255, 255, .04));--switch-track-border: rgba(255, 255, 255, .08);--switch-track-shadow: inset 0 2px 6px rgba(0, 0, 0, .6), inset 0 -1px 0 rgba(255, 255, 255, .06), 0 6px 18px rgba(0, 0, 0, .3);--switch-knob: linear-gradient(120deg, rgba(255, 255, 255, .22), rgba(200, 160, 230, .2), rgba(150, 170, 255, .2), rgba(150, 210, 255, .2), rgba(255, 255, 255, .22));--switch-knob-border: rgba(255, 255, 255, .25);--switch-knob-shadow: 0 6px 16px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, .4), inset 0 -3px 8px rgba(120, 130, 200, .25);--switch-gloss: linear-gradient(180deg, rgba(255, 255, 255, .25), transparent);--switch-text: #8d919b;--switch-text-hover: #c9cbd1;--switch-text-active: #fff;color-scheme:dark}html,body{margin:0}body{min-height:100vh;min-height:100dvh;color:var(--text);font-family:system-ui,sans-serif;background:var(--bg);background-size:400% 400%;background-attachment:fixed;animation:bgShift 24s ease-in-out infinite;transition:color .4s ease}body:before,body:after,html:after{content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(90px);pointer-events:none;transition:background .6s ease}body:before{width:460px;height:460px;top:-140px;left:-100px;background:var(--glow-1);animation:drift1 26s ease-in-out infinite}body:after{width:420px;height:420px;bottom:-140px;right:-80px;background:var(--glow-2);animation:drift2 30s ease-in-out infinite}html:after{width:360px;height:360px;top:40%;left:45%;background:var(--glow-3);animation:drift3 34s ease-in-out infinite}@keyframes bgShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes drift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30vw,25vh) scale(1.2)}}@keyframes drift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-35vw,-30vh) scale(1.15)}}@keyframes drift3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-25vw,15vh) scale(.85)}66%{transform:translate(15vw,-25vh) scale(1.1)}}@keyframes liquid{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){.indicator{animation:none!important}body,body:before,body:after,html:after{animation:none}}*{-webkit-tap-highlight-color:transparent}@media(max-width:600px){body:before,body:after,html:after{filter:blur(60px)}html:after{display:none}}input,select,textarea{font-size:max(16px,1em)}