/* Theme values are supplied by the editable Sakura settings. */
html,body{background:var(--page-bg,#f5e7e6)}
#experience{background:radial-gradient(ellipse at 50% 43%,var(--glow-inner,#fffdfa) 0%,var(--glow-mid,#fcf5f0) 35%,var(--glow-outer,#f2dfe3) 80%,var(--glow-edge,#e7cbd6) 115%)}
.note{background:color-mix(in srgb,var(--card-bg,#fffaf5) 85%,transparent);border-color:color-mix(in srgb,var(--rose,#bc7189) 24%,transparent)}
.note:hover{background:var(--glow-inner,#fffdfa);border-color:var(--rose,#bc7189)}
.note p{color:var(--note-ink,#92717a)}.meta{color:var(--rose,#bc7189)}
.marquee div{-webkit-text-stroke-color:var(--rose,#bc7189)}
.progress i{background:var(--rose,#bc7189)}
dialog{background:color-mix(in srgb,var(--dialog-bg,#fff9f5) 96%,transparent);border-color:var(--rose,#bc7189)}
dialog p{color:var(--muted,#8f6973)}dialog a{color:var(--rose,#bc7189)}dialog input{color:var(--ink,#57343f);border-color:var(--rose,#bc7189)}
button:focus-visible,a:focus-visible{outline-color:var(--rose,#bc7189)}
#petals i,#petals i:nth-child(2){background:radial-gradient(ellipse at 45% 70%,var(--rose,#bc7189),var(--glow-outer,#f2dfe3) 66%,var(--glow-inner,#fffdfa))}