.library .header{z-index:8}.themes{position:relative;flex:none}#theme-toggle{display:grid;place-items:center;padding:2px;background:#fff8e4;border:2px solid #826f51;border-radius:50%;width:46px;height:46px}#theme-toggle img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
#theme-panel{position:absolute;top:calc(100% + 12px);right:0;width:min(336px,88vw);max-height:70svh;overflow:auto;overscroll-behavior:contain;border:1px solid #c9ba97;border-radius:18px;padding:16px;background:#fff8e8;box-shadow:0 12px 34px #34280b40;transform-origin:top right;transform:translateY(-8px) scaleY(.87);opacity:0;visibility:hidden;transition:opacity .17s,transform .17s,visibility .17s}
#theme-panel.open{visibility:visible;transform:none;opacity:1}#theme-panel h2{font: bold 22px Georgia;margin:0 0 12px}#themes-list{display:grid;grid-template-columns:1fr 1fr;gap:5px}#themes-list button{background:#f4ecd6;display:flex;align-items:center;gap:8px;text-align:left;padding:5px;border-radius:12px;border:2px solid transparent;font:14px Georgia}#themes-list [aria-pressed=true]{border-color:#31644f;background:#e4ecd8}#themes-list img,#themes-list span{width:39px;height:39px;border-radius:10px;object-fit:cover}#themes-list span{display:grid;place-items:center;font-size:26px}#theme-note{font-size:13px;margin:12px 0 0}
@media(prefers-reduced-motion:reduce){#theme-panel{transition:none}}
@media(min-width:901px){.library .hero>.welcome,.library .hero>.feature{translate:0 var(--upper-group,0px)}.library .feature-copy p:has(+ .feature-brief){display:none}.library .feature-copy .feature-brief{display:block;max-width:32ch}.library .feature-copy{width:100%;max-width:36ch;justify-self:start}}
@media(max-width:699px){.library .header .search{flex:1 1 60%}}