@layer components{:where(:root){--library-reading:#2563eb;--library-want:#b45309;--library-finished:#15803d;--library-dropped:#64748b}:where(.dark){--library-reading:#60a5fa;--library-want:#fbbf24;--library-finished:#4ade80;--library-dropped:#94a3b8}@keyframes library-mark-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes library-mark-reveal{0%{stroke-opacity:1;stroke-dashoffset:0}to{stroke-opacity:1;stroke-dashoffset:-1}}:where(svg[data-mark]) :where([data-part=body],[data-part=seal]){transition:fill-opacity var(--duration-state) var(--ease-macos)}:where(svg[data-mark]) :where([data-part=ribbon]){transition:fill-opacity var(--duration-state) var(--ease-macos),transform var(--duration-state) var(--ease-macos)}:where(svg[data-mark][data-filled=true]) :where([data-part=ribbon]){transform:translateY(1.5px)}:where(svg[data-mark][data-was=filled][data-filled=false]) :where([data-glyph=line]){stroke-dasharray:1 1;animation:library-mark-draw var(--duration-item) var(--ease-macos)}:where(svg[data-mark][data-was=outline][data-filled=true]) :where([data-glyph=reveal]){stroke-dasharray:1 1;animation:library-mark-reveal var(--duration-item) var(--ease-macos)}@media (prefers-reduced-motion:reduce){:where(svg[data-mark]) :where([data-part]){transition:none;animation:none}}:where(html[data-motion=reduce]) :where(svg[data-mark]) :where([data-part]){transition:none;animation:none}}