:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--fg:#1a1a1a;--bg:#fff;--muted:#6b7280;--accent:#2563eb;--border:#e5e7eb}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fg:#e7e7e7;--bg:#111318;--muted:#9ca3af;--accent:#7aa2ff;--border:#2a2e37}}*{box-sizing:border-box}body{color:var(--fg);background:var(--bg);margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{max-width:760px;margin:0 auto;padding:1.5rem 1.25rem 4rem}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}header a{color:var(--fg);font-size:1.1rem}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;padding:.5rem 1rem}button.link{color:var(--accent);background:0 0;border:none;padding:.25rem}.muted{color:var(--muted)}.center{text-align:center;margin-top:4rem}.error{color:#dc2626}.signin{text-align:center;max-width:320px;margin:15vh auto 0}.signin form{flex-direction:column;gap:.6rem;margin-bottom:.75rem;display:flex}.signin input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;padding:.6rem .8rem}.signin button[type=submit]{background:var(--accent);color:#fff;border:none}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--border)}.list a{color:var(--fg);padding:.9rem .25rem;display:block}.list a:hover{background:color-mix(in srgb, var(--accent) 6%, transparent);text-decoration:none}.list .title{font-weight:600;display:block}.list .meta,article .meta{color:var(--muted);font-size:.85rem;display:block}.tags em{color:var(--muted);border:1px solid var(--border);border-radius:99px;margin-right:.35rem;padding:.05rem .5rem;font-size:.75rem;font-style:normal}article h1{line-height:1.25}article blockquote{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent);border-radius:0 8px 8px 0;margin:1rem 0;padding:.5rem 1rem}article code{background:color-mix(in srgb, var(--fg) 8%, transparent);border-radius:4px;padding:.1em .35em;font-size:.9em}article table{border-collapse:collapse;display:block;overflow-x:auto}article th,article td{border:1px solid var(--border);text-align:left;padding:.4rem .7rem}.signin .github{background:var(--fg);width:100%;color:var(--bg);border:none;margin-bottom:.25rem;padding:.6rem}.signin .or{margin:.75rem 0;font-size:.85rem}.brand-row{margin:2rem 0}.brand-row h2 code{color:var(--accent);margin-right:.4rem}.brand-pair{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.shell-wide{max-width:96vw}.shell-wide .brand-pair{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.brand-tile{border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.brand-tile.light{color:#16181d;--brand-accent:#2563eb;--brand-bg:#fff;background:#fff}.brand-tile.dark{color:#e7e7e7;--brand-accent:#7aa2ff;--brand-bg:#14161b;background:#14161b}.brand-sizes{align-items:center;gap:1.25rem;display:flex}.brand-word{align-items:center;gap:.45rem;font-size:.95rem;display:inline-flex}@media (width<=600px){.brand-pair,.shell-wide .brand-pair{grid-template-columns:1fr}}.brand-tile.fam-pink{color:#e0a4b0;--brand-accent:#8fb8c9;--brand-bg:#faf6f0;background:#faf6f0;border-color:#efe6d8}.brand-tile.fam-blue{color:#8fb8c9;--brand-accent:#8fb08a;--brand-bg:#faf6f0;background:#faf6f0;border-color:#efe6d8}.brand-tile.fam-pink .brand-word strong,.brand-tile.fam-blue .brand-word strong{color:#4a4540}.brand-tile.fam-beige{color:#4a4540;--brand-accent:#e0a4b0;--brand-bg:#efe6d8;background:#efe6d8;border-color:#e0d5c2}.brand-row h2 .archive{opacity:.35;background:0 0;border:none;margin-left:.5rem;padding:.1rem .3rem;font-size:.9rem}.brand-row h2 .archive:hover{opacity:1}.brand-archived{flex-wrap:wrap;gap:.6rem;display:flex}.brand-archived .restore{opacity:.7;align-items:center;gap:.5rem;display:inline-flex}.brand-archived .restore:hover{opacity:1}.brand .brand-sticky{z-index:10;background:var(--bg);border-bottom:1px solid var(--border);margin:0 -.5rem;padding:.75rem .5rem .6rem;display:block;position:sticky;top:0}.brand .brand-sticky-top{justify-content:space-between;align-items:baseline;margin-bottom:.5rem;display:flex}.brand-nav{flex-wrap:wrap;gap:.4rem;display:flex}.brand-nav button{border-radius:999px;padding:.25rem .8rem;font-size:.85rem}.brand-nav button:hover{border-color:var(--accent);color:var(--accent)}.brand-row h2 .fav{opacity:.3;filter:grayscale();background:0 0;border:none;margin-left:.5rem;padding:.1rem .3rem;font-size:.9rem}.brand-row h2 .fav.on{opacity:1;filter:none}.brand-row h2 .fav:hover{opacity:1}.brand h1.collapsible{cursor:pointer;-webkit-user-select:none;user-select:none}.brand h1.collapsible:hover{color:var(--accent)}.brand h1 .chev{width:1.1rem;color:var(--muted);display:inline-block}.brand h1 .count-hint{color:var(--muted);border:1px solid var(--border);vertical-align:middle;border-radius:999px;margin-left:.6rem;padding:.05rem .6rem;font-size:.85rem;font-weight:400}.brand h1 .copyfav{vertical-align:middle;border-radius:999px;margin-left:.8rem;padding:.25rem .8rem;font-size:.8rem;font-weight:400}.brand-sticky-top .link{margin-left:.6rem;font-size:.85rem}body:has(.bp){background:#faf6f0}.bp{color:#4a4540}.bp h1,.bp h2{letter-spacing:.01em;font-family:Cormorant Garamond,Georgia,serif;font-weight:600}.bp .brand-sticky{background:#faf6f0;border-bottom:1px solid #efe6d8}.bp .brand-nav button{color:#4a4540;background:#fff;border:1px solid #efe6d8}.bp .brand-nav button:hover{color:#e0a4b0;border-color:#e0a4b0}.bp-controls{align-items:center;gap:.45rem;display:inline-flex}.bp-swatch{border:1.5px solid #d8cdbb;border-radius:50%;width:20px;height:20px;padding:0}.bp-section h1{align-items:center;gap:.5rem;display:flex}.bp-section h1 .chev{color:#8a8278;cursor:pointer;background:0 0;border:none;padding:.1rem .2rem;font-size:1rem}.bp-title{cursor:pointer}.bp-title:hover{color:#e0a4b0}.bp .count-hint{color:#8a8278;border-color:#efe6d8}.bp-kill-section{color:#c9bfae;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:.8rem}.bp-kill-section:hover{color:#b0483f}.bp-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.9rem;display:grid}.bp-card{border-radius:16px;flex-direction:column;display:flex}.bp-card.bp-expanded{grid-column:1/-1}.bp-preview{cursor:zoom-in;border:1px solid #efe6d8;border-radius:16px;justify-content:center;align-items:center;width:100%;padding:1.4rem 0;display:flex;box-shadow:0 4px 24px #4a45400f}.bp-preview .brand-sizes{display:none}.bp-incart .bp-preview{outline-offset:-2px;outline:2px solid #8fb08a}.bp-meta{justify-content:space-between;align-items:center;padding:.35rem .2rem 0;font-size:.85rem;display:flex}.bp-name code{color:#e0a4b0;margin-right:.25rem}.bp-actions button{cursor:pointer;background:0 0;border:none;padding:.1rem .25rem;font-size:.9rem}.bp-cart{opacity:.5}.bp-cart:hover{opacity:1}.bp-cart.on{opacity:1;color:#8fb08a;font-weight:700}.bp-kill{color:#c9bfae;cursor:pointer;background:0 0;border:none}.bp-kill:hover{color:#b0483f}.bp-detail{padding:.8rem .2rem}.bp-detail .brand-pair{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.bp-detail .brand-tile .brand-sizes{display:flex}.bp-cart-fab{z-index:30;cursor:pointer;background:#fff;border:1px solid #efe6d8;border-radius:999px;padding:.7rem 1.1rem;font-size:1rem;position:fixed;bottom:1.2rem;right:1.2rem;box-shadow:0 4px 24px #4a45401f}.bp-cart-fab.has{color:#fff;background:#e0a4b0;border-color:#e0a4b0}.bp-cart-panel{z-index:30;color:#4a4540;background:#fff;border:1px solid #efe6d8;border-radius:16px;width:min(340px,100vw - 2.4rem);max-height:60vh;padding:1rem 1.1rem;position:fixed;bottom:4.4rem;right:1.2rem;overflow-y:auto;box-shadow:0 8px 40px #4a454029}.bp-cart-panel ul{margin:.5rem 0;padding:0;list-style:none}.bp-cart-panel li{border-bottom:1px solid #f5f0e8;align-items:center;gap:.5rem;padding:.3rem 0;display:flex}.bp-cart-panel li code{color:#e0a4b0}.bp-cartname{flex:1;font-size:.9rem}.bp-cart-actions{align-items:center;gap:.7rem;margin-top:.7rem;display:flex}.bp-primary{color:#fff;cursor:pointer;background:#e0a4b0;border:none;border-radius:999px;padding:.5rem 1rem}.bp-hint{margin-top:.6rem;font-size:.8rem}@media (width<=700px){.bp-grid{grid-template-columns:repeat(2,1fr)}.bp .brand-sticky-top{flex-wrap:wrap;gap:.4rem}}.bp{color:#3b352c;align-items:flex-start;gap:1.4rem;display:flex}.bp .muted{color:#756c5d}.bp h1{color:#2e2921}.bp-side{scrollbar-width:thin;border-right:1px solid #e3d8c6;flex-direction:column;flex:0 0 58px;align-self:flex-start;gap:.35rem;height:100vh;padding:.8rem .25rem;display:flex;position:sticky;top:0;overflow-y:auto}.bp-side-item{color:#3b352c;cursor:pointer;background:#fff;border:1px solid #e3d8c6;border-radius:12px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:relative}.bp-side-item:hover{border-color:#e0a4b0}.bp-side-item em{color:#fff;text-align:center;background:#e0a4b0;border-radius:999px;min-width:16px;height:16px;padding:0 3px;font-size:.65rem;font-style:normal;line-height:16px;position:absolute;top:-5px;right:-5px}.bp-side-cart.has{background:#fbeef1;border-color:#e0a4b0}.bp-side-trash{color:#a3988a}.bp-side-trash em{background:#a3988a}.bp-main{flex:1;min-width:0;padding-bottom:4rem}.bp-head{z-index:20;background:#faf6f0;border-bottom:1px solid #e3d8c6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem;padding:.9rem 0 .7rem;display:flex;position:sticky;top:0}.bp-head a{color:#2e2921;text-decoration:none}.bp-linkbtn{color:#9c6472;cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:.85rem}.bp-linkbtn:hover{text-decoration:underline}.bp-swatch{border:1.5px solid #b9ac97}.bp-swatch.on{outline-offset:2px;outline:2px solid #9c6472}.bp-cart-section{background:#fff;border:1px solid #e3d8c6;border-radius:16px;margin:1rem 0 1.6rem;padding:.4rem 1.2rem 1rem;box-shadow:0 4px 24px #4a45400f}.bp-cart-section .brand-row h2{align-items:center;gap:.4rem;display:flex}.bp-brief{margin-left:1rem;font-size:.85rem}.bp-primary{background:#9c6472}.bp-primary:hover{background:#85505e}.bp-name{color:#3b352c;font-weight:500}.bp-name code{color:#9c6472}.bp-preview{border-color:#e3d8c6}.bp-card .bp-preview:hover{border-color:#c7a9b1}.bp-kill,.bp-kill-section{color:#a3988a}.bp-overlay{z-index:50;background:#2e292173;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.bp-modal{color:#3b352c;background:#faf6f0;border-radius:20px;width:100%;max-width:880px;max-height:90vh;padding:1.2rem 1.5rem 1.5rem;overflow-y:auto;box-shadow:0 20px 80px #0000004d}.bp-modal-head{justify-content:space-between;align-items:center;display:flex}.bp-modal-head code{color:#9c6472}.bp-close{color:#756c5d;cursor:pointer;background:0 0;border:none;font-size:1.1rem}.bp-modal-hero{border:1px solid #e3d8c6;border-radius:16px;justify-content:center;margin-bottom:1rem;padding:2rem 0;display:flex}.bp-modal-hero .brand-sizes{display:none}.bp-modal-pair{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.bp-modal-pair .brand-tile{gap:.6rem;padding:1rem .5rem}.bp-modal-pair .brand-sizes{display:none}.bp-modal-actions{gap:.8rem;margin-top:1.1rem;display:flex}.bp-secondary{color:#3b352c;cursor:pointer;background:#fff;border:1px solid #e3d8c6;border-radius:999px;padding:.5rem 1rem}.bp-secondary:hover{color:#b0483f;border-color:#b0483f}@media (width<=700px){.bp{gap:.7rem}.bp-side{flex-basis:48px}.bp-side-item{width:40px;height:40px}}body:has(.bk){background:#faf6f0}.bk{color:#3b352c;padding-bottom:3rem}.bk h1,.bk h2{color:#2e2921;font-family:Cormorant Garamond,Georgia,serif}.bk .muted{color:#756c5d}.bk-head{border-bottom:1px solid #e3d8c6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem 0;display:flex}.bk-head a{color:#2e2921;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.bk-hunter{font-size:.85rem;color:#9c6472!important}.bk-hero{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.bk-hero-mark{flex:0 0 128px}.bk-hero-mark svg{border-radius:28px;width:128px;height:128px;box-shadow:0 8px 40px #4a454026}.bk-hero h1{margin:0 0 .3rem}.bk-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.bk-card{background:#fff;border:1px solid #e3d8c6;border-radius:16px;align-items:center;gap:1rem;padding:1rem;display:flex;box-shadow:0 4px 24px #4a45400f}.bk-preview{flex:0 0 72px}.bk-preview svg{border:1px solid #efe6d8;border-radius:14px;width:72px;height:72px}.bk-checker .bk-preview svg{background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0 0/16px 16px}.bk-meta{flex-direction:column;gap:.15rem;font-size:.9rem;display:flex}.bk-btns{gap:.4rem;margin-top:.45rem;display:flex}.bk-btns button{color:#3b352c;cursor:pointer;background:#faf6f0;border:1px solid #e3d8c6;border-radius:999px;padding:.25rem .7rem;font-size:.78rem}.bk-btns button:hover{color:#9c6472;border-color:#9c6472}.signin h1{justify-content:center;align-items:center;gap:.6rem;display:flex}header a svg{vertical-align:-3px}