:root{--illu-sky-top:oklch(from var(--accent-2) l c h / .45);--illu-sky-bottom:oklch(from var(--canvas) l c h / 0);--illu-far:color-mix(in oklab, var(--accent-2) 60%, var(--canvas));--illu-mid:color-mix(in oklab, var(--accent) 90%, var(--canvas));--illu-near:var(--primary);--illu-deep:color-mix(in oklab, var(--ink) 92%, var(--canvas));--illu-rim:var(--accent-2);--illu-paper:var(--surface);--illu-paper-edge:var(--line);--illu-mark:var(--primary);--illu-mark-lit:var(--accent);--illu-mark-soft:var(--accent-2);--illu-halo:var(--accent);--illu-shade:oklch(from var(--primary) l c h / .16);--illu-glow:#ffc673;--illu-lit-paper:#fbf4e6;--illu-wood:#edcaa8;--illu-wood-shade:#d4a785}@supports (color:lab(0% 0 0)){:root{--illu-glow:lab(83.7351% 14.5266 49.2778);--illu-lit-paper:lab(96.5967% .633419 7.66813);--illu-wood:lab(83.673% 9.44179 21.6181);--illu-wood-shade:lab(71.9329% 13.7688 23.9535)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--illu-sky-top:color-mix(in oklab, var(--accent) 26%, var(--canvas));--illu-sky-bottom:oklch(from var(--canvas) l c h / 0);--illu-far:color-mix(in oklab, var(--accent) 34%, var(--canvas));--illu-mid:color-mix(in oklab, var(--accent) 24%, var(--canvas));--illu-near:color-mix(in oklab, var(--accent) 14%, var(--canvas));--illu-deep:color-mix(in oklab, #000 42%, var(--canvas));--illu-rim:color-mix(in oklab, var(--accent) 70%, var(--canvas));--illu-paper:var(--surface);--illu-paper-edge:var(--line);--illu-mark:var(--primary);--illu-mark-lit:var(--accent);--illu-mark-soft:var(--accent-2);--illu-halo:var(--accent);--illu-shade:#00000073;--illu-glow:#ffc673;--illu-lit-paper:#fbf4e6;--illu-wood:#edcaa8;--illu-wood-shade:#d4a785}@supports (color:lab(0% 0 0)){:root:not([data-theme=light]){--illu-deep:color-mix(in oklab, lab(0% 0 0) 42%, var(--canvas));--illu-shade:lab(0% 0 0/.45);--illu-glow:lab(83.7351% 14.5266 49.2778);--illu-lit-paper:lab(96.5967% .633419 7.66813);--illu-wood:lab(83.673% 9.44179 21.6181);--illu-wood-shade:lab(71.9329% 13.7688 23.9535)}}}:root[data-theme=dark]{--illu-sky-top:color-mix(in oklab, var(--accent) 26%, var(--canvas));--illu-sky-bottom:oklch(from var(--canvas) l c h / 0);--illu-far:color-mix(in oklab, var(--accent) 34%, var(--canvas));--illu-mid:color-mix(in oklab, var(--accent) 24%, var(--canvas));--illu-near:color-mix(in oklab, var(--accent) 14%, var(--canvas));--illu-deep:color-mix(in oklab, #000 42%, var(--canvas));--illu-rim:color-mix(in oklab, var(--accent) 70%, var(--canvas));--illu-paper:var(--surface);--illu-paper-edge:var(--line);--illu-mark:var(--primary);--illu-mark-lit:var(--accent);--illu-mark-soft:var(--accent-2);--illu-halo:var(--accent);--illu-shade:#00000073;--illu-glow:#ffc673;--illu-lit-paper:#fbf4e6;--illu-wood:#edcaa8;--illu-wood-shade:#d4a785}@supports (color:lab(0% 0 0)){:root[data-theme=dark]{--illu-deep:color-mix(in oklab, lab(0% 0 0) 42%, var(--canvas));--illu-shade:lab(0% 0 0/.45);--illu-glow:lab(83.7351% 14.5266 49.2778);--illu-lit-paper:lab(96.5967% .633419 7.66813);--illu-wood:lab(83.673% 9.44179 21.6181);--illu-wood-shade:lab(71.9329% 13.7688 23.9535)}}
@media (prefers-reduced-motion:no-preference){.illu-m-float,.illu-m-flutter,.illu-m-sway{transform-box:fill-box;transform-origin:50%;animation-timing-function:step-end;animation-iteration-count:infinite}.illu-m-float{animation-name:illu-float;animation-duration:1.4s}.illu-m-flutter{animation-name:illu-flutter;animation-duration:1.1s}.illu-m-sway{animation-name:illu-sway;animation-duration:2s}}@keyframes illu-float{0%{transform:translate(0)rotate(0)}14%{transform:translate(.3px,-.8px)rotate(-1.5deg)}28%{transform:translate(.1px,-1.6px)rotate(-.5deg)}43%{transform:translate(-.3px,-2px)rotate(1.2deg)}57%{transform:translate(-.4px,-1.4px)rotate(2deg)}71%{transform:translate(-.1px,-.7px)rotate(.8deg)}86%{transform:translate(.2px,-.2px)rotate(-.6deg)}}@keyframes illu-flutter{0%{transform:translate(0)rotate(0)}20%{transform:translate(.8px,-1px)rotate(25deg)}40%{transform:translate(1.2px,.4px)rotate(-15deg)}60%{transform:translate(.2px,1px)rotate(35deg)}80%{transform:translate(-.6px,.2px)rotate(-20deg)}}@keyframes illu-sway{0%{transform:rotate(0)translate(0)}20%{transform:rotate(-5deg)translateY(-.4px)}40%{transform:rotate(-8deg)translate(.3px,-.6px)}60%{transform:rotate(-3deg)translate(.3px,-.2px)}80%{transform:rotate(4deg)translateY(.2px)}}