.ds-glass{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14)}.ds-glass--nav{overflow:visible;border-radius:22px;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);background:#05040f6b;border-color:#ffffff1f;box-shadow:0 1px #ffffff14,0 4px 24px #00000059}.ds-glass--card{border-radius:24px;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-color:#ffffff24;box-shadow:0 8px 24px #00000047}.ds-glass--hero{border-radius:28px;backdrop-filter:blur(22px) saturate(190%);-webkit-backdrop-filter:blur(22px) saturate(190%);background:#ffffff0a;border-color:#ffffff29;box-shadow:0 12px 40px #00000052}.ds-glass.ds-glass--overflow-visible{overflow:visible}.ds-glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);pointer-events:none}.ds-glass--phase[data-phase=menstruation]{background:linear-gradient(150deg,#c46b6b52,#c46b6b1a 55%,#0000001f);border-color:#c46b6b5c}.ds-glass--phase[data-phase=follicular]{background:linear-gradient(150deg,#5aa88252,#5aa8821a 55%,#0000001f);border-color:#5aa8825c}.ds-glass--phase[data-phase=ovulation]{background:linear-gradient(150deg,#ffd70038,#ffd70014 55%,#0000001f);border-color:#ffd7004d}.ds-glass--phase[data-phase=luteal]{background:linear-gradient(150deg,#8b6fb852,#8b6fb81a 55%,#0000001f);border-color:#8b6fb85c}.ds-glass--phase[data-phase=pms]{background:linear-gradient(150deg,#ffa50038,#ffa50014 55%,#0000001f);border-color:#ffa5004d}@media(prefers-reduced-transparency:reduce){.ds-glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:#141416}}.ds-bd{position:absolute;inset:0;overflow:hidden;background-color:#05040f;background-image:linear-gradient(135deg,#1a1230,#07061a);pointer-events:none}.ds-bd-shimmer{position:absolute;inset:-30% -50%;background:linear-gradient(75deg,transparent 30%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.06) 55%,transparent 70%);animation:ds-shimmer 18s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen;filter:blur(40px)}.ds-bd-corona{position:absolute;inset:-10%;border-radius:50%;background:radial-gradient(closest-side,transparent 50%,rgba(255,255,255,.03) 65%,transparent 80%);pointer-events:none;mix-blend-mode:screen;filter:blur(40px)}.ds-bd-blob{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(60px);opacity:.95;mix-blend-mode:screen;will-change:transform}.ds-bd-blob.b1{background:radial-gradient(circle,rgba(196,107,107,.85),transparent 65%);left:-120px;top:-80px;animation:ds-drift1 18s ease-in-out infinite alternate}.ds-bd-blob.b2{background:radial-gradient(circle,rgba(90,168,130,.75),transparent 65%);right:-100px;top:30px;animation:ds-drift2 22s ease-in-out infinite alternate}.ds-bd-blob.b3{background:radial-gradient(circle,rgba(139,111,184,.85),transparent 65%);left:30%;bottom:-120px;animation:ds-drift3 26s ease-in-out infinite alternate}.ds-bd-blob.b4{background:radial-gradient(circle,rgba(255,215,0,.55),transparent 65%);right:25%;top:25%;animation:ds-drift4 20s ease-in-out infinite alternate;width:380px;height:380px}.ds-bd-blob.b5{background:radial-gradient(circle,rgba(255,165,0,.5),transparent 65%);left:10%;bottom:25%;animation:ds-drift5 24s ease-in-out infinite alternate;width:360px;height:360px}.ds-bd-grain{position:absolute;inset:0;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>")}@keyframes ds-drift1{0%{transform:translate(0) scale(1)}to{transform:translate(120px,60px) scale(1.15)}}@keyframes ds-drift2{0%{transform:translate(0) scale(1)}to{transform:translate(-90px,100px) scale(1.1)}}@keyframes ds-drift3{0%{transform:translate(0) scale(1)}to{transform:translate(60px,-80px) scale(1.2)}}@keyframes ds-drift4{0%{transform:translate(0) scale(1)}to{transform:translate(-80px,60px) scale(1.12)}}@keyframes ds-drift5{0%{transform:translate(0) scale(1)}to{transform:translate(70px,-50px) scale(1.18)}}@keyframes ds-shimmer{0%,to{transform:translate(-25%) translateY(-15%)}50%{transform:translate(25%) translateY(15%)}}@media(prefers-reduced-motion:reduce){.ds-bd-blob{animation:none}.ds-bd-shimmer{animation:none;opacity:.5}}.ds-bd--fixed{position:fixed;inset:0;z-index:-1;background-color:#05040f}.ds-bd--tint-menstruation .ds-bd-blob:not(.b1){opacity:.3}.ds-bd--tint-menstruation .ds-bd-blob.b1{opacity:1;filter:blur(60px) saturate(1.15)}.ds-bd--tint-follicular .ds-bd-blob:not(.b2){opacity:.3}.ds-bd--tint-follicular .ds-bd-blob.b2{opacity:1;filter:blur(60px) saturate(1.15)}.ds-bd--tint-luteal .ds-bd-blob:not(.b3){opacity:.3}.ds-bd--tint-luteal .ds-bd-blob.b3{opacity:1;filter:blur(60px) saturate(1.15)}.ds-bd--tint-ovulation .ds-bd-blob:not(.b4){opacity:.3}.ds-bd--tint-ovulation .ds-bd-blob.b4{opacity:1;filter:blur(60px) saturate(1.15)}.ds-bd--tint-pms .ds-bd-blob:not(.b5){opacity:.3}.ds-bd--tint-pms .ds-bd-blob.b5{opacity:1;filter:blur(60px) saturate(1.15)}.ds-bd--tint-menstruation .ds-bd-corona{background:radial-gradient(closest-side,transparent 50%,rgba(196,107,107,.1) 65%,transparent 80%)}.ds-bd--tint-follicular .ds-bd-corona{background:radial-gradient(closest-side,transparent 50%,rgba(90,168,130,.1) 65%,transparent 80%)}.ds-bd--tint-ovulation .ds-bd-corona{background:radial-gradient(closest-side,transparent 50%,rgba(255,215,0,.1) 65%,transparent 80%)}.ds-bd--tint-luteal .ds-bd-corona{background:radial-gradient(closest-side,transparent 50%,rgba(139,111,184,.1) 65%,transparent 80%)}.ds-bd--tint-pms .ds-bd-corona{background:radial-gradient(closest-side,transparent 50%,rgba(255,165,0,.1) 65%,transparent 80%)}:root{--yuni-bg: #05040f;--yuni-fg: #ffffff}html,body{margin:0;background:var(--yuni-bg);color:var(--yuni-fg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}*{box-sizing:border-box}