: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);--panel-bg: rgba(255, 250, 253, .94);--overlay-bg: rgba(60, 30, 70, .35);--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;--gold-text: #85620f;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);--panel-bg: rgba(24, 26, 31, .94);--overlay-bg: rgba(0, 0, 0, .6);--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;--gold-text: #e6c66e;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)}.back-pill{position:relative;display:inline-flex;align-items:center;gap:12px;margin-bottom:18px;padding:6px 8px 6px 6px;border-radius:999px;overflow:hidden;text-decoration:none;color:var(--text);background:radial-gradient(120% 140% at 0% 0%,rgba(255,214,130,.22),transparent 60%),radial-gradient(120% 140% at 100% 100%,rgba(200,180,255,.22),transparent 60%),var(--glass-strong);border:1px solid var(--glass-border);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);transition:transform .3s cubic-bezier(.2,.9,.3,1.2),box-shadow .3s ease}.back-pill:before{content:"";position:absolute;inset:0 0 52%;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent)}.back-pill:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow-hover),inset 0 1px 0 var(--glass-highlight)}.back-pill:active{transform:scale(.97)}.back-pill:focus-visible{outline:2px solid var(--switch-text);outline-offset:3px}.back-pill-arrow{position:relative;display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:linear-gradient(140deg,#fff3c4,#e9c46a 35%,#fff6d8 55%,#d4a843 80%,#fbe7a6);box-shadow:0 0 0 3px #ffd66638,0 6px 16px #d6aa3c4d,inset 0 1px 1px #fff}.back-pill-arrow:after{content:"";position:absolute;inset:3px;border-radius:50%;background:linear-gradient(160deg,rgba(255,255,255,.95),var(--panel-bg))}.back-pill-arrow svg{position:relative;z-index:1;width:18px;height:18px;fill:none;stroke:var(--gold-text);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s ease}.back-pill:hover .back-pill-arrow svg{transform:translate(-3px)}.back-pill-text{position:relative;display:flex;flex-direction:column;line-height:1.15;font-size:15px;font-weight:700}.back-pill-text small{font-size:10px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--gold-text)}.back-pill-grid{position:relative;display:grid;place-items:center;width:30px;height:30px;margin-left:2px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border)}.back-pill-grid svg{width:15px;height:15px;fill:none;stroke:var(--text-muted);stroke-width:2}@media(prefers-reduced-motion:reduce){.back-pill,.back-pill-arrow svg{transition:none}}
