@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/_astro/mona-sans-vietnamese-standard-normal.Rd0aZl9c.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/_astro/mona-sans-latin-ext-standard-normal.CQ1tG6In.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/_astro/mona-sans-latin-standard-normal.BMVx8nn_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-opsz-normal.D9N6E8K1.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-opsz-normal.IcJDqblK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-opsz-normal.Cre6nC2_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--bg:#fff;--bg-2:#f6f6f7;--bg-3:#eeeef0;--surface:#fff;--text:#17171a;--text-2:#4b4b52;--mute:#686870;--line:#e6e6e9;--line-2:#d4d4d8;--brand:#dc3c42;--brand-hover:#c9333a;--brand-ink:#b3262c;--brand-soft:#fdecec;--brand-tint:#f8d6d7;--peach:#e8926a;--sun:#d69515;--sun-ink:#7d5205;--sun-soft:#f9edd2;--plum:#7a5ad1;--plum-soft:#ebe5f9;--display:"Bricolage Grotesque Variable", var(--font);--font:"Mona Sans Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--gutter:clamp(1rem, 4vw, 2.5rem);--max:72rem;--r-sm:10px;--r:16px;--r-lg:24px;--shadow-sm:0 1px 2px #1010140f;--shadow:0 1px 2px #1010140a, 0 8px 24px -8px #1010141f;--shadow-lg:0 0 0 1px #1010140d, 0 2px 4px #1010140a, 0 24px 64px -20px #10101438}:root[data-theme=dark]{color-scheme:dark;--bg:#0c0c0e;--bg-2:#141417;--bg-3:#1d1d21;--surface:#17171a;--text:#f4f4f5;--text-2:#c4c4ca;--mute:#8e8e96;--line:#26262b;--line-2:#36363c;--brand:#f2555a;--brand-hover:#ff6369;--brand-ink:#ff8589;--brand-soft:#2b1416;--brand-tint:#4a1c20;--peach:#f39a72;--sun:#f0b23a;--sun-ink:#f5c86a;--sun-soft:#2f2410;--plum:#a98ae0;--plum-soft:#241c33;--press-hi:#ffffff12;--press-lo:#000000b3;--shadow:0 1px 2px #0006, 0 8px 24px -8px #0009;--shadow-lg:0 0 0 1px #ffffff0f, 0 24px 64px -20px #000c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0c0c0e;--bg-2:#141417;--bg-3:#1d1d21;--surface:#17171a;--text:#f4f4f5;--text-2:#c4c4ca;--mute:#8e8e96;--line:#26262b;--line-2:#36363c;--brand:#f2555a;--brand-hover:#ff6369;--brand-ink:#ff8589;--brand-soft:#2b1416;--brand-tint:#4a1c20;--peach:#f39a72;--sun:#f0b23a;--sun-ink:#f5c86a;--sun-soft:#2f2410;--plum:#a98ae0;--plum-soft:#241c33;--press-hi:#ffffff12;--press-lo:#000000b3;--shadow:0 1px 2px #0006, 0 8px 24px -8px #0009;--shadow-lg:0 0 0 1px #ffffff0f, 0 24px 64px -20px #000c}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:5rem}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--paper) 0 0 / 384px, var(--noise) 0 0 / 220px, var(--bg);background-blend-mode:soft-light, normal, normal;color:var(--text-2);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:1rem;line-height:1.55;overflow-x:clip}h1,h2,h3,h4{color:var(--text);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:650;line-height:1.15}p{text-wrap:pretty;margin:0}a{color:inherit}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--brand-tint);color:var(--text)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip{z-index:100;border-radius:var(--r-sm);background:var(--text);color:var(--bg);padding:.6rem 1rem;text-decoration:none;position:absolute;top:-4rem;left:1rem}.skip:focus{top:1rem}.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.num{font-variant-numeric:lining-nums}.site-header{z-index:50;background:var(--frost) 0 0 / 384px, color-mix(in srgb, var(--bg) 88%, transparent);background-blend-mode:soft-light, normal;-webkit-backdrop-filter:saturate(1.8)blur(14px);border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:1rem;height:3.5rem;display:flex}.brand{color:var(--text);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.55rem;font-size:1rem;font-weight:650;text-decoration:none;display:inline-flex}.brand svg{flex:none;width:24px;height:24px}.nav{align-items:center;gap:.15rem;display:flex}.nav a{color:var(--text-2);white-space:nowrap;border-radius:8px;padding:.45rem .7rem;font-size:.9rem;font-weight:500;text-decoration:none}.nav a:hover{background:var(--bg-2);color:var(--text)}.nav a[aria-current=page]{color:var(--text)}.theme-toggle{width:2.25rem;height:2.25rem;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin-left:.25rem;display:inline-grid}.theme-toggle:hover{background:var(--bg-2);color:var(--text)}.theme-toggle svg{width:18px;height:18px}@media (width<=560px){.nav .hide-sm{display:none}}.btn{border:1px solid var(--line-2);background:var(--surface);min-height:2.6rem;color:var(--text);white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.925rem;font-weight:550;line-height:1.2;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s;display:inline-flex;box-shadow:0 1px 2px #1010140d}.btn:hover{background:var(--bg-2);transform:translateY(-1px)}.btn:active{transition-duration:50ms;transform:translateY(0)scale(.985)}.btn svg{flex:none;width:1.05em;height:1.05em}.btn-primary{border-color:var(--brand-hover);background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 88%, #fff), var(--brand-hover));color:#fff;box-shadow:inset 0 1px #ffffff38,0 1px 2px #b4282d59,0 10px 24px -12px #b4282d99}.btn-primary:hover{background:linear-gradient(180deg, var(--brand), var(--brand-hover));box-shadow:inset 0 1px #ffffff38,0 2px 4px #b4282d59,0 16px 32px -14px #b4282db3}.btn-dark{border-color:var(--text);background:linear-gradient(180deg, color-mix(in srgb, var(--text) 84%, var(--bg)), var(--text));color:var(--bg);box-shadow:inset 0 1px #ffffff24,0 1px 2px #00000040,0 10px 24px -12px #00000080}.btn-dark:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--text) 78%, var(--bg)), var(--text));box-shadow:inset 0 1px #ffffff24,0 2px 4px #00000040,0 16px 32px -14px #0000008c}.btn-quiet{background:var(--bg-2);border-color:#0000}.btn-quiet:hover{background:var(--bg-3)}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-2);color:var(--text)}.btn-danger{color:var(--brand-ink)}.btn-lg{min-height:3rem;padding-inline:1.4rem;font-size:1rem}.btn-block{width:100%}.icon-btn{width:2.5rem;height:2.5rem;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--bg-2);color:var(--text)}.icon-btn svg{width:20px;height:20px}.field{color:var(--text);gap:.45rem;font-size:.9rem;font-weight:550;display:grid}.field small{color:var(--mute);font-weight:400}textarea{border:1px solid var(--line-2);background:var(--surface);resize:vertical;border-radius:12px;width:100%;min-height:5rem;padding:.7rem .85rem;font-size:1rem}textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent);outline:none}.stepper{background:var(--bg-2);border-radius:12px;grid-template-columns:2.75rem 1fr 2.75rem;align-items:center;height:3rem;display:grid}.stepper:focus-within{box-shadow:0 0 0 2px var(--brand)}.stepper button{height:100%;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:12px;font-size:1.3rem;line-height:1}.stepper button:hover{color:var(--text);background:var(--bg-3)}.stepper input{text-align:center;-moz-appearance:textfield;appearance:textfield;background:0 0;border:0;width:100%;min-width:0;font-size:1.15rem;font-weight:600}.stepper input:focus{outline:none}.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{appearance:none;margin:0}.chips{border:0;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;display:flex}.chips legend{width:100%;color:var(--text);margin-bottom:.55rem;padding:0;font-size:.9rem;font-weight:600}.chip{position:relative}.chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.chip span{background:var(--bg-2);min-height:2.3rem;color:var(--text-2);user-select:none;border-radius:999px;align-items:center;padding:.35rem .85rem;font-size:.875rem;font-weight:500;transition:background-color .12s,color .12s;display:inline-flex}.chip:hover span{background:var(--bg-3);color:var(--text)}.chip input:checked+span{background:var(--text);color:var(--bg)}.chip input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}.chips.flow .chip input:checked+span{background:var(--brand);color:#fff}.chips.scale .chip span{justify-content:center;min-width:2.5rem}.switch{cursor:pointer;align-items:center;gap:.75rem;display:flex;position:relative}.switch input{opacity:0;cursor:pointer;width:2.75rem;height:1.6rem;margin:0;position:absolute}.switch-track{background:var(--line-2);border-radius:999px;flex:none;width:2.75rem;height:1.6rem;transition:background-color .2s;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:calc(1.6rem - 6px);height:calc(1.6rem - 6px);transition:transform .2s cubic-bezier(.3,.7,.4,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch input:checked+.switch-track{background:var(--text)}.switch input:checked+.switch-track:after{transform:translate(1.15rem)}.switch input:focus-visible+.switch-track{outline:2px solid var(--brand);outline-offset:2px}.switch input:disabled+.switch-track{opacity:.4}.section{padding-block:clamp(4rem,9vw,7rem)}.section.alt{background:var(--dots) 0 0 / 22px 22px, var(--paper) 0 0 / 384px, var(--noise) 0 0 / 220px, var(--bg-2);background-blend-mode:normal, soft-light, normal, normal}.section-title{letter-spacing:-.03em;font-size:clamp(1.75rem,3.6vw,2.6rem);font-weight:680}.section-sub{max-width:36rem;color:var(--text-2);margin-top:.75rem;font-size:1.1rem}.prose{max-width:42rem;color:var(--text-2);font-size:1.0625rem;line-height:1.7}.prose>*+*{margin-top:1.1em}.prose h2{letter-spacing:-.02em;margin-top:2.4em;font-size:1.5rem}.prose h2+*{margin-top:.6em}.prose h3{margin-top:1.8em;font-size:1.15rem}.prose ul,.prose ol{padding-left:1.25em}.prose li+li{margin-top:.45em}.prose li::marker{color:var(--mute)}.prose strong{color:var(--text);font-weight:620}.prose a{color:var(--brand-ink);text-underline-offset:.2em;text-decoration-thickness:1px}.prose code{background:var(--bg-2);border-radius:6px;padding:.12em .4em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85em}.prose .lede{color:var(--text);font-size:1.25rem;line-height:1.55}.prose blockquote,.callout{background:var(--brand-soft);color:var(--text);border-radius:12px;margin-inline:0;padding:1rem 1.2rem;font-size:.975rem;line-height:1.6}.prose table{border-collapse:collapse;width:100%;font-size:.95rem}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.75rem .75rem .75rem 0}.prose th{color:var(--text);font-weight:620}.table-scroll{overflow-x:auto}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.15rem 0;font-size:1.05rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border-right:2px solid var(--mute);border-bottom:2px solid var(--mute);flex:none;width:.6rem;height:.6rem;margin-right:.3rem;transition:transform .2s;transform:rotate(45deg)translateY(-3px)}.faq details[open] summary:after{transform:rotate(-135deg)translateY(-2px)}.faq details p{max-width:42rem;color:var(--text-2);padding-bottom:1.25rem}.faq a{color:var(--brand-ink)}.site-footer{border-top:1px solid var(--line);background:var(--dots) 0 0 / 22px 22px, var(--linen) 0 0 / 384px, var(--noise) 0 0 / 220px, var(--bg-2);background-blend-mode:normal, soft-light, normal, normal;font-size:.9rem}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:2rem;padding-block:3rem 2rem;display:grid}.footer-grid h2{color:var(--text);letter-spacing:0;margin-bottom:.8rem;font-size:.85rem;font-weight:600}.footer-grid ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.footer-grid a{color:var(--text-2);text-decoration:none}.footer-grid a:hover{color:var(--text)}.footer-note{max-width:22rem;color:var(--mute);margin-top:.75rem}.site-footer{position:relative;overflow:hidden}.footer-mark{user-select:none;width:100%;margin:2rem auto -.6rem;display:block;overflow:hidden}.footer-mark text{font-family:var(--display);font-variation-settings:"opsz" 96;letter-spacing:-.05em;fill:color-mix(in srgb, var(--text) 7%, transparent);font-size:150px;font-weight:800}.footer-base{border-top:1px solid var(--line);color:var(--mute);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;padding-block:1.25rem 2rem;font-size:.8rem;display:flex}@media (width<=720px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>:first-child{grid-column:1/-1}}@media print{.site-header,.site-footer,.no-print{display:none!important}body{background:#fff}}@media (width<=360px){.site-header .wrap{gap:.5rem}.brand{font-size:.95rem}.nav a{padding-inline:.5rem}}:root{--mesh-0:#f6eee4;--mesh-1:#f0cf7e;--mesh-2:#f6dcc9;--mesh-3:#f6e5b6;--mesh-4:#c9bdec;--ease-out:cubic-bezier(.2, .7, .2, 1);--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.33 0 0 0 0 0.3 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--noise-strong:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--paper:none;--linen:none;--frost:none;--press-hi:#ffffffa6;--press-lo:#0000001a;--dots:radial-gradient(color-mix(in srgb, var(--text) 9%, transparent) 1px, transparent 1.3px);--dots-fine:radial-gradient(color-mix(in srgb, var(--text) 6%, transparent) .8px, transparent 1px);--weave:repeating-linear-gradient(45deg, #ffffff09 0 2px, transparent 2px 7px), repeating-linear-gradient(-45deg, #ffffff09 0 2px, transparent 2px 7px)}:root[data-theme=dark]{--mesh-0:#0f0d0e;--mesh-1:#5a3c14;--mesh-2:#3a2422;--mesh-3:#2c1e3f;--mesh-4:#1c1a2a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--mesh-0:#0f0d0e;--mesh-1:#5a3c14;--mesh-2:#3a2422;--mesh-3:#2c1e3f;--mesh-4:#1c1a2a}}.display{font-family:var(--display);font-variation-settings:"opsz" 96;letter-spacing:-.04em;font-weight:800;line-height:.96}.display,.section-title{text-shadow:0 1px 0 var(--press-hi), 0 -1px 0 var(--press-lo)}.eyebrow{color:var(--brand-ink);font-size:.95rem;font-weight:650}.section-title{font-family:var(--display);font-variation-settings:"opsz" 96;letter-spacing:-.035em;font-weight:800;line-height:1}@supports (animation-timeline:scroll()){.site-header{animation:linear both header-solid scroll();animation-range:0 120px}@keyframes header-solid{0%{background:0 0;border-bottom-color:#0000}}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:reveal both var(--ease-out);animation-timeline:view();animation-range:entry cover 28%}@keyframes reveal{0%{opacity:0;filter:blur(8px);transform:translateY(48px)scale(.97)}}}}.btn-glass{border-color:color-mix(in srgb, var(--text) 12%, transparent);background:color-mix(in srgb, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(12px)}.btn-glass:hover{background:color-mix(in srgb, var(--bg) 80%, transparent)}:root.tex{--paper:url(/textures/paper.webp);--linen:url(/textures/linen.webp);--frost:url(/textures/frost.webp)}.ring-svg .seg{fill:none;stroke:var(--line-2);stroke-width:var(--ring-w,14);transition:opacity .3s,stroke-width .2s}.ring-svg .p-period{stroke:var(--brand)}.ring-svg .p-follicular{stroke:var(--peach)}.ring-svg .p-fertile,.ring-svg .p-ovulation{stroke:var(--sun)}.ring-svg .p-luteal{stroke:var(--plum)}.ring-svg .future{opacity:.28}.ring-svg .is-today{opacity:1}.ring-svg .today-ring{fill:var(--surface);stroke:var(--text);stroke-width:2.5px;filter:drop-shadow(0 2px 4px #0003)}.ring-svg .today-dot{fill:var(--text)}.phase-pill{background:var(--bg-2);color:var(--text-2);border-radius:999px;align-items:center;gap:.4rem;padding:.28rem .75rem;font-size:.8rem;font-weight:650;transition:background-color .3s,color .3s;display:inline-flex}.phase-pill:before{content:"";background:var(--line-2);border-radius:50%;width:.5rem;height:.5rem;transition:background-color .3s}[data-phase=period] .phase-pill,[data-phase=due] .phase-pill,[data-phase=late] .phase-pill{background:var(--brand-soft);color:var(--brand-ink)}[data-phase=period] .phase-pill:before,[data-phase=due] .phase-pill:before,[data-phase=late] .phase-pill:before{background:var(--brand)}[data-phase=follicular] .phase-pill:before,[data-phase=before-fertile] .phase-pill:before{background:var(--peach)}[data-phase=fertile] .phase-pill,[data-phase=ovulation] .phase-pill{background:var(--sun-soft);color:var(--sun-ink)}[data-phase=fertile] .phase-pill:before,[data-phase=ovulation] .phase-pill:before{background:var(--sun)}[data-phase=luteal] .phase-pill,[data-phase=after-fertile] .phase-pill{background:var(--plum-soft);color:var(--plum)}[data-phase=luteal] .phase-pill:before,[data-phase=after-fertile] .phase-pill:before{background:var(--plum)}.grain.grain-heavy:after{opacity:.42}.grain:after{content:"";z-index:1;pointer-events:none;opacity:.32;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.grain>*{z-index:2;position:relative}