:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#171020;color:#ddd4e7}*{box-sizing:border-box}body{margin:0}a{color:#d2b4ed;text-underline-offset:4px}a:hover{color:#fff}a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f1c8ae;outline-offset:5px}header,main,footer{max-width:1160px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-bottom:1px solid #46334f}nav{display:flex;gap:20px;flex-wrap:wrap}h1{color:#fff;font-size:clamp(2rem,5vw,3.4rem);line-height:1.1}h2{color:#fff}.lede{max-width:780px;line-height:1.8;color:#b7a9c9}.category-links{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.category-links a,.collection-tag{padding:8px 14px;border:1px solid #46334f;border-radius:24px}.category-links [aria-current=page]{background:#382341}.collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:20px;margin:28px 0}.collection-card{background:#201629;border:1px solid #46334f;border-radius:16px;overflow:hidden}.collection-card img{width:100%;height:170px;object-fit:contain;background:#171020}.collection-card .collection-content{padding:20px}.collection-card h2{font-size:1.2rem;margin:12px 0}.collection-card p{line-height:1.65}.collection-ratings{font-size:.85rem;color:#f1c8ae}.collection-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px}.collection-filter{display:flex;gap:18px;flex-wrap:wrap;margin:24px 0}.collection-filter label{display:grid;gap:8px}.collection-filter input,.collection-filter select{font:inherit;padding:12px;background:#201629;color:#fff;border:1px solid #725784;border-radius:8px}.collection-filter input{max-width:100%;width:320px}.collection-empty{padding:24px;border:1px solid #46334f}.collection-card[hidden]{display:none}footer{border-top:1px solid #46334f;color:#b7a9c9}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:10px;background:#171020;padding:12px}

.collection-filter label{max-width:100%;min-width:0}