.color-library{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:1024px){.color-library{grid-template-columns:260px 1fr;gap:64px;align-items:start}}.cl-filters{position:relative}@media(min-width:1024px){.cl-filters{position:sticky;top:96px}}.cl-filters__inner{display:grid;gap:28px;padding:26px;border-radius:6px;background:color-mix(in oklab,var(--color-cream) 80%,transparent);backdrop-filter:blur(8px) saturate(140%);border:1px solid color-mix(in oklab,var(--color-ink) 8%,transparent);box-shadow:0 1px color-mix(in oklab,var(--color-paper) 70%,transparent) inset}.cl-search{position:relative;display:flex;align-items:center;gap:10px;background:color-mix(in oklab,white 90%,var(--color-paper) 10%);border-radius:999px;padding:10px 16px;border:1px solid color-mix(in oklab,var(--color-ink) 10%,transparent);transition:border-color .22s var(--ease-brand),box-shadow .22s var(--ease-brand)}.cl-search:focus-within{border-color:color-mix(in oklab,var(--color-ink) 50%,transparent);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-ink) 6%,transparent)}.cl-search input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:13.5px;letter-spacing:-.005em}.cl-search input::placeholder{color:var(--color-mist);font-style:italic}.cl-fg{border:0;padding:0;margin:0}.cl-fg legend{font-size:10.5px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;opacity:.55;margin-bottom:12px}.cl-chips{display:flex;flex-wrap:wrap;gap:5px}.cl-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:transparent;border:1px solid color-mix(in oklab,var(--color-ink) 14%,transparent);font-size:12.5px;letter-spacing:-.005em;cursor:pointer;transition:all .24s var(--ease-brand)}.cl-chip:hover{border-color:color-mix(in oklab,var(--color-ink) 50%,transparent);background:color-mix(in oklab,var(--color-ink) 4%,transparent)}.cl-chip.is-active{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.cl-chip__extra{font-size:10.5px;opacity:.5;padding:0 2px;font-variant-numeric:tabular-nums}.cl-chip.is-active .cl-chip__extra{opacity:.7}.cl-filters__meta{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;padding-top:12px;border-top:1px solid color-mix(in oklab,var(--color-ink) 10%,transparent)}.cl-filters__meta strong{font-family:var(--font-display);font-weight:400;font-size:17px;letter-spacing:-.01em}.cl-reset{font-size:11px;text-transform:uppercase;letter-spacing:.18em;opacity:.7;cursor:pointer;transition:opacity .22s var(--ease-brand)}.cl-reset:hover{opacity:1}.cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px 14px}@media(min-width:768px){.cl-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px 18px}}@media(min-width:1280px){.cl-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.cl-card{display:block;border-radius:4px;background:var(--color-paper-warm);overflow:hidden;transition:transform .48s var(--ease-brand),box-shadow .48s var(--ease-brand);border:1px solid color-mix(in oklab,var(--color-ink) 4%,transparent);position:relative}.cl-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,color-mix(in oklab,var(--swatch) 50%,transparent) 0%,transparent 60%);opacity:0;transition:opacity .48s var(--ease-brand);pointer-events:none;z-index:0}.cl-card:hover{transform:translateY(-3px);box-shadow:0 22px 50px -22px color-mix(in oklab,var(--swatch) 50%,rgba(0,0,0,.4))}.cl-card:hover:before{opacity:.32}.cl-card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:radial-gradient(120% 80% at 50% 30%,color-mix(in oklab,var(--color-paper-warm) 72%,white 28%) 0%,var(--color-paper-warm) 100%);isolation:isolate}.cl-card__halo{position:absolute;inset:-10%;background:conic-gradient(from 200deg at 50% 50%,var(--color-halo-1),var(--color-halo-2),var(--color-halo-3),var(--color-halo-4),var(--color-halo-5),var(--color-halo-6),var(--color-halo-7),var(--color-halo-1));-webkit-mask:radial-gradient(circle at 50% 45%,transparent 30%,#000 32% 56%,transparent 66%);mask:radial-gradient(circle at 50% 45%,transparent 30%,#000 32% 56%,transparent 66%);filter:blur(3px);opacity:.5;mix-blend-mode:screen;z-index:0;transition:opacity .6s var(--ease-brand),transform 1.2s var(--ease-brand)}.cl-card:hover .cl-card__halo{opacity:.85;transform:rotate(20deg)}.cl-card picture{position:relative;z-index:2;display:block;height:100%}.cl-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease-brand)}.cl-card:hover img{transform:scale(1.04)}.cl-card__fallback{position:absolute;z-index:1;left:50%;top:18%;transform:translate(-50%);width:22%;height:58%;background:var(--swatch);border-radius:50%/60% 60% 40% 40%;box-shadow:inset 0 -12px 22px #00000038,0 8px 22px #0000001f;opacity:0}.cl-card--noimg .cl-card__fallback{opacity:1}.cl-card__info{padding:14px 16px 18px;display:grid;gap:4px;position:relative;z-index:2}.cl-card__code{font-family:var(--font-sans);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;opacity:.55}.cl-card__name{font-family:var(--font-display);font-weight:400;font-size:clamp(16px,1.4vw,19px);line-height:1.1;letter-spacing:-.012em;font-variation-settings:"opsz" 36,"SOFT" 50}.cl-empty{grid-column:1 / -1;text-align:center;padding:80px 20px;display:grid;gap:16px;place-items:center}.cl-empty p{font-family:var(--font-display);font-size:22px;font-style:italic;opacity:.7}.cl-empty button{padding:12px 22px;border-radius:999px;background:var(--color-ink);color:var(--color-paper);cursor:pointer;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.cotd[data-astro-cid-2tnhbftn]{position:relative;isolation:isolate;border-radius:var(--radius-lg);overflow:hidden;background:radial-gradient(120% 80% at 0% 0%,color-mix(in oklab,var(--accent) 20%,var(--color-ink)) 0%,var(--color-ink) 60%);color:var(--color-paper);border:1px solid color-mix(in oklab,var(--color-paper) 7%,transparent);box-shadow:inset 0 1px color-mix(in oklab,var(--color-paper) 8%,transparent),0 30px 70px -36px #000000b3;transition:transform .72s var(--ease-brand),box-shadow .72s var(--ease-brand),border-color .42s var(--ease-brand)}.cotd[data-astro-cid-2tnhbftn]:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--accent) 50%,transparent);box-shadow:inset 0 1px color-mix(in oklab,var(--color-paper) 8%,transparent),0 36px 90px -32px color-mix(in oklab,var(--accent) 55%,rgba(0,0,0,.6))}.cotd[data-astro-cid-2tnhbftn]:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1px;background:linear-gradient(140deg,color-mix(in oklab,var(--accent) 60%,transparent),transparent 38%,color-mix(in oklab,var(--color-halo-6) 45%,transparent) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.65;transition:opacity .48s var(--ease-brand);z-index:1}.cotd[data-astro-cid-2tnhbftn]:hover:before{opacity:1}.cotd__link[data-astro-cid-2tnhbftn]{display:grid;grid-template-columns:minmax(280px,.8fr) 1.4fr;gap:0;color:inherit;text-decoration:none;align-items:stretch}@media(max-width:760px){.cotd__link[data-astro-cid-2tnhbftn]{grid-template-columns:1fr}}.cotd__media[data-astro-cid-2tnhbftn]{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:radial-gradient(120% 80% at 50% 30%,color-mix(in oklab,var(--color-paper-warm) 70%,white 30%) 0%,var(--color-paper-warm) 100%);isolation:isolate}@media(max-width:760px){.cotd__media[data-astro-cid-2tnhbftn]{aspect-ratio:1 / 1}}.cotd__pic[data-astro-cid-2tnhbftn]{position:absolute;inset:0;display:block;z-index:2}.cotd__pic[data-astro-cid-2tnhbftn] img[data-astro-cid-2tnhbftn]{width:100%;height:100%;object-fit:cover;object-position:30% center;display:block;transform:scale(1.04);transition:transform 1.4s var(--ease-brand),filter .6s var(--ease-brand);filter:saturate(1.05)}.cotd[data-astro-cid-2tnhbftn]:hover .cotd__pic[data-astro-cid-2tnhbftn] img[data-astro-cid-2tnhbftn]{transform:scale(1.12) translate3d(-1.5%,-1%,0);filter:saturate(1.18)}.cotd__halo[data-astro-cid-2tnhbftn]{position:absolute;inset:-25%;background:radial-gradient(circle at 30% 35%,color-mix(in oklab,var(--accent) 60%,transparent) 0%,transparent 60%);filter:blur(50px);opacity:.55;z-index:1;transition:opacity .72s var(--ease-brand),transform 1.4s var(--ease-brand)}.cotd[data-astro-cid-2tnhbftn]:hover .cotd__halo[data-astro-cid-2tnhbftn]{opacity:.9;transform:scale(1.08) rotate(8deg)}.cotd__rim[data-astro-cid-2tnhbftn]{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,color-mix(in oklab,var(--color-pearl) 25%,transparent) 0%,transparent 30%,color-mix(in oklab,var(--color-ink) 50%,transparent) 100%);mix-blend-mode:overlay;opacity:.6}.cotd__bubble[data-astro-cid-2tnhbftn]{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:56%;height:70%;background:var(--accent);border-radius:50%/60% 60% 40% 40%;box-shadow:inset 0 -14px 24px #00000038,0 16px 40px #00000047,0 0 80px -10px var(--accent);z-index:3;opacity:0;transition:opacity .24s var(--ease-brand)}.cotd[data-astro-cid-2tnhbftn].is-noimg .cotd__bubble[data-astro-cid-2tnhbftn]{opacity:1}.cotd__sticker[data-astro-cid-2tnhbftn]{position:absolute;left:14px;bottom:14px;z-index:5;display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;background:color-mix(in srgb,white 78%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:999px;box-shadow:0 6px 18px -8px #00000059;transform:translateY(0) scale(1);transition:transform .54s var(--ease-brand),box-shadow .54s var(--ease-brand)}.cotd[data-astro-cid-2tnhbftn]:hover .cotd__sticker[data-astro-cid-2tnhbftn]{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 28px -10px color-mix(in oklab,var(--accent) 50%,rgba(0,0,0,.5))}.cotd__chip[data-astro-cid-2tnhbftn]{width:26px;height:26px;border-radius:50%;background:var(--accent);background-image:linear-gradient(160deg,rgba(255,255,255,.34),transparent 55%);box-shadow:inset 0 0 0 1px #00000052,inset 0 -3px 5px #00000038,inset 0 1px 2px #ffffff8c,0 1px 3px #0000001a;flex-shrink:0}.cotd__sticker-meta[data-astro-cid-2tnhbftn]{display:flex;flex-direction:column;line-height:1;color:var(--color-ink)}.cotd__sticker-code[data-astro-cid-2tnhbftn]{font-family:var(--font-sans);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;opacity:.7}.cotd__sticker-hex[data-astro-cid-2tnhbftn]{font-family:var(--font-mono, var(--font-sans));font-size:12px;letter-spacing:.06em;margin-top:3px}.cotd__copy[data-astro-cid-2tnhbftn]{padding:clamp(28px,3.6vw,44px) clamp(28px,3.6vw,48px);display:flex;flex-direction:column;justify-content:space-between;gap:clamp(18px,2.6vw,28px);min-height:100%;position:relative}.cotd__date[data-astro-cid-2tnhbftn]{display:inline-flex;align-items:center;gap:10px;color:color-mix(in oklab,var(--color-paper) 75%,transparent);margin:0 0 14px}.cotd__pulse[data-astro-cid-2tnhbftn]{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent),0 0 0 4px color-mix(in oklab,var(--accent) 18%,transparent);animation:halo-pulse 4s ease-in-out infinite}.cotd__name[data-astro-cid-2tnhbftn]{font-size:clamp(32px,4.2vw,56px);line-height:1;letter-spacing:-.014em;margin:0;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1;display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:clamp(10px,1.6vw,18px)}.cotd__name[data-astro-cid-2tnhbftn] em[data-astro-cid-2tnhbftn]{font-style:italic;background:linear-gradient(120deg,var(--color-paper) 0%,var(--color-paper) 60%,color-mix(in oklab,var(--accent) 80%,var(--color-paper)) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;transition:background .6s var(--ease-brand)}.cotd[data-astro-cid-2tnhbftn]:hover .cotd__name[data-astro-cid-2tnhbftn] em[data-astro-cid-2tnhbftn]{background:linear-gradient(120deg,var(--color-paper) 0%,color-mix(in oklab,var(--accent) 70%,var(--color-paper)) 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.cotd__code[data-astro-cid-2tnhbftn]{font-family:var(--font-mono, var(--font-sans));font-size:.34em;letter-spacing:.18em;text-transform:uppercase;opacity:.55;align-self:center}.cotd__rule[data-astro-cid-2tnhbftn]{display:block;margin-top:14px;height:2px;width:32px;background:linear-gradient(90deg,var(--color-halo-3),var(--color-halo-4),var(--color-halo-5),var(--color-halo-6),var(--color-halo-7));border-radius:2px;transition:width .72s var(--ease-brand)}.cotd[data-astro-cid-2tnhbftn]:hover .cotd__rule[data-astro-cid-2tnhbftn]{width:88px}.cotd__desc[data-astro-cid-2tnhbftn]{font-family:var(--font-display);font-size:clamp(15px,1.2vw,17px);line-height:1.55;opacity:.82;max-width:58ch;margin:0;font-variation-settings:"opsz" 18}.cotd__meta[data-astro-cid-2tnhbftn]{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px}.cotd__tag[data-astro-cid-2tnhbftn]{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:color-mix(in oklab,var(--color-paper) 6%,transparent);border:1px solid color-mix(in oklab,var(--color-paper) 12%,transparent);transition:border-color .32s var(--ease-brand),background .32s var(--ease-brand)}.cotd[data-astro-cid-2tnhbftn]:hover .cotd__tag[data-astro-cid-2tnhbftn]{border-color:color-mix(in oklab,var(--accent) 35%,transparent)}.cotd__tag[data-astro-cid-2tnhbftn] span[data-astro-cid-2tnhbftn]{font-family:var(--font-sans);font-size:10px;letter-spacing:.28em;text-transform:uppercase;opacity:.55}.cotd__tag[data-astro-cid-2tnhbftn] strong[data-astro-cid-2tnhbftn]{font-family:var(--font-display);font-weight:400;font-size:14px;font-variation-settings:"opsz" 24}.cotd__tag--mood[data-astro-cid-2tnhbftn] strong[data-astro-cid-2tnhbftn] em[data-astro-cid-2tnhbftn]{font-style:italic;font-variation-settings:"opsz" 36,"SOFT" 100,"WONK" 1}.cotd__foot[data-astro-cid-2tnhbftn]{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:4px}.cotd__related[data-astro-cid-2tnhbftn]{display:inline-flex;align-items:center;gap:12px}.cotd__related-label[data-astro-cid-2tnhbftn]{font-family:var(--font-sans);font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;opacity:.6}.cotd__related[data-astro-cid-2tnhbftn] ul[data-astro-cid-2tnhbftn]{list-style:none;margin:0;padding:0;display:inline-flex;gap:-4px}.cotd__related[data-astro-cid-2tnhbftn] li[data-astro-cid-2tnhbftn]+li[data-astro-cid-2tnhbftn]{margin-left:-8px}.cotd__rel-dot[data-astro-cid-2tnhbftn]{display:block;width:22px;height:22px;border-radius:50%;background:linear-gradient(160deg,rgba(255,255,255,.28),transparent 55%),var(--c, transparent);box-shadow:inset 0 0 0 1px #0000005c,inset 0 -2px 3px #0003,inset 0 1px 1px #ffffff80,0 0 0 2px var(--color-ink);transition:transform .38s var(--ease-brand)}.cotd[data-astro-cid-2tnhbftn]:hover .cotd__rel-dot[data-astro-cid-2tnhbftn]{transform:translateY(-2px)}.cotd[data-astro-cid-2tnhbftn]:hover .cotd__rel-dot[data-astro-cid-2tnhbftn]:nth-child(2n){transform:translateY(-3px)}.cotd[data-astro-cid-2tnhbftn]:hover .cotd__rel-dot[data-astro-cid-2tnhbftn]:nth-child(3n){transform:translateY(-1px)}.cotd__cta[data-astro-cid-2tnhbftn]{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;border:1px solid color-mix(in oklab,var(--color-paper) 25%,transparent);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-paper);transition:border-color .32s var(--ease-brand),background .32s var(--ease-brand),color .32s var(--ease-brand),transform .32s var(--ease-brand)}.cotd__cta[data-astro-cid-2tnhbftn] svg[data-astro-cid-2tnhbftn]{transition:transform .32s var(--ease-brand)}.cotd[data-astro-cid-2tnhbftn]:hover .cotd__cta[data-astro-cid-2tnhbftn]{background:var(--accent);border-color:var(--accent);color:#0a0a0a;transform:translateY(-2px)}.cotd[data-astro-cid-2tnhbftn]:hover .cotd__cta[data-astro-cid-2tnhbftn] svg[data-astro-cid-2tnhbftn]{transform:translate(4px)}@media(max-width:760px){.cotd__copy[data-astro-cid-2tnhbftn]{padding:24px 22px 28px}.cotd__name[data-astro-cid-2tnhbftn]{font-size:clamp(28px,8vw,40px)}.cotd__foot[data-astro-cid-2tnhbftn]{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.cotd__pic[data-astro-cid-2tnhbftn] img[data-astro-cid-2tnhbftn],.cotd__halo[data-astro-cid-2tnhbftn],.cotd__rule[data-astro-cid-2tnhbftn]{transition:none}.cotd[data-astro-cid-2tnhbftn]:hover .cotd__pic[data-astro-cid-2tnhbftn] img[data-astro-cid-2tnhbftn]{transform:scale(1.04)}}.cmd-k[data-astro-cid-nitzqk4q]{font-family:var(--font-sans);font-size:10px;padding:2px 6px;border:1px solid color-mix(in oklab,currentColor 22%,transparent);border-radius:4px;margin-left:4px}.flip-card[data-astro-cid-nitzqk4q]{aspect-ratio:4/5;perspective:1200px;display:block;color:inherit}.flip-card__inner[data-astro-cid-nitzqk4q]{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s var(--ease-brand)}.flip-card[data-astro-cid-nitzqk4q]:hover .flip-card__inner[data-astro-cid-nitzqk4q],.flip-card[data-astro-cid-nitzqk4q]:focus-visible .flip-card__inner[data-astro-cid-nitzqk4q]{transform:rotateY(180deg)}.flip-card__face[data-astro-cid-nitzqk4q]{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;border-radius:var(--radius-md);overflow:hidden}.flip-card__face--front[data-astro-cid-nitzqk4q]{background:var(--color-paper);color:var(--color-ink);justify-content:flex-end}.flip-card__face--back[data-astro-cid-nitzqk4q]{background:#0a0a0a;color:#fff;transform:rotateY(180deg);justify-content:flex-end;padding:0}.flip-card__media[data-astro-cid-nitzqk4q]{position:absolute;inset:0;z-index:0;display:block}.flip-card__media[data-astro-cid-nitzqk4q] img[data-astro-cid-nitzqk4q]{width:100%;height:100%;object-fit:cover;object-position:22% center;display:block;transition:transform 1.1s var(--ease-brand)}.flip-card[data-astro-cid-nitzqk4q]:hover .flip-card__media[data-astro-cid-nitzqk4q] img[data-astro-cid-nitzqk4q],.flip-card[data-astro-cid-nitzqk4q]:focus-visible .flip-card__media[data-astro-cid-nitzqk4q] img[data-astro-cid-nitzqk4q]{transform:scale(1.04)}.flip-card__media--back[data-astro-cid-nitzqk4q] img[data-astro-cid-nitzqk4q]{object-position:18% center}.flip-card__overlay[data-astro-cid-nitzqk4q]{position:relative;z-index:1;padding:clamp(18px,2.6vw,26px);display:flex;flex-direction:column;gap:4px;color:#fff;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,.55) 70%,rgba(0,0,0,.85) 100%)}.flip-card__back-overlay[data-astro-cid-nitzqk4q]{position:relative;z-index:1;margin-top:auto;padding:clamp(40px,6vw,56px) clamp(20px,3vw,28px) clamp(20px,3vw,28px);display:flex;flex-direction:column;gap:14px;color:#fff;background:linear-gradient(180deg,#0000,#00000073 35%,#000000c7 75%,#000000eb)}.flip-card__desc[data-astro-cid-nitzqk4q]{font-family:var(--font-display);font-variation-settings:"opsz" 36,"SOFT" 50;font-size:clamp(14px,1.2vw,16px);line-height:1.5;letter-spacing:-.005em;opacity:.94}.flip-card__title[data-astro-cid-nitzqk4q]{font-size:clamp(24px,2.4vw,34px);line-height:1.05;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 0}.flip-card__code[data-astro-cid-nitzqk4q]{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin-top:4px}.flip-card__cta[data-astro-cid-nitzqk4q]{color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.22em;opacity:.85;display:inline-flex;align-items:center;gap:6px;transition:opacity .2s var(--ease-brand),transform .32s var(--ease-brand)}.flip-card[data-astro-cid-nitzqk4q]:hover .flip-card__cta[data-astro-cid-nitzqk4q]{opacity:1;transform:translate(2px)}