:root{--gesso:#eceeea;--sheet:#f7f8f5;--card:#ffffff;--ink:#1d2230;--muted:#5d6472;--rule:#d5d9d2;--frame:#b7bdb4;--ultramarine:#2a3a92;--on-ultra:#ffffff;--ultra-wash:#dfe3f4;--ochre:#94600a;--ochre-wash:#f6ead1;--madder:#8c3428;--madder-wash:#f4e0db;--viridian:#2d6b4e;--star:#b07a12;--shadow:0 1px 2px rgba(29,34,48,.08),0 8px 24px rgba(29,34,48,.06);--f-display:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;--f-body:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--f-code:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--r:8px;--gutter:max(16px,env(safe-area-inset-left,0px));color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--gesso:#13161c;--sheet:#191d25;--card:#20252f;--ink:#e6e8ed;--muted:#9aa1ae;--rule:#2f3542;--frame:#4a5162;--ultramarine:#9cadff;--on-ultra:#10131a;--ultra-wash:#262d48;--ochre:#e7b65c;--ochre-wash:#3a301d;--madder:#f0a191;--madder-wash:#3b2723;--viridian:#8fd1a8;--star:#e8b84a;--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 28px rgba(0,0,0,.25);color-scheme:dark}}:root[data-theme=dark]{--gesso:#13161c;--sheet:#191d25;--card:#20252f;--ink:#e6e8ed;--muted:#9aa1ae;--rule:#2f3542;--frame:#4a5162;--ultramarine:#9cadff;--on-ultra:#10131a;--ultra-wash:#262d48;--ochre:#e7b65c;--ochre-wash:#3a301d;--madder:#f0a191;--madder-wash:#3b2723;--viridian:#8fd1a8;--star:#e8b84a;--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 28px rgba(0,0,0,.25);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--gesso);color:var(--ink);font:15px/1.55 var(--f-body);padding-left:max(0px,env(safe-area-inset-left,0px));padding-right:max(0px,env(safe-area-inset-right,0px))}a{color:var(--ultramarine);text-underline-offset:2px}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ultramarine);outline-offset:2px}[hidden]{display:none!important}img{max-width:100%}.code{font-family:var(--f-code);font-size:.86em}.wrap{max-width:1320px;margin:0 auto;padding-left:var(--gutter);padding-right:max(16px,env(safe-area-inset-right,0px))}.muted{color:var(--muted)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-head{background:var(--sheet);border-bottom:1px solid var(--rule);position:-webkit-sticky;position:sticky;top:0;z-index:30;padding-top:env(safe-area-inset-top,0)}.site-head .wrap{display:flex;align-items:center;gap:16px;min-height:64px;flex-wrap:wrap;padding-block:8px}.wordmark{font-family:var(--f-display);font-weight:700;font-size:28px;line-height:1;text-decoration:none;color:var(--ink);letter-spacing:-.01em;display:inline-flex;align-items:baseline;gap:2px}.wordmark i{width:11px;height:11px;border-radius:50% 50% 50% 8%;background:var(--ultramarine);display:inline-block;transform:translateY(-2px) rotate(-20deg)}.site-nav{display:flex;gap:4px;align-items:center;margin-left:auto;flex-wrap:wrap}.site-nav a,.site-nav button{text-decoration:none;color:var(--ink);padding:8px 12px;border-radius:999px;border:0;background:none;cursor:pointer;font-size:14px}.site-nav a:hover,.site-nav button:hover{background:var(--gesso)}.site-nav .pill{border:1px solid var(--rule);background:var(--card)}.site-nav .count{display:inline-block;min-width:20px;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--ultramarine);color:var(--on-ultra);font-size:12px;line-height:20px;text-align:center}.site-foot{border-top:1px solid var(--rule);margin-top:48px;padding-block:28px calc(28px + env(safe-area-inset-bottom, 0px));color:var(--muted);font-size:13.5px}.site-foot .wrap{display:flex;flex-wrap:wrap;gap:8px 24px}.site-foot a{color:var(--muted)}.lead{padding-block:28px 8px;display:grid;grid-gap:18px;gap:18px}.lead h1{font-family:var(--f-display);font-weight:500;font-size:clamp(30px,4.4vw,46px);line-height:1.05;margin:0;letter-spacing:-.015em;text-wrap:balance;max-width:22ch}.lead p{margin:0;color:var(--muted);max-width:60ch}.searchbar{position:relative;max-width:720px}.searchbar input{width:100%;font-size:17px;padding:14px 16px 14px 46px;border-radius:12px;border:1px solid var(--rule);background:var(--card);box-shadow:var(--shadow)}.searchbar svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted)}.searchbar .hint{font-size:12.5px;color:var(--muted);margin-top:6px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding-block:16px 10px;border-bottom:1px solid var(--rule)}.tabs{display:inline-flex;background:var(--sheet);border:1px solid var(--rule);border-radius:999px;padding:3px}.tabs button{border:0;background:none;border-radius:999px;padding:7px 16px;cursor:pointer;font-weight:600;font-size:14px;color:var(--muted)}.tabs button[aria-selected=true]{background:var(--ink);color:var(--gesso)}.toolbar .spacer{flex:1 1}.linkbtn{border:0;background:none;color:var(--ultramarine);cursor:pointer;padding:4px 2px;font-size:13.5px;text-decoration:underline;text-underline-offset:2px}.chipbar{display:flex;flex-wrap:wrap;gap:8px;padding-block:12px 4px}.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--rule);background:var(--card);border-radius:999px;padding:6px 12px;font-size:13.5px;cursor:pointer;white-space:nowrap}.chip small{color:var(--muted);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chip[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.chip .sw{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.filters{display:flex;flex-wrap:wrap;gap:8px;padding:12px;margin-top:10px;background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r)}.filters h3{width:100%;margin:0;font-size:13px;font-weight:600}.filters .grp{display:flex;flex-wrap:wrap;gap:6px;width:100%}.check{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;padding:5px 10px;border:1px solid var(--rule);border-radius:999px;background:var(--card);cursor:pointer}.check input{accent-color:var(--ultramarine)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-gap:28px;gap:28px;align-items:start;padding-top:18px}.layout.panel-closed{grid-template-columns:minmax(0,1fr) 0;gap:0}@media (max-width:1000px){.layout,.layout.panel-closed{grid-template-columns:minmax(0,1fr)}}.results{min-width:0}.summary{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;color:var(--muted);font-size:13.5px;margin-bottom:8px}.summary .grow{flex:1 1}details.group{border-bottom:1px solid var(--rule)}details.group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 4px}details.group>summary::-webkit-details-marker{display:none}details.group>summary h3{margin:0;font-family:var(--f-display);font-weight:500;font-size:21px;line-height:1.2;text-wrap:balance}details.group>summary .code{color:var(--ultramarine)}details.group>summary .meta{margin-left:auto;color:var(--muted);font-size:13px;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}details.group>summary .caret{width:18px;height:18px;flex:none;transition:transform .15s;color:var(--muted)}details.group[open]>summary .caret{transform:rotate(90deg)}details.group>summary:hover h3{color:var(--ultramarine)}.group-body{padding-bottom:10px}.subhead{font-size:13px;font-weight:600;margin:12px 4px 4px}.row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center;width:100%;padding:9px 6px;border:0;border-top:1px solid var(--rule);background:none;text-align:left;cursor:pointer;border-radius:0;color:inherit;text-decoration:none}.row:first-child{border-top:0}.row:hover{background:var(--sheet)}.row[aria-current=true]{background:var(--ultra-wash)}.row .name{font-weight:600;display:block;overflow-wrap:anywhere}.row .sub{gap:2px 12px;font-size:12.5px;color:var(--muted)}.row .meta,.row .sub{display:flex;flex-wrap:wrap}.row .meta{align-items:center;justify-content:flex-end;gap:8px}.lf{font-family:var(--f-code);font-size:12px;color:var(--muted);min-width:3.4em;text-align:right;white-space:nowrap}.lf.t3{color:var(--madder)}.badge{font-size:11.5px;font-weight:600;padding:2px 7px;border-radius:4px;white-space:nowrap}.badge.hue{background:var(--ochre-wash);color:var(--ochre)}.badge.verify{background:var(--madder-wash);color:var(--madder)}.badge.plain{border:1px solid var(--rule);color:var(--muted)}.stars-sm{font-size:12.5px;color:var(--star);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stars-sm small{color:var(--muted)}.opacity{width:14px;height:14px;flex:none;color:var(--ink)}.empty{padding:32px 4px;color:var(--muted)}.thumbframe{position:relative;display:block;aspect-ratio:1;width:100%;height:auto;align-self:center;border-radius:10px;overflow:hidden}.thumbframe.nophoto-frame{background:var(--sheet);border:1.5px dashed var(--frame)}.thumbframe.photo{background:var(--sheet);box-shadow:inset 0 0 0 1px var(--rule)}.thumbframe img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.thumbframe .swatch{position:absolute;left:50%;top:50%;width:58%;height:58%;transform:translate(-50%,-50%);border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}.thumbframe.sm{border-radius:7px}.thumbframe.sm .swatch{width:62%;height:62%;border-radius:3px}.thumbframe.lg .swatch{width:38%;height:38%;top:44%}.thumbframe .nophoto{position:absolute;left:0;right:0;bottom:12%;text-align:center;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.thumbframe.lg.nophoto-frame:not(:has(.swatch)) .nophoto{bottom:auto;top:50%;transform:translateY(-50%)}.hero-photo{margin:0;display:grid;grid-gap:10px;gap:10px;width:100%;max-width:380px}.hero-photo figcaption{font-size:13.5px;color:var(--muted)}.mix{display:grid;grid-gap:8px;gap:8px}.mixbar{display:flex;height:14px;border-radius:999px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.mixbar i{display:block;height:100%}.mixlegend{display:grid;grid-gap:6px;gap:6px;margin:0;padding:0;list-style:none}.mixlegend li{display:grid;grid-template-columns:14px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start;font-size:14px}.dot{width:14px;height:14px;border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);margin-top:3px;flex:none}.mixlegend a{color:inherit;text-decoration:none}.mixlegend a:hover b{color:var(--ultramarine);text-decoration:underline}.mixlegend small{display:block;color:var(--muted);font-size:12.5px}.panel{position:-webkit-sticky;position:sticky;top:calc(80px + env(safe-area-inset-top, 0px));max-height:calc(100vh - 100px);overflow:auto;background:var(--card);border:1px solid var(--rule);border-radius:12px;box-shadow:var(--shadow)}.panel-closed .panel{display:none}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 0 18px}.panel-head .linkbtn{font-size:13px}.iconbtn{border:1px solid var(--rule);background:var(--card);width:34px;height:34px;border-radius:999px;cursor:pointer;display:inline-grid;place-items:center}.panel-tab{position:fixed;right:calc(14px + env(safe-area-inset-right, 0px));top:50%;z-index:20;border:1px solid var(--rule);background:var(--card);border-radius:999px;padding:10px 14px;box-shadow:var(--shadow);cursor:pointer;font-weight:600;font-size:13.5px}@media (max-width:1000px){.panel{position:fixed;inset:auto 0 0 0;max-height:88vh;border-radius:16px 16px 0 0;z-index:40;padding-bottom:env(safe-area-inset-bottom,0)}.panel-tab,.panel:not([data-sheet=true]){display:none}.panel-closed .panel[data-sheet=true]{display:block}}.scrim{position:fixed;inset:0;background:rgba(10,12,16,.4);z-index:35}.detail{padding:14px 20px 24px;display:grid;grid-gap:18px;gap:18px}.detail .hero{display:grid;grid-template-columns:104px minmax(0,1fr);grid-gap:16px;gap:16px;align-items:center}.detail .who{font-size:13.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:2px 10px}.detail h2{font-family:var(--f-display);font-weight:500;font-size:30px;line-height:1.08;margin:2px 0 0;text-wrap:balance}.detail h3{font-size:14px;font-weight:600;margin:0 0 8px}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px 16px;gap:10px 16px;margin:0;padding:14px 0;border-block:1px solid var(--rule)}.facts dt{font-size:12.5px;color:var(--muted)}.facts dd{margin:2px 0 0;display:flex;align-items:center;gap:6px}.note{border-radius:var(--r);padding:10px 12px;font-size:13.5px}.note.hue{background:var(--ochre-wash)}.note.hue b{color:var(--ochre)}.note.verify{background:var(--madder-wash)}.note.verify b{color:var(--madder)}.note.plain{background:var(--sheet);border:1px solid var(--rule)}.eq{display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--rule);text-decoration:none;color:inherit}.eq:first-of-type{border-top:0}.eq b{font-weight:600;font-size:14px}.eq small{display:block;color:var(--muted);font-size:12.5px}.eq:hover b{color:var(--ultramarine)}.btnrow{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--rule);background:var(--card);color:var(--ink);border-radius:var(--r);padding:9px 14px;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none}.btn.primary{background:var(--ultramarine);color:var(--on-ultra);border-color:var(--ultramarine)}.btn.quiet{border-color:transparent;background:none;color:var(--ultramarine)}.btn.danger{color:var(--madder)}.btn[disabled]{opacity:.6;cursor:default}.shops{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px}.source{font-size:12.5px;color:var(--muted)}.page{padding-block:24px 40px}.crumbs{font-size:13px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.crumbs,.crumbs a{color:var(--muted)}.paintpage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-gap:36px;gap:36px;align-items:start}@media (max-width:860px){.paintpage{grid-template-columns:minmax(0,1fr)}}.paintpage .detail{padding:0}.paintpage h1{font-family:var(--f-display);font-weight:500;font-size:clamp(32px,5vw,48px);line-height:1.05;margin:4px 0 0;text-wrap:balance}.section{margin-top:36px}.section>h2{font-family:var(--f-display);font-weight:500;font-size:26px;margin:0 0 12px}.revsum{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:18px;gap:18px;align-items:center}.revsum .big strong{font-family:var(--f-display);font-size:42px;line-height:1;font-weight:500;display:block}.revsum .big small{color:var(--muted);font-size:12.5px}.starrow{color:var(--star);letter-spacing:1px}.starrow .off{color:var(--rule)}.dist{display:grid;grid-template-columns:2.4em minmax(0,1fr) 1.8em;grid-gap:8px;gap:8px;align-items:center;font-size:12px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dist i{display:block;height:6px;border-radius:3px;background:var(--sheet);overflow:hidden}.dist b{display:block;height:100%;background:var(--star)}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{border:1px solid var(--rule);background:var(--sheet);border-radius:999px;padding:4px 10px;font-size:13px;cursor:pointer}.tag small{color:var(--muted);margin-left:4px}.tag[aria-pressed=true]{border-color:var(--ultramarine);background:var(--ultra-wash)}.rev{border-top:1px solid var(--rule);padding:14px 0;display:grid;grid-gap:6px;gap:6px}.rev header{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.rev header b{font-size:14px}.rev header time{color:var(--muted);font-size:12.5px;margin-left:auto}.rev p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.rev .meta{font-size:12.5px;color:var(--muted)}.thumbs{display:flex;gap:8px;flex-wrap:wrap}.thumb{width:88px;height:88px;border-radius:6px;overflow:hidden;border:1px solid var(--rule);padding:0;cursor:zoom-in;background:var(--sheet)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumbcell{display:grid;grid-gap:3px;gap:3px;justify-items:start;font-size:12.5px}.thumb.featured{outline:2px solid var(--ultramarine);outline-offset:2px}.featured-tag{color:var(--ultramarine);font-weight:600}.form{display:grid;grid-gap:12px;gap:12px;background:var(--sheet);border:1px solid var(--rule);border-radius:12px;padding:16px}.form label{display:grid;grid-gap:5px;gap:5px;font-size:13.5px;color:var(--muted)}.form input[type=email],.form input[type=text],.form input[type=url],.form select,.form textarea{font-size:15px;color:var(--ink);background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:9px 10px;width:100%}.form textarea{resize:vertical;min-height:100px}.form .two{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:480px){.form .two{grid-template-columns:1fr}}.starpick{display:flex;gap:2px;border:0;padding:0;margin:0}.starpick legend{font-size:13.5px;color:var(--muted);margin-bottom:2px;padding:0}.starpick button{border:0;background:none;font-size:30px;line-height:1;color:var(--star);cursor:pointer;padding:0 2px}.pthumbs{display:flex;gap:8px;flex-wrap:wrap}.pthumb{position:relative;width:72px;height:72px;border-radius:6px;overflow:hidden;border:1px solid var(--rule)}.pthumb img{width:100%;height:100%;object-fit:cover}.pthumb button{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:999px;border:0;background:var(--ink);color:var(--gesso);cursor:pointer;line-height:1}.addfile{display:inline-flex!important;align-items:center;justify-content:center;min-width:72px;height:72px;padding:0 10px;border:1px dashed var(--muted);border-radius:6px;cursor:pointer;font-size:12.5px;text-align:center}.err{color:var(--madder)}.err,.ok{font-size:13.5px;margin:0}.ok{color:var(--viridian)}.lightbox{position:fixed;inset:0;z-index:60;background:rgba(10,12,16,.88);display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.lightbox img{max-width:100%;max-height:90vh;border-radius:6px}.lightbox button{position:absolute;top:calc(14px + env(safe-area-inset-top, 0px));right:calc(14px + env(safe-area-inset-right, 0px))}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:14px;gap:14px}.card{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:16px;text-decoration:none;color:inherit;display:grid;grid-gap:6px;gap:6px}.card:hover{border-color:var(--ink)}.card h3{margin:0;font-family:var(--f-display);font-weight:500;font-size:22px}.card dl{display:grid;grid-template-columns:auto 1fr;grid-gap:2px 12px;gap:2px 12px;margin:4px 0 0;font-size:13.5px}.card dt{color:var(--muted)}.card dd{margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.prose{max-width:68ch}.prose h1{font-size:clamp(30px,4vw,42px);line-height:1.1;margin:0 0 12px}.prose h1,.prose h2{font-family:var(--f-display);font-weight:500}.prose h2{font-size:24px;margin:28px 0 8px}.narrow{max-width:560px}.table{width:100%;border-collapse:collapse;font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table td,.table th{text-align:left;padding:7px 8px;border-bottom:1px solid var(--rule);vertical-align:top}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(22px + env(safe-area-inset-bottom, 0px));z-index:70;background:var(--ink);color:var(--gesso);padding:9px 16px;border-radius:999px;font-size:14px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}details.group>summary h3{min-width:0;overflow-wrap:anywhere}@media (max-width:600px){details.group>summary{flex-wrap:wrap;row-gap:2px}details.group>summary .meta{margin-left:30px;width:100%;white-space:normal}.row{grid-template-columns:44px minmax(0,1fr)}.row .meta{grid-column:2;justify-content:flex-start}.detail .hero{grid-template-columns:80px minmax(0,1fr)}}.disclose{font-size:12.5px;color:var(--muted);margin:8px 0 0}.adslot{position:relative;margin-top:28px;padding:26px 14px 14px;min-height:120px;border:1px solid var(--rule);border-radius:10px;background:var(--sheet);display:grid;align-content:center;contain:layout}.adslot .adlabel{position:absolute;top:7px;left:12px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.adslot.house p{margin:0;font-size:13.5px;color:var(--muted)}.adslot .sponsor{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit}.adslot .sponsor img{width:64px;height:64px;object-fit:cover;border-radius:6px;flex:none}.adslot .sponsor b{display:block}.adslot .sponsor span span{display:block;font-size:13.5px;color:var(--muted)}.adslot .sponsor:hover b{color:var(--ultramarine)}.form label.agree{display:flex;gap:9px;align-items:flex-start;color:var(--ink);font-size:13.5px}.form label.agree input{margin-top:3px;width:16px;height:16px;flex:none;accent-color:var(--ultramarine)}.prose table{border-collapse:collapse;width:100%;font-size:14px}.prose td,.prose th{text-align:left;vertical-align:top;padding:7px 10px 7px 0;border-bottom:1px solid var(--rule)}body.noscroll{overflow:hidden}.pagetitle{font-family:var(--f-display);font-weight:500;font-size:clamp(30px,4vw,42px);line-height:1.1;margin:0 0 8px;text-wrap:balance}.pagetitle .linkbtn{font-family:var(--f-body);font-size:13.5px;vertical-align:middle;margin-left:8px}.narrowpage{max-width:820px}.btn.sm{padding:6px 10px;font-size:13px}.iconbtn.sm{width:28px;height:28px;font-size:15px}.nowrap{white-space:nowrap}.site-nav a[aria-current=page]{background:var(--gesso);font-weight:600}.iconlink{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:999px;color:var(--ink)}.iconlink:hover,.iconlink[aria-current=page]{background:var(--gesso)}.tabbar{display:none}@media (max-width:700px){.site-nav{display:none}.site-head .wrap{min-height:54px;justify-content:space-between}.site-head .iconlink{margin-left:auto}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:32;background:var(--sheet);border-top:1px solid var(--rule);padding-bottom:env(safe-area-inset-bottom,0)}.tabbar a{position:relative;display:grid;justify-items:center;grid-gap:2px;gap:2px;padding:8px 2px 7px;text-decoration:none;color:var(--muted);font-size:11px;font-weight:600}.tabbar a[aria-current=page]{color:var(--ultramarine)}.tabbar .badgenum{position:absolute;top:4px;left:calc(50% + 6px);min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:var(--ultramarine);color:var(--on-ultra);font-size:10.5px;line-height:17px}body{padding-bottom:calc(62px + env(safe-area-inset-bottom, 0px))}.toast{bottom:calc(76px + env(safe-area-inset-bottom, 0px))}}.lead{padding-block:22px 4px;gap:12px}.lead h1{font-size:clamp(28px,3.6vw,40px);max-width:26ch}@media (max-width:700px){.lead p{display:none}.lead h1{font-size:26px}.lead{padding-top:16px}}@media (min-width:1001px){.layout:not(.panel-closed) .gstrip{flex-basis:min(30%,280px)}}.spectrum{display:flex;gap:4px;padding-block:18px 6px;overflow-x:auto;scrollbar-width:none}.spectrum::-webkit-scrollbar{display:none}.spectrum button{flex:1 0 auto;min-width:max-content;display:grid;grid-gap:6px;gap:6px;border:0;background:none;padding:0;cursor:pointer;text-align:left;color:inherit}.spectrum .band{display:block;height:30px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:transform .12s,box-shadow .12s}.spectrum .lbl{font-size:12.5px;font-weight:600;display:flex;gap:5px;align-items:baseline;white-space:nowrap;padding-right:8px}.spectrum .lbl small{color:var(--muted);font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.spectrum button:hover .band{transform:translateY(-2px)}.spectrum button[aria-pressed=true] .band{box-shadow:0 0 0 2px var(--sheet),0 0 0 4px var(--ink)}.spectrum:has(button[aria-pressed=true]) button[aria-pressed=false]{opacity:.45}.spectrum button:disabled{opacity:.25;cursor:default}@media (max-width:700px){.spectrum .band{height:26px}}.xtoolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding-block:12px;border-bottom:1px solid var(--rule);position:relative}.xtoolbar .spacer{flex:1 1}.chip.active{border-color:var(--ultramarine)}.chip.active,.chip.active small{color:var(--ultramarine)}.sel{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.sel select,.setting select{font:inherit;font-size:13.5px;color:var(--ink);background:var(--card);padding:6px 28px 6px 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:right 13px center,right 8px center;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}.seg,.sel select,.setting select{border:1px solid var(--rule);border-radius:999px}.seg{display:inline-flex;background:var(--card);padding:2px}.seg button{border:0;background:none;border-radius:999px;padding:5px 9px;cursor:pointer;color:var(--muted);display:inline-grid;place-items:center}.seg button[aria-checked=true],.seg button[aria-pressed=true],.seg button[aria-selected=true]{background:var(--ink);color:var(--gesso)}.seg.textseg button{padding:6px 12px;font-size:13.5px;font-weight:600}@media (max-width:700px){.sel span,.xtoolbar .spacer{display:none}}.activechips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:10px}.chip.on{background:var(--ultra-wash);border-color:transparent;color:var(--ink)}.chip.on span{color:var(--muted);font-size:15px;line-height:1}.filterpanel{margin-top:10px;background:var(--card);border:1px solid var(--rule);border-radius:12px;box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr auto}.fp-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--rule)}.fp-head h2{margin:0;font-size:16px;flex:1 1}.fp-body{padding:6px 16px 10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:4px 28px;gap:4px 28px;overflow:auto}.fp-body fieldset{border:0;padding:10px 0;margin:0;min-width:0}.fp-body legend{font-size:13px;font-weight:700;padding:0;margin-bottom:8px}.fp-checks,.fp-chips{display:flex;flex-wrap:wrap;gap:6px}.fp-checks .check small{color:var(--muted);font-size:12px;margin-left:2px}.fp-input{width:100%;font:inherit;font-size:14px;border:1px solid var(--rule);border-radius:8px;padding:8px 10px;background:var(--card);color:var(--ink)}.fp-foot{padding:10px 16px;border-top:1px solid var(--rule)}.fp-foot,.fp-scrim{display:none}@media (max-width:700px){.filterpanel{position:fixed;inset:0;margin:0;border-radius:0;z-index:50;padding-top:env(safe-area-inset-top,0)}.fp-body{grid-template-columns:minmax(0,1fr)}.fp-foot{display:block;padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px))}.fp-foot .btn{width:100%}}details.group>summary{gap:10px;padding:12px 4px}details.group>summary .gtitle{display:grid;min-width:0;flex:1 1 auto}details.group>summary .gname{display:flex;align-items:center;gap:8px;min-width:0}details.group>summary .gname .dot{margin-top:0}details.group>summary .gtitle small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}details.group>summary h3{font-size:20px}.gstrip{flex:0 0 min(40%,440px);display:flex;height:22px;border-radius:5px;overflow:hidden;margin-left:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.gstrip i{flex:1 1}details.group[open] .gstrip{opacity:.55}details.group>summary .meta{margin-left:4px}.grouplink{margin:0 4px 10px;font-size:13.5px}.group-body.flat{padding-top:6px}@media (max-width:600px){details.group>summary{flex-wrap:wrap}details.group>summary .gtitle{flex:1 1 auto}.gstrip{order:5;flex-grow:0;flex-shrink:0;flex-basis:calc(100% - 28px);margin:4px 0 0 28px;height:14px}details.group>summary .meta{margin-left:auto;width:auto}.hide-sm{display:none}}.cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px;padding:4px 2px 8px}.tcard{position:relative;border:1px solid var(--rule);border-radius:10px;background:var(--card);transition:border-color .12s,box-shadow .12s}.tcard:hover{border-color:var(--frame);box-shadow:var(--shadow)}.tcard[aria-current=true]{border-color:var(--ultramarine);box-shadow:0 0 0 1px var(--ultramarine)}.tcard-link{display:grid;grid-gap:3px;gap:3px;padding:8px 8px 10px;text-decoration:none;color:inherit}.tcard-link .thumbframe{margin-bottom:5px}.tcard-name{font-weight:600;font-size:14px;line-height:1.25;overflow-wrap:anywhere;padding-right:2px}.tcard-sub{font-size:12.5px;color:var(--muted)}.tcard-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}.tcard-meta .lf{min-width:0;margin-left:auto}.tcard .addbtn{position:absolute;top:12px;right:12px}@media (max-width:420px){.cardgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}html[data-density=compact] .cardgrid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}html[data-density=compact] .tcard-meta{display:none}.dots{flex-wrap:wrap;gap:3px 8px}.dots,.dots>span{display:inline-flex;align-items:center}.dots>span{gap:3px}.dots i{width:9px;height:9px;border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.dots.tight{gap:2px}.addbtn{width:34px;height:34px;flex:none;border-radius:999px;border:1px solid var(--rule);background:var(--card);color:var(--ink);display:inline-grid;place-items:center;cursor:pointer;transition:background .12s,color .12s}.addbtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.addbtn:hover{color:var(--ultramarine)}.addbtn.on,.addbtn:hover{border-color:var(--ultramarine)}.addbtn.on{background:var(--ultramarine);color:var(--on-ultra)}.addbtn.sm{width:28px;height:28px}.addbtn.sm svg{width:14px;height:14px}.row-wrap{display:flex;align-items:center;gap:6px;border-top:1px solid var(--rule);padding-right:4px}.row-wrap:first-child{border-top:0}.row-wrap .row{border-top:0;flex:1 1;min-width:0}.row-wrap[aria-current=true]{background:var(--ultra-wash)}.row-wrap:hover{background:var(--sheet)}html[data-density=compact] .row{padding-block:4px;grid-template-columns:36px minmax(0,1fr) auto}html[data-density=compact] .row .sub .dots{display:none}.ptable{width:100%;border-collapse:collapse;font-size:13.5px}.ptable th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap}.ptable td,.ptable th{padding:6px 8px;border-bottom:1px solid var(--rule)}.ptable td{vertical-align:middle}.ptable td.sw{width:44px;padding-right:0}.ptable td.sw .thumbframe{width:34px}.ptable tr[aria-current=true] td{background:var(--ultra-wash)}.ptable tbody tr:hover td{background:var(--sheet)}.ptable a{color:inherit;text-decoration:none}.ptable a:hover b{color:var(--ultramarine);text-decoration:underline}.thsort{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}.thsort.on{color:var(--ink)}.thsort.on:after{content:" ↓"}.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.layout{padding-top:14px}.layout.panel-closed .panel{display:none}@media (max-width:1000px){.layout.panel-closed .panel[data-sheet=true]{display:block}}.eq-wrap{display:flex;align-items:center;gap:8px;border-top:1px solid var(--rule)}.eq-wrap:first-of-type{border-top:0}.eq-wrap .eq{border-top:0;flex:1 1;min-width:0}.eq-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 6px;align-items:center}.mk{font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;white-space:nowrap}.mk.same-pigments{background:color-mix(in srgb,var(--viridian) 16%,transparent);color:var(--viridian)}.mk.similar-mix{background:var(--ultra-wash);color:var(--ultramarine)}.mk.similar-color{border:1px solid var(--rule);color:var(--muted)}.eq-key{font-size:12px;margin:8px 0 0}.savebox{display:grid;grid-gap:4px;gap:4px}.savebox small a{color:inherit}.saved{position:relative}.popover{position:absolute;right:0;top:calc(100% + 6px);z-index:45;width:min(320px,calc(100vw - 32px));background:var(--card);border:1px solid var(--rule);border-radius:12px;box-shadow:var(--shadow);padding:12px;display:grid;grid-gap:10px;gap:10px;font-size:14px}.saverow{display:flex;gap:6px;flex-wrap:wrap}.saverow input{flex:1 1;min-width:140px;font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--rule);border-radius:8px;background:var(--card);color:var(--ink)}.savedlist{list-style:none;margin:0;padding:0;display:grid}.savedlist li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid var(--rule)}.savedlist li:first-child{border-top:0}.savedlist .linkbtn{text-align:left;font-size:14px}.savedlist.big li{padding:9px 0}.picker-scrim{position:fixed;inset:0;z-index:54}.picker{position:fixed;z-index:55;width:280px;background:var(--card);border:1px solid var(--rule);border-radius:12px;box-shadow:var(--shadow);padding:12px;grid-gap:8px;gap:8px;font-size:14px}.picker,.picker-head{display:grid}.picker-head small{color:var(--muted);font-size:12.5px}.picker ul{list-style:none;margin:0;padding:0;max-height:220px;overflow:auto}.picker li label{display:flex;align-items:center;gap:10px;padding:7px 4px;border-radius:6px;cursor:pointer}.picker li label:hover{background:var(--sheet)}.picker li input{width:17px;height:17px;accent-color:var(--ultramarine)}.picker li span{flex:1 1}.picker li small{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.picker .newcol{justify-self:start}.picker-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);padding-top:8px;font-size:13.5px}@media (max-width:700px){.picker-scrim{background:rgba(10,12,16,.4)}.picker{left:0!important;right:0;bottom:0;top:auto!important;width:auto;border-radius:16px 16px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px))}.picker li label{padding:10px 4px}}.colbar{display:flex;gap:2px;height:22px;border-radius:6px;overflow:hidden;background:var(--sheet)}.colbar i{flex:1 1;min-width:3px}.colbar i.unknown{background:repeating-linear-gradient(135deg,var(--rule) 0 3px,transparent 3px 6px)}.colbar.sm{height:12px}.colbar.lg{height:40px;border-radius:8px}.colbar.empty{border:1.5px dashed var(--frame)}.pagehead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.pagehead .pagetitle{margin:0}.colgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:14px;gap:14px}.colcard{display:grid;grid-gap:6px;gap:6px;padding:12px;border:1px solid var(--rule);border-radius:12px;background:var(--card);text-decoration:none;color:inherit}.colcard:hover{border-color:var(--frame);box-shadow:var(--shadow)}.colcard b{font-size:16px;margin-top:4px}.colcard small{color:var(--muted)}.emptystate{padding:28px 0;max-width:52ch;display:grid;grid-gap:8px;gap:8px;justify-items:start}.emptystate p{margin:0}.sharedbox{display:grid;grid-gap:10px;gap:10px;margin-bottom:16px}.syncnote{font-size:13px;margin-top:18px}.collection{display:grid;grid-gap:14px;gap:14px}.collection .back{justify-self:start}.colhead{display:grid;grid-gap:4px;gap:4px}.colactions{margin-top:2px}.listgroup h3{font-size:15px;margin:12px 0 4px}.listgroup h3 .muted{font-weight:400}.listrow{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;grid-gap:12px;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--rule)}.listrow.shopping{grid-template-columns:26px 44px minmax(0,1fr) auto auto auto}.listrow.done .lname{opacity:.55}.listrow.done .lname b{text-decoration:line-through}.lname{display:grid;min-width:0}.lname a{color:inherit;text-decoration:none}.lname small{color:var(--muted);font-size:12.5px;overflow-wrap:anywhere}.tick input{width:20px;height:20px;accent-color:var(--viridian)}.qty{display:inline-flex;align-items:center;border:1px solid var(--rule);border-radius:999px;background:var(--card)}.qty button{border:0;background:none;width:28px;height:28px;cursor:pointer;font-size:16px;color:var(--ink)}.qty button:disabled{color:var(--rule);cursor:default}.qty span{min-width:18px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:14px}@media (max-width:600px){.listrow,.listrow.shopping{grid-template-columns:44px minmax(0,1fr) auto}.listrow .tick{grid-row:1;grid-column:3;justify-self:end}.listrow.shopping .lthumb{grid-column:1;grid-row:1/span 2}.listrow .qty{grid-column:2;justify-self:start}.listrow .btn.sm{grid-column:2/span 2;justify-self:start}.listrow>.iconbtn{grid-column:3;grid-row:1;justify-self:end}.listrow.shopping>.iconbtn{grid-row:2}}.shopat{border:1px solid var(--rule);border-radius:12px;background:var(--sheet);padding:14px;display:grid;grid-gap:10px;gap:10px}.shopat-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.shopat-head h2{margin:0;font-size:15px}.shopat-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.progress{height:6px;border-radius:999px;background:var(--rule);overflow:hidden}.progress i{display:block;height:100%;background:var(--viridian);transition:width .2s}.astext summary{cursor:pointer;color:var(--muted);font-size:13.5px}.astext pre{white-space:pre-wrap;background:var(--sheet);padding:12px;border-radius:8px;border:1px solid var(--rule);font-size:12.5px}@media print{.astext,.colactions,.collection .back,.iconbtn,.pagetitle .linkbtn,.qty button,.shopat,.site-foot,.site-head,.tabbar{display:none!important}.colbar{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.settings{display:grid;grid-gap:8px;gap:8px}.settings section{border-top:1px solid var(--rule);padding-top:18px;margin-top:10px}.settings h2{font-family:var(--f-display);font-weight:500;font-size:24px;margin:0 0 6px}.sectionhint{font-size:13.5px;margin:0 0 6px}.setting{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px 24px;gap:8px 24px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule)}.setting:last-child{border-bottom:0}.setting-text{display:grid;grid-gap:2px;gap:2px}.setting-text small{color:var(--muted);font-size:13px;max-width:52ch}.setting-control .fp-checks{max-width:440px;justify-content:flex-end}@media (max-width:640px){.setting{grid-template-columns:minmax(0,1fr)}.setting-control .fp-checks{justify-content:flex-start}.setting-control .seg{flex-wrap:wrap}}.accountlinks{display:flex;flex-wrap:wrap;gap:8px}.photoguide ul{margin:6px 0;padding-left:18px}.photoguide span{font-size:13px;color:var(--muted)}.chosenpaint{display:grid;grid-template-columns:44px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center}.chosenpaint span{display:grid}.chosenpaint small{color:var(--muted)}.photochoices{display:flex;flex-wrap:wrap;gap:10px}.photochoices figure{margin:0;display:grid;grid-gap:6px;gap:6px;width:160px}.photochoices .thumbframe,.photochoices img{width:160px;height:160px;object-fit:cover;border-radius:8px;border:1px solid var(--rule)}.gstrip.big{height:34px;margin:4px 0 18px;border-radius:8px}.gstrip.card-strip{margin:0 0 6px;flex:none;height:26px}