/* Diary wallpaper: soft glows plus contour art painted through an SVG mask. Colour by default; html[data-art-tone=mono] makes it black and white. */
.diary-art-frame{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;--art-hue:232;--art-a:.46;--art-l1:82%;--art-l2:70%;--glow-a:.24;
 --g1:hsl(var(--art-hue) 86% 58%/var(--glow-a));--g2:hsl(calc(var(--art-hue) + 42) 80% 56%/calc(var(--glow-a) * .8));--g3:hsl(calc(var(--art-hue) - 38) 80% 54%/calc(var(--glow-a) * .7));
 --s1:hsl(var(--art-hue) 72% var(--art-l1)/var(--art-a));--s2:hsl(calc(var(--art-hue) + 46) 78% var(--art-l2)/var(--art-a))}
.diary-art-frame.is-legacy{--art-a:.6}
html[data-fgu-theme=light] .diary-art-frame{--art-a:.5;--art-l1:34%;--art-l2:46%;--glow-a:.18;
 --g1:hsl(var(--art-hue) 86% 58%/var(--glow-a));--g2:hsl(calc(var(--art-hue) + 42) 80% 56%/calc(var(--glow-a) * .8));--g3:hsl(calc(var(--art-hue) - 38) 80% 54%/calc(var(--glow-a) * .7));
 --s1:hsl(var(--art-hue) 72% var(--art-l1)/var(--art-a));--s2:hsl(calc(var(--art-hue) + 46) 78% var(--art-l2)/var(--art-a))}
html[data-fgu-theme=light] .diary-art-frame.is-legacy{--art-a:.62}
html[data-art-tone=mono] .diary-art-frame{--art-a:.55;--art-l1:94%;--art-l2:68%;--g1:hsl(0 0% 100%/.07);--g2:hsl(0 0% 100%/.056);--g3:hsl(0 0% 100%/.05);--s1:hsl(0 0% var(--art-l1)/var(--art-a));--s2:hsl(0 0% var(--art-l2)/var(--art-a))}
html[data-fgu-theme=light][data-art-tone=mono] .diary-art-frame{--art-a:.55;--art-l1:16%;--art-l2:44%;--g1:hsl(0 0% 0%/.06);--g2:hsl(0 0% 0%/.048);--g3:hsl(0 0% 0%/.042);--s1:hsl(0 0% var(--art-l1)/var(--art-a));--s2:hsl(0 0% var(--art-l2)/var(--art-a))}
.diary-art-glow{position:absolute;inset:0;background:radial-gradient(60vmax 52vmax at 94% 4%,var(--g1),transparent 70%),radial-gradient(54vmax 48vmax at 0% 58%,var(--g2),transparent 70%),radial-gradient(56vmax 46vmax at 90% 100%,var(--g3),transparent 70%)}
/* Content stays readable: the art is full strength only in the side gutters and fades behind the column. */
.diary-art-fade{position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(50% - 420px),rgba(0,0,0,.36) calc(50% - 330px),rgba(0,0,0,.36) calc(50% + 330px),#000 calc(50% + 420px),#000 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(50% - 420px),rgba(0,0,0,.36) calc(50% - 330px),rgba(0,0,0,.36) calc(50% + 330px),#000 calc(50% + 420px),#000 100%)}
.diary-art-ink{position:absolute;left:50%;top:var(--art-top,3vh);width:var(--art-width,min(1440px,180vw));aspect-ratio:var(--art-ratio,1440/1700);transform:translateX(-50%);
 background:linear-gradient(155deg,var(--s1),var(--s2));-webkit-mask:var(--art-url) center/100% 100% no-repeat;mask:var(--art-url) center/100% 100% no-repeat}
body:has(#fgu-diary-design[data-liquid-glass=active]) .diary-art-frame{visibility:hidden}
#fgu-diary-design .art-tone{display:grid;gap:8px;margin:8px 0}
#fgu-diary-design .art-tone-label{margin:0;font-size:14px}
#fgu-diary-design .art-tone-options{display:flex;gap:8px;flex-wrap:wrap}
#fgu-diary-design .art-tone-choice{width:auto;min-height:40px;padding:8px 16px}
#fgu-diary-design .art-tone-choice[aria-pressed=true]{background:var(--fd-text);color:var(--fd-bg);border-color:transparent}