: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}.eq small.why{color:var(--ink);opacity:.8;margin-top:1px}.hue-lesson{display:grid;grid-gap:8px;gap:8px}.hue-lesson h3{margin:0;font-size:13.5px}.hue-lesson p{margin:0}.hue-lesson ul{margin:0;padding-left:18px;display:grid;grid-gap:2px;gap:2px}.hue-lesson .hl-vs{font-weight:600}.hue-lesson .hl-tubes{background:var(--card);border-radius:6px;padding:2px 10px}.hue-lesson .hl-tubes .eq b{color:var(--ink)}.hue-lesson .hl-tubes .eq:hover b{color:var(--ultramarine)}.hue-lesson .hl-tubes .hl-vs{padding-top:6px;font-size:12.5px;color:var(--muted)}.suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:46;margin:0;padding:6px;list-style:none;background:var(--card);border:1px solid var(--rule);border-radius:12px;box-shadow:var(--shadow)}.suggest li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:14.5px}.suggest li[aria-selected=true]{background:var(--ultra-wash)}.suggest small{color:var(--muted);font-size:12.5px;white-space:nowrap}.suggest .sg-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggest .sg-chip{width:16px;height:16px;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.suggest .sg-chip.pigment{border-radius:0;box-shadow:none;-webkit-clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.suggest .sg-ico{display:grid;place-items:center;color:var(--muted)}.searchbar .suggest svg{position:static;transform:none}.presets{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:900px}.presets>span{font-family:var(--f-display);font-size:18px;margin-right:2px}.preset-note{margin:0 0 10px;max-width:75ch}.readas{margin:0 0 6px;font-size:13.5px;color:var(--muted)}.readas b{color:var(--ink)}.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}.pfacts{display:grid;grid-gap:8px;gap:8px;margin:18px 0;max-width:72ch}.pfacts>div{display:grid;grid-template-columns:92px minmax(0,1fr);grid-gap:12px;gap:12px;padding:10px 12px;border-radius:var(--r);background:var(--sheet);border:1px solid var(--rule);font-size:14px}.pfacts dt{color:var(--muted);font-size:12.5px;padding-top:2px}.pfacts dd{margin:0}.pfacts .pf-safety.toxic{background:var(--madder-wash);border-color:transparent}.pfacts .pf-safety.toxic b{color:var(--madder)}.pfacts .pf-safety.care{background:var(--ochre-wash);border-color:transparent}.pfacts .pf-safety.care b{color:var(--ochre)}@media (max-width:520px){.pfacts>div{grid-template-columns:minmax(0,1fr);gap:2px}}.pnotes{max-width:65ch}.pnotes h3{font-size:14px;font-weight:600;margin:16px 0 4px}.pnotes p{margin:0 0 8px}.purest{margin:0;padding-left:22px;display:grid;grid-gap:6px;gap:6px;max-width:72ch}.purest li{padding-left:4px}.purest li>span{display:block;font-size:13px}.purest .opacity{width:12px;height:12px;vertical-align:-1px}.stretch,a.plain,a.plain:hover{color:inherit;text-decoration:none}.stretch:after{content:"";position:absolute;inset:0;z-index:0}.stretch:focus-visible{outline:none}.stretch:focus-visible:after{outline:2px solid var(--ultramarine);outline-offset:-2px;border-radius:inherit}.eq,.row{position:relative}.eq a.plain,.row a.plain,.tcard a.plain{position:relative;z-index:1}.tcard .addbtn{z-index:2}.tcard-name{display:block}.tcard-link{position:static}.cmptray{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom, 0px));z-index:33;width:min(760px,calc(100vw - 32px));display:flex;align-items:center;gap:12px;padding:8px 10px 8px 12px;background:var(--card);border:1px solid var(--rule);border-radius:14px;box-shadow:var(--shadow)}.cmptray ul{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex:1 1;min-width:0;overflow-x:auto}.cmptray li{display:flex;align-items:center;gap:6px;flex:none;max-width:190px}.cmptray li .thumbframe{width:30px;flex:none}.cmptray-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmptray-actions{display:flex;align-items:center;gap:8px;flex:none}.cmptray-hint{font-size:12.5px}@media (max-width:700px){.cmptray{bottom:calc(70px + env(safe-area-inset-bottom, 0px))}.cmptray-name{display:none}}.eq-compare{margin:8px 0 0;font-size:13.5px}.cmp-intro{margin:0 0 16px;max-width:70ch}.cmp-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:16px}.cmp-add{position:relative;flex:1 1;min-width:240px;max-width:420px}.cmp-add input{width:100%;font:inherit;padding:9px 12px;color:var(--ink)}.cmp-add input,.cmp-hits{border:1px solid var(--rule);border-radius:10px;background:var(--card)}.cmp-hits{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;list-style:none;margin:0;padding:4px;box-shadow:var(--shadow)}.cmp-hits button{display:grid;grid-template-columns:30px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;width:100%;padding:6px 8px;border:0;background:none;color:inherit;text-align:left;cursor:pointer;border-radius:6px;font:inherit;font-size:14px}.cmp-hits button:focus-visible,.cmp-hits button:hover{background:var(--ultra-wash)}.cmp-hits small{display:block;color:var(--muted);font-size:12.5px}.cmp-wrap{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}.cmp{border-collapse:collapse;width:100%;min-width:calc(130px + var(--cols) * 190px);font-size:14px;table-layout:fixed}.cmp td,.cmp th{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--rule)}.cmp tbody th{font-size:12.5px;color:var(--muted);font-weight:600}.cmp tbody th,.cmp thead th:first-child{width:130px;position:-webkit-sticky;position:sticky;left:0;background:var(--gesso);z-index:1}.cmp td small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.cmp tr.same td{opacity:.55}.cmp-head{position:relative;display:grid;grid-gap:4px;gap:4px;font-weight:400;padding-right:30px}.cmp-head .thumbframe{width:88px}.cmp-name{font-family:var(--f-display);font-weight:500;font-size:20px;line-height:1.15}.cmp-head small{color:var(--muted);font-size:12.5px}.cmp-x{position:absolute;top:0;right:0}.cmp-op{display:inline-flex;align-items:center;gap:6px}.cmp-warn{color:var(--madder);font-weight:600;text-transform:capitalize}.cmp .mixlegend li{font-size:13px}body.has-tray{padding-bottom:84px}body.has-tray .toast{bottom:calc(92px + env(safe-area-inset-bottom, 0px))}@media (max-width:700px){body.has-tray{padding-bottom:calc(132px + env(safe-area-inset-bottom, 0px))}body.has-tray .toast{bottom:calc(140px + env(safe-area-inset-bottom, 0px))}}@media (max-width:600px){.cmp{min-width:calc(88px + var(--cols) * 168px)}.cmp tbody th,.cmp thead th:first-child{width:88px;padding-inline:8px}.cmp-head .thumbframe{width:64px}.cmp-name{font-size:17px}}.swatchgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));grid-gap:12px 8px;gap:12px 8px;padding:4px 0 12px}.swt{position:relative;display:grid;grid-gap:1px;gap:1px;align-content:start;min-width:0;border-radius:8px;padding:4px}.swt:hover{background:var(--sheet)}.swt[aria-current=true]{background:var(--ultra-wash);box-shadow:0 0 0 1px var(--ultramarine)}.swt-chip{position:relative;display:block;aspect-ratio:4/3;border-radius:5px;overflow:hidden;margin-bottom:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}.swt-chip.empty{background:var(--sheet);box-shadow:none;border:1.5px dashed var(--frame)}.swt-chip img{width:100%;height:100%;object-fit:cover;display:block}.swt-hue{position:absolute;right:3px;bottom:3px;font:600 9.5px/1 var(--f-body);font-style:normal;padding:2px 4px;border-radius:3px;background:var(--ochre-wash);color:var(--ochre)}.swt-name{font-size:12.5px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.swt-brand{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swt a.plain{position:relative;z-index:1}html[data-density=compact] .swatchgrid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px 4px}html[data-density=compact] .swt{padding:3px}html[data-density=compact] .swt-chip{aspect-ratio:2/1;margin-bottom:3px}html[data-density=compact] .swt-name{font-size:11.5px}html[data-density=compact] .swt-brand{font-size:10.5px}@media (max-width:600px){.swatchgrid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px 4px}}.colormap{margin-top:12px;border:1px solid var(--rule);border-radius:12px;background:var(--card);padding:10px 12px 6px}.cm-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:13.5px}.cm-hint{font-size:12.5px;flex:1 1;min-width:200px}.cm-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.cm-match{position:relative;cursor:pointer}.cm-match input{width:18px;height:18px;padding:0;border:0;background:none;cursor:pointer}.cm-match input::-webkit-color-swatch-wrapper{padding:0}.cm-match input::-webkit-color-swatch{border:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.cm-match input::-moz-color-swatch{border:0;border-radius:50%}.cm-plot{position:relative;height:210px;margin-top:6px}.cm-plot canvas{display:block;touch-action:pan-y;cursor:crosshair}.cm-y{position:absolute;left:2px;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;pointer-events:none}.cm-y.top{top:0}.cm-y.bottom{bottom:0}.cm-axis{position:relative;height:18px;font-size:11.5px;color:var(--muted)}.cm-axis span{position:absolute;transform:translateX(-50%);white-space:nowrap}.cm-tip{position:absolute;transform:translate(-50%,calc(-100% - 12px));pointer-events:none;z-index:3;max-width:220px;background:var(--ink);color:var(--gesso);border-radius:8px;padding:6px 9px;font-size:12.5px;box-shadow:var(--shadow)}.cm-tip b{display:block;font-weight:600}.cm-tip small{display:block;opacity:.8}.show-sm{display:none}@media (max-width:600px){.show-sm{display:inline}}@media (max-width:700px){.cm-plot{height:170px}.colormap{padding-inline:8px}}.viewmenu{width:min(380px,calc(100vw - 32px));gap:12px}.vm-row{display:grid;grid-gap:5px;gap:5px}.vm-label{font-size:12.5px;font-weight:600;color:var(--muted)}.vm-row .seg{flex-wrap:wrap;border-radius:12px}.vm-row .seg.textseg button{padding:5px 10px;font-size:13px}.vm-defaults{display:grid;grid-gap:6px;gap:6px;padding-top:10px;border-top:1px solid var(--rule);justify-items:start}.vm-defaults small{font-size:12.5px}.facts a.fact{display:inline-flex;align-items:center;gap:6px}.toppigs{display:flex;align-items:center;gap:10px;padding-top:12px;min-width:0}.toppigs>span{font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap}.toppigs-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px;min-width:0}.toppigs-row .chip{flex:none;font-size:13px;padding:5px 10px}.chip.quiet,.toppigs-row .chip .code{color:var(--muted)}.chip.quiet{border-style:dashed;text-decoration:none}.chip.static{cursor:default}a.chip{text-decoration:none;color:var(--ink)}.presets a.chip:hover,.toppigs-row .chip:hover{border-color:var(--frame)}@media (max-width:600px){.toppigs{flex-direction:column;align-items:stretch;gap:4px}}.bp-head h1{font-family:var(--f-display);font-weight:500;font-size:clamp(30px,4.5vw,46px);line-height:1.08;margin:0}.bp-head h1 .muted{font-size:.6em}.bp-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}.bp-about{max-width:70ch;margin:12px 0 0}.bspec{position:relative}.bspec-pop{position:absolute;top:calc(100% + 8px);transform:translateX(-50%);z-index:20;width:240px}.bspec-card{display:grid;grid-template-columns:44px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;padding:10px;border-radius:10px;background:var(--card);border:1px solid var(--rule);box-shadow:var(--shadow);color:inherit;text-decoration:none}.bspec-card b{display:block;font-size:14px}.bspec-card small{display:block;color:var(--muted);font-size:12px}.bspec-hint{font-size:12.5px;margin:6px 0 0}@media (hover:none){.bspec-hint{display:none}}.bp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px;margin:24px 0}.stat{display:grid;grid-gap:2px;gap:2px;padding:12px 14px;border:1px solid var(--rule);border-radius:12px;background:var(--card)}.stat b{font-family:var(--f-display);font-size:30px;font-weight:500;line-height:1}.stat span{font-size:13px;color:var(--muted)}a.stat:hover{border-color:var(--frame)}.bp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:14px;gap:14px;margin-bottom:14px}.bd{border:1px solid var(--rule);border-radius:12px;background:var(--card);padding:14px 16px;min-width:0}.bd h3{margin:0 0 8px;font-size:15px}.bd-note{margin:0 0 8px;font-size:13.5px}.bd-bar{display:flex;height:12px;border-radius:999px;overflow:hidden;margin-bottom:10px}.bd-bar i{display:block;min-width:3px}.bd-list,.pig-chips,.series-list,.sim-list{list-style:none;margin:0;padding:0}.bd-list{display:grid;grid-gap:4px;gap:4px;font-size:14px}.bd-list a,.bd-list li>span{display:flex;align-items:center;gap:8px}.bd-list i{width:12px;height:12px;border-radius:3px;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.bd-list .muted{margin-left:auto;font-size:12.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.series-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:6px;gap:6px}.series-list a{display:grid;padding:8px 10px;border:1px solid var(--rule);border-radius:8px;font-size:14px}.series-list a:hover{border-color:var(--frame)}.series-list .muted{font-size:12.5px}.pig-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.pig-chips .chip{font-size:13px;padding:5px 10px}.pig-chips .chip .code{color:var(--muted)}.sim-list{grid-gap:6px;gap:6px;font-size:14px}.sim-list,.sim-list a{display:grid}.sim-list .muted{font-size:12.5px}.guide{max-width:1000px}.guide-head h1{font-family:var(--f-display);font-weight:500;font-size:clamp(32px,5vw,50px);line-height:1.05;margin:0}.lede{font-size:17px;max-width:65ch;margin:12px 0 0}.toc{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0}.guide-sec{margin-top:40px;padding-top:8px;border-top:1px solid var(--rule);scroll-margin-top:80px}.guide-h,.guide-sec>h2{font-family:var(--f-display);font-weight:500;font-size:28px;margin:18px 0 10px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.guide-sec h3{font-size:16px;margin:20px 0 8px}.fold-body p,.guide-intro p,.guide-sec p{max-width:70ch}.level{font-family:var(--f-body);font-size:12px;font-weight:600;padding:3px 8px;border-radius:999px}.level.toxic{background:var(--madder-wash);color:var(--madder)}.level.care{background:var(--ochre-wash);color:var(--ochre)}.callout{background:var(--sheet);border:1px solid var(--rule);border-radius:10px;padding:12px 14px;margin:12px 0;max-width:75ch}.callout ul{margin:8px 0 0;padding-left:18px}.alts,.retired{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:10px;gap:10px}.alt{border:1px solid var(--rule);border-radius:10px;background:var(--card);padding:12px 14px}.alt h4{margin:0 0 6px;font-size:15px}.alt p{margin:6px 0 0;font-size:14px}.alt .more{display:inline-block;margin-top:8px;font-size:13.5px}.fold{border:1px solid var(--rule);border-radius:10px;background:var(--card);margin:10px 0}.fold>summary{cursor:pointer;padding:12px 14px;font-weight:600;display:flex;align-items:center;gap:8px;list-style:none}.fold>summary::-webkit-details-marker{display:none}.fold>summary:before{content:"";width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform .15s;flex:none}.fold[open]>summary:before{transform:rotate(45deg)}.fold>summary small{margin-left:auto;color:var(--muted);font-weight:400;font-size:13px}.fold>summary .dot{margin-top:0}.fold>:not(summary){margin-inline:14px}.fold>:last-child:not(summary){margin-bottom:12px}.fold>.fold-body{margin:0;padding:0 14px 12px}.fold-body ol,.fold-body ul{padding-left:20px;display:grid;grid-gap:4px;gap:4px;max-width:72ch}.guide-reading{margin:22px 0}.guide-intro{margin:18px 0}.checks{padding-left:20px;display:grid;grid-gap:6px;gap:6px;max-width:72ch}.guide-explore{margin:28px 0 0}.guide-more{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:28px;padding-top:16px;border-top:1px solid var(--rule)}.guide-more>span{font-family:var(--f-display);font-size:18px;margin-right:2px}.pb{display:grid;grid-gap:16px;gap:16px;margin:20px 0}.pb fieldset{border:0;padding:0;margin:0;min-width:0}.pb legend{font-weight:600;margin-bottom:8px;padding:0}.pb-look-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:8px;gap:8px}.pb-look{display:grid;grid-gap:4px;gap:4px;align-content:start;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--rule);background:var(--card);color:inherit;cursor:pointer;font:inherit;text-decoration:none}.pb-look small{color:var(--muted);font-size:12.5px;line-height:1.4}.pb-look[aria-checked=true]{border-color:var(--ultramarine);box-shadow:0 0 0 1px var(--ultramarine);background:var(--ultra-wash)}.pb-look:hover{border-color:var(--frame)}.pb-prefs{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.pb-strip{display:flex;height:48px;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.pb-strip i{flex:1 1}.pb-slots{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.pb-slot{display:grid;grid-template-columns:84px minmax(0,1fr) auto;grid-template-areas:"role role role" "thumb main ctl";grid-gap:4px 14px;gap:4px 14px;align-items:center;border:1px solid var(--rule);border-radius:12px;background:var(--card);padding:10px 12px}.pb-role{grid-area:role;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.pb-thumb{grid-area:thumb}.pb-main{grid-area:main;display:grid;grid-gap:6px;gap:6px;min-width:0}.pb-name{font-weight:600;font-size:16px}.pb-main small{color:var(--muted);font-size:12.5px;gap:4px 6px;align-items:center}.pb-codes,.pb-main small{display:flex;flex-wrap:wrap}.pb-codes{gap:4px}.pb-codes .chip{font-size:12.5px;padding:3px 9px}.pb-tube{flex-wrap:wrap}.pb-tube select{max-width:100%;min-width:0}.pb-ctl{grid-area:ctl;display:flex;gap:4px}.pb-add{position:relative;max-width:460px}.pb-add input,.pb-name-in input{width:100%;font:inherit;padding:9px 12px;border:1px solid var(--rule);border-radius:10px;background:var(--card);color:var(--ink)}.pb-mix{display:grid;grid-gap:3px;gap:3px;max-width:520px}.pb-mix i{display:block;aspect-ratio:1;border-radius:4px}.pb-mix i.pb-mix-h{box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.pb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pb-actions .spacer{flex:1 1}.pb-name-in{flex:1 1 200px;max-width:280px}.pb-note{margin:0;font-size:13.5px}@media (max-width:600px){.pb-slot{grid-template-columns:64px minmax(0,1fr);grid-template-areas:"role ctl" "thumb main"}.pb-ctl{justify-content:flex-end}}.pb,.pb-main,.pb-slots{grid-template-columns:minmax(0,1fr)}.pb-tube{display:flex;max-width:100%}.pb-tube select{flex:1 1;width:100%;text-overflow:ellipsis}.pigdot{--c:#999;--hex:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);position:relative;display:inline-block;flex:none;vertical-align:-.15em;width:12px;height:12px;background:color-mix(in srgb,var(--ink) 38%,transparent)!important;border-radius:0!important;box-shadow:none!important;margin:0}.pigdot,.pigdot:after{-webkit-clip-path:var(--hex);clip-path:var(--hex)}.pigdot:after{content:"";position:absolute;inset:1px;background:var(--c)}.slicebar{position:relative;display:block}.slicebar.gstrip{overflow:visible;box-shadow:none;display:block}.slicebar .slices{display:flex;height:100%;border-radius:inherit;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.slicebar .slices>*{flex:1 1;min-width:0;cursor:pointer;transition:transform .08s}.slicebar .slices>[aria-current=true],.slicebar .slices>[data-on]{transform:scaleY(1.25);box-shadow:0 0 0 2px var(--ink);position:relative;z-index:1}.slicebar .slices>a:focus-visible{box-shadow:0 0 0 2px var(--ultramarine);position:relative;z-index:1;outline:none}.slicebar.big .slices{height:44px;border-radius:10px;overflow:visible}.slicebar.big .slices>:first-child{border-radius:10px 0 0 10px}.slicebar.big .slices>:last-child{border-radius:0 10px 10px 0}details.group[open] .slicebar.gstrip{opacity:1}details.group[open] .slicebar .slices{opacity:.55}details.group[open] .slicebar:hover .slices{opacity:1}.bspec-pop{top:100%;padding-top:8px;cursor:default;font-weight:400}.bspec-actions{display:flex;gap:12px;align-items:center;margin-top:4px;font-size:13px}.bspec-actions .linkbtn{padding:0;font-size:13px}.bspec{margin:22px 0 6px}@keyframes flash{0%,30%{box-shadow:0 0 0 3px var(--ultramarine);background-color:var(--ultra-wash)}to{box-shadow:0 0 0 0 transparent}}.flash{border-radius:8px}.flash,tr.flash{animation:flash 2.2s ease-out}.gpreview{flex:0 0 min(40%,440px);margin-left:8px;min-width:0;display:flex;align-items:center;gap:4px;color:var(--muted);font-size:12.5px}@media (min-width:1001px){.layout:not(.panel-closed) .gpreview{flex-basis:min(30%,280px)}}.gthumbs i{display:block;width:28px;flex:none;cursor:pointer}.gthumbs i .thumbframe{border-radius:6px}.gthumbs small{margin-left:4px}.gnames{display:block;text-overflow:ellipsis}.gnames,.gstats{white-space:nowrap;overflow:hidden}.gstats{gap:12px}.gstats b{color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:600px){.gpreview{order:5;flex-grow:0;flex-shrink:0;flex-basis:calc(100% - 28px);margin:4px 0 0 28px}}.results-body.fadein{animation:viewin .35s ease-out}.results-body.hidden{display:none}@keyframes viewin{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{display:grid;grid-gap:14px;gap:14px;padding-top:6px}.sk-head,.skeleton i{display:block;border-radius:8px;background:linear-gradient(90deg,var(--sheet) 0,color-mix(in srgb,var(--rule) 70%,var(--sheet)) 50%,var(--sheet) 100%);background-size:800px 100%;animation:shimmer 1s linear infinite}.sk-head{height:30px;width:min(60%,420px)}.sk-grid{display:grid;grid-gap:10px;gap:10px;margin-top:10px}.sk-grid.chart{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.sk-grid.chart i{aspect-ratio:4/3}.sk-grid.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.sk-grid.cards i{height:210px}.sk-rows{display:grid;grid-gap:8px;gap:8px;margin-top:10px}.sk-rows i{height:54px}.sk-rows.table i{height:30px}@media (prefers-reduced-motion:reduce){.results-body.fadein,.sk-head,.skeleton i{animation:none}}.mixlegend .pigdot{margin-top:3px}.actions{display:grid;grid-gap:8px;gap:8px}.actions .btnrow{align-items:flex-start}.actions .buy{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:13.5px}.actions .disclose{margin:0}.eq-links{display:flex;flex-wrap:wrap;gap:4px 16px;margin:8px 0 0;font-size:13.5px}.eq-links .linkbtn{padding:0}.more-matches>summary{cursor:pointer;font-size:13px;color:var(--ultramarine);padding:6px 0}.pchips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.pchips .chip{font-size:13px;padding:4px 10px}.pchips .chip .code{color:var(--muted)}.detail.compact{gap:12px;padding:8px 16px 18px}.detail.compact .hero{grid-template-columns:72px minmax(0,1fr);gap:12px}.detail.compact h2{font-size:24px}.detail.compact h3{font-size:13px;margin-bottom:6px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.detail.compact .btn{padding:6px 11px;font-size:13px}.detail.compact .savebox small{font-size:12px}.detail.compact .facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0;border:0}.detail.compact .facts>div{background:var(--sheet);border:1px solid var(--rule);border-radius:8px;padding:6px 8px;min-width:0}.detail.compact .facts dt{font-size:11px}.detail.compact .facts dd{font-size:13px;overflow-wrap:anywhere;line-height:1.3}.detail.compact .note{padding:8px 10px;font-size:13px}.detail.compact .eq{padding:5px 0;grid-template-columns:30px minmax(0,1fr) auto}.detail.compact .eq b{font-size:13.5px}.detail.compact .eq small{font-size:12px}.detail.compact .source{margin:0;font-size:12px}@media (max-width:420px){.detail.compact .facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.hue-fold>summary{cursor:pointer;list-style:none}.hue-fold>summary::-webkit-details-marker{display:none}.hue-fold>summary:after{content:" More";color:var(--ultramarine);text-decoration:underline;text-underline-offset:2px}.hue-fold[open]>summary:after{content:" Less"}.hue-fold .hue-lesson{margin-top:8px}.actions .buy .shops{display:contents}.cm-plot{height:240px}.cm-plot canvas{touch-action:none;cursor:-webkit-grab;cursor:grab;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.cm-plot canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.cm-plot canvas:focus-visible{box-shadow:0 0 0 2px var(--ultramarine);border-radius:6px}.cm-ctrl{position:absolute;top:4px;right:4px;z-index:2;display:flex;gap:6px;align-items:center}.cm-zoom{border-radius:999px}.cm-btn,.cm-zoom{display:inline-flex;box-shadow:var(--shadow)}.cm-btn{align-items:center;justify-content:center;gap:5px;height:34px;min-width:34px;padding:0 10px;border:1px solid var(--rule);background:var(--card);color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;border-radius:999px;touch-action:manipulation}.cm-zoom .cm-btn{box-shadow:none;font-size:18px;font-weight:500;padding:0;width:36px}.cm-zoom .cm-btn:first-child{border-radius:999px 0 0 999px;border-right-width:0}.cm-zoom .cm-btn:last-child{border-radius:0 999px 999px 0}.cm-btn:hover:not(:disabled){border-color:var(--frame)}.cm-btn:disabled{color:var(--muted);opacity:.55;cursor:default;box-shadow:none}.cm-btn.wide:not(:disabled){border-color:var(--ultramarine);color:var(--ultramarine)}.cm-float{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:3;pointer-events:none;white-space:nowrap;background:var(--ink);color:var(--card);font-size:12.5px;padding:6px 12px;border-radius:999px;animation:cmfloat .2s ease-out}@keyframes cmfloat{0%{opacity:0;transform:translate(-50%,4px)}}.cm-card{position:absolute;z-index:4;transform:translate(-50%,calc(-100% - 14px));width:250px;display:grid;grid-gap:6px;gap:6px;background:var(--card);border:1px solid var(--rule);border-radius:12px;box-shadow:var(--shadow);padding:10px 12px;font-size:13px}.cm-card.below{transform:translate(-50%,14px)}.cm-card-x{position:absolute;top:4px;right:4px}.cm-card-top{display:flex;gap:10px;align-items:center;padding-right:22px}.cm-card-top i{flex:none;width:30px;height:30px;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.cm-card-top b{display:block;font-size:14px;line-height:1.25}.cm-card-top small{display:block;color:var(--muted);font-size:12px}.cm-card-actions{display:flex;flex-wrap:wrap;gap:6px}.cm-card-actions .chip{font-size:12.5px;padding:5px 10px}.cm-recent{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12.5px;min-width:0}.cm-recent-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0;flex:0 1 auto;padding:3px 2px}.cm-recent-row::-webkit-scrollbar{display:none}.cm-rec{flex:none;width:26px;height:26px;border-radius:50%;border:0;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);touch-action:manipulation}.cm-rec.tube{border-radius:7px}.cm-rec[aria-pressed=true]{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--ink)}.cm-recent .linkbtn{font-size:12.5px;padding:0;flex:none}@media (max-width:700px){.cm-plot{height:230px}.cm-btn.wide{padding:0 9px}.cm-card{width:230px}}html{-webkit-tap-highlight-color:transparent}[role=button],a,button,input,label,select,summary{touch-action:manipulation}@media (hover:none){.btn,.chip,.cm-btn,.cm-rec,.iconbtn,.linkbtn,.seg button,.spectrum button,.tabbar a,summary{transition:transform .08s ease-out}.btn:active,.chip:active,.cm-btn:active:not(:disabled),.cm-rec:active,.iconbtn:active,.seg button:active,.spectrum button:active,.tabbar a:active{transform:scale(.96)}.bspec-pop,.slicebar,[data-paint]{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}.slicebar .slices{touch-action:pan-y}.drag-scrolling{-webkit-user-select:none;-moz-user-select:none;user-select:none;scroll-behavior:auto!important}.drag-scrolling,.drag-scrolling *{cursor:-webkit-grabbing!important;cursor:grabbing!important}.grabber{display:none}@media (max-width:1000px){.panel[data-sheet=true]{transition:transform .18s ease-out;overscroll-behavior:contain;animation:sheetup .22s ease-out}.panel.pulling{transition:none}.panel-head{position:relative;padding-top:18px}.grabber{display:block;position:absolute;top:7px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:var(--rule)}}@keyframes sheetup{0%{transform:translateY(40%);opacity:.4}}.filterpanel,.qsheet{overscroll-behavior:contain}.qsheet-scrim{position:fixed;inset:0;background:rgba(10,12,16,.4);z-index:80;animation:fadein .15s ease-out}.qsheet{position:fixed;left:0;right:0;bottom:0;z-index:81;background:var(--card);border-radius:16px 16px 0 0;box-shadow:var(--shadow);padding:22px 18px calc(18px + env(safe-area-inset-bottom, 0px));display:grid;grid-gap:14px;gap:14px;max-width:560px;margin:0 auto;animation:sheetup .2s ease-out;transition:transform .18s ease-out}.qsheet.pulling{transition:none}.qsheet .grabber{display:block;position:absolute;top:8px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:var(--rule)}.qsheet-top{display:grid;grid-template-columns:56px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center}.qsheet-top b{display:block;font-size:17px;line-height:1.25}.qsheet-top small{display:block;color:var(--muted);font-size:13px}.qsheet-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.qsheet-actions>*{justify-content:center;text-align:center;width:100%}.qsheet-actions .savebox{display:contents}@keyframes fadein{0%{opacity:0}}.install-btn{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}@media (display-mode:standalone){html{overscroll-behavior-y:none}.site-head{-webkit-user-select:none;-moz-user-select:none;user-select:none}}.cm-ctrl{position:static;margin-top:8px}.cm-ctrl .cm-zoom{margin-left:auto}.cm-btn{box-shadow:none}.htl{margin:4px 0 8px}.htl-scroll{overflow-x:auto;scrollbar-width:thin;padding:58px 2px 6px;margin-top:-50px}.htl-track{position:relative;display:flex;gap:6px;min-width:760px}.htl-era{display:grid;grid-gap:8px;gap:8px;min-width:0;flex-basis:0;border-top:4px solid var(--rule);padding-top:8px}.htl-era.ancient{border-color:color-mix(in srgb,var(--ochre) 55%,var(--rule))}.htl-era.masters{border-color:color-mix(in srgb,var(--madder) 45%,var(--rule))}.htl-era.chemistry{border-color:color-mix(in srgb,var(--ultramarine) 50%,var(--rule))}.htl-era.modern{border-color:color-mix(in srgb,var(--ink) 35%,var(--rule))}.htl-era-name{display:grid;font-size:13px;line-height:1.25}.htl-era-name small{color:var(--muted);font-size:12px}.htl-dots{display:flex;justify-content:space-around;gap:2px}.htl-dot{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:none;cursor:pointer;border-radius:8px}.htl-dot:hover,.htl-dot[aria-current=true]{background:var(--gesso)}.htl-dot:focus-visible{outline:2px solid var(--ultramarine);outline-offset:1px}.htl-dot.gone .pigdot{opacity:.45}.htl-pop{position:absolute;bottom:calc(100% + 6px);transform:translateX(-50%);z-index:3;pointer-events:none;white-space:nowrap;background:var(--ink);color:var(--card);border-radius:8px;padding:5px 10px;font-size:12.5px;display:grid}.htl-pop small{opacity:.8}.htl-hint{font-size:12.5px;margin:4px 0 0}.guide-sub{margin:-4px 0 12px;max-width:70ch}.hart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));grid-gap:18px;gap:18px;align-items:start}.hart{margin:0;background:var(--card);border:1px solid var(--rule);border-radius:12px;overflow:hidden;display:grid}.hart-img{display:block;background:var(--sheet);max-height:380px;overflow:hidden}.hart-img img{display:block;width:100%;height:100%;object-fit:cover}.hart figcaption{display:grid;grid-gap:8px;gap:8px;padding:12px 14px 14px;font-size:14px}.hart figcaption>b{font-family:var(--f-display);font-weight:500;font-size:19px;line-height:1.2}.hart figcaption>small{color:var(--muted);font-size:12.5px}.hart-found{display:flex;flex-wrap:wrap;gap:5px}.hart-found .chip{font-size:12.5px;padding:3px 9px}.hart-story{line-height:1.5}.hart .hart-src{color:var(--muted);font-size:12px}.hart.flash,.hpig.flash{border-radius:12px}.hera-dots{display:inline-flex;gap:2px;margin-right:4px}@media (max-width:600px){.hera-dots{display:none}}.hpigs{display:grid;grid-gap:12px;gap:12px}.hpig{border:1px solid var(--rule);border-radius:12px;padding:12px 14px;background:var(--card)}.hpig header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.hpig h3{margin:0;font-size:17px}.hpig-when{color:var(--muted);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.retired-tag{background:var(--gesso);color:var(--muted)}.hpig>p{margin:8px 0;line-height:1.55;max-width:72ch}.hpig-today{display:grid;grid-gap:2px;gap:2px}.hpig-today p{margin:0}.hpig-today .more,.hpig-today p{font-size:13.5px}.hpig-today .pig-chips>.muted{align-self:center;font-size:13px}.hpig-art{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:8px 0 0;font-size:13px}.hpig-art-link{display:inline-flex;align-items:center;gap:6px}.hpig-art-link img{width:36px;height:auto;max-height:44px;object-fit:cover;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.htl-track{min-width:max-content}.htl-era{flex-basis:auto}.htl-dots{justify-content:space-evenly}.htl-dot{flex:none}.homedir{border-top:1px solid var(--rule);padding-top:24px}.homedir-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:20px 28px;gap:20px 28px}.homedir h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px}.homedir ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:5px;gap:5px;font-size:14px}.homedir a{color:var(--ink);text-decoration:none}.homedir a:hover{color:var(--ultramarine);text-decoration:underline}.homedir-pigs .pigdot{vertical-align:-1px}@media (max-width:640px){.presets{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.presets::-webkit-scrollbar{display:none}.presets>*{flex:none}}.revauthor{color:inherit;text-decoration:none}.revauthor:hover{color:var(--ultramarine);text-decoration:underline}.revsort{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px}.helpful{border:1px solid var(--rule);background:var(--sheet);color:var(--ink);border-radius:999px;padding:3px 10px;font-size:13px;cursor:pointer;text-decoration:none}.helpful small{color:var(--muted);margin-left:5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.helpful[aria-pressed=true]{border-color:var(--ultramarine);background:var(--ultra-wash)}.helpful:hover{border-color:var(--frame)}.helpfulnote{font-size:12.5px}.visibility{flex-wrap:wrap;gap:8px 12px;margin:12px 0}.handlefield,.visibility{display:flex;align-items:center}.handlefield{gap:4px}.handlefield input{flex:1 1;min-width:0}.profilehead{display:grid;grid-gap:6px;gap:6px}.profilestats{display:flex;flex-wrap:wrap;gap:4px 18px;margin:4px 0 0;font-size:14px;color:var(--muted)}.profilestats b{color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.profrev-paint{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.profrev-paint b{display:block;font-size:15px}.profrev-paint small{display:block;color:var(--muted);font-size:12.5px}.profrev-paint:hover b{color:var(--ultramarine)}.profrev .thumb{cursor:pointer}@media print{.visibility{display:none!important}}