@font-face{font-family:EB Garamond;font-style:normal;font-weight:400;font-display:swap;src:url(/color-combinations/assets/eb-garamond-v33-latin-regular-BCNrxLz_.woff2) format("woff2")}@font-face{font-family:EB Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(/color-combinations/assets/eb-garamond-v33-latin-500-DehAIUv0.woff2) format("woff2")}@font-face{font-family:EB Garamond;font-style:italic;font-weight:400;font-display:swap;src:url(/color-combinations/assets/eb-garamond-v33-latin-italic-DSEbMgZu.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(/color-combinations/assets/atkinson-hyperlegible-v12-latin-regular-BrHNak5F.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-weight:400;font-display:swap;src:url(/color-combinations/assets/atkinson-hyperlegible-v12-latin-italic-D-qjh7ci.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(/color-combinations/assets/atkinson-hyperlegible-v12-latin-700-GZI4o3u0.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/color-combinations/assets/atkinson-hyperlegible-mono-v8-latin-regular-CmMGer93.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/color-combinations/assets/atkinson-hyperlegible-mono-v8-latin-700-BhOtGXDr.woff2) format("woff2")}:root{--paper-1: #f8f6f2;--paper-2: #f0ebe2;--paper-hi: #fff;--ink: #2f2a26;--ink-rgb: 47 42 38;--ink-muted: #554c41;--ink-faint: #71685c;--hairline: #e8ddd2;--accent: #f26522;--link: #236192;--font-display: "EB Garamond", "Iowan Old Style", Palatino, Georgia, serif;--font-ui: "Atkinson Hyperlegible", system-ui, -apple-system, sans-serif;--font-mono: "Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", monospace;--tracking-wide: .2em;--tracking-label: .14em;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s6: 1.5rem;--s8: 2rem;--s12: 3rem;--page-w: clamp(45rem, 61.8vw, 80rem);--page-gutter: 2rem;--panel-width: 400px;--radius: 3px;--radius-pill: 999px;--header-height: 64px;--disc-size: 236px;--dur-hover: .12s;--dur-fast: .2s;--dur: .5s;--ease: cubic-bezier(.25, .1, .25, 1)}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:linear-gradient(160deg,var(--paper-1),var(--paper-2)) fixed;color:var(--ink);font-family:var(--font-ui);font-size:16px;line-height:1.6}a{color:var(--link)}button{font-family:var(--font-ui);cursor:pointer}.app{display:flex;flex-direction:column;height:100%}main{flex:1;min-height:0;position:relative}.header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s6);padding:var(--s4) var(--s8);border-bottom:1px solid var(--hairline)}.wordmark{font-family:var(--font-display);font-size:1.4rem;letter-spacing:.12em;background:none;border:0;padding:0;color:inherit;text-align:left}.wordmark .seal{color:var(--accent)}.wordmark small{color:var(--ink-faint);font-family:var(--font-ui);font-size:.65rem;letter-spacing:var(--tracking-wide);margin-left:var(--s2);text-transform:uppercase}.nav{display:flex;align-items:center;gap:var(--s4)}.nav button{background:none;border:none;color:var(--ink-muted);font-size:.85rem;letter-spacing:var(--tracking-label);padding:var(--s1) 0;border-bottom:2px solid transparent}.nav button:hover{color:var(--ink)}.nav button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}.nav .surprise{border:1px solid var(--ink-faint);border-radius:var(--radius);padding:var(--s1) var(--s3)}.nav .surprise:hover{border-color:var(--accent);color:var(--ink)}.wheel-view{height:100%;display:flex;flex-direction:column;align-items:center}.chord-wheel{flex:1;min-height:0;width:100%;max-width:78vh;cursor:pointer;touch-action:none}.chord-wheel .wheel-hit{fill:transparent}.chord-wheel .ribbon{opacity:.55;transition:opacity var(--dur-hover) var(--ease);pointer-events:none;stroke-width:0;stroke-linejoin:round}.chord-wheel g.wheel.blend .ribbon{mix-blend-mode:multiply}.chord-wheel .ribbon.hot{opacity:.9}.chord-wheel .arc{pointer-events:none;transition:opacity var(--dur-hover) var(--ease)}.chord-wheel g.wheel.dimming .ribbon:not(.hot){opacity:.06}.chord-wheel g.wheel.dimming .arc:not(.hot){opacity:.25}.chord-wheel g.wheel.hover-ribbon .ribbon.hot{stroke-width:2.5}.chord-wheel g.wheel.hover-arc .ribbon.hot{stroke-width:5}.chord-wheel .arc-label{font-family:var(--font-ui);font-size:12px;letter-spacing:var(--tracking-label);fill:var(--ink-muted);text-transform:uppercase;pointer-events:none}.chord-wheel .wheel-center-label{font-family:var(--font-display);font-size:30px;fill:var(--ink);stroke:var(--paper-1);stroke-width:5px;paint-order:stroke;stroke-linejoin:round;pointer-events:none}.wheel-controls{padding:var(--s4) var(--s8) var(--s6);text-align:center;max-width:100%}.granularity{display:inline-flex;gap:var(--s2);flex-wrap:wrap;justify-content:center}.granularity button{background:none;border:none;border-bottom:2px solid transparent;color:var(--ink-muted);font-size:.8rem;letter-spacing:var(--tracking-label);text-transform:uppercase;padding:var(--s1) var(--s2)}.granularity button[aria-checked=true]{color:var(--ink);border-bottom-color:var(--accent)}.hint{color:var(--ink-faint);font-size:.75rem;font-style:italic;margin:var(--s2) 0}.size-filter{display:inline-flex;gap:var(--s2);align-items:center}.size-filter button{width:30px;height:30px;border-radius:50%;border:1px solid var(--ink-faint);background:none;color:var(--ink-faint);font-weight:700}.size-filter button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper-1)}.size-filter .size-label{color:var(--ink-muted);font-size:.7rem;letter-spacing:var(--tracking-label);text-transform:uppercase}.panel{position:fixed;top:0;right:0;bottom:0;width:var(--panel-width);max-width:92vw;background:var(--paper-1);border-left:1px solid var(--hairline);box-shadow:-12px 0 40px rgb(var(--ink-rgb) / .08);z-index:10;display:flex;flex-direction:column;animation:panel-in var(--dur) var(--ease)}@keyframes panel-in{0%{transform:translate(24px);opacity:0}}.panel-head{display:flex;align-items:baseline;justify-content:space-between;padding:var(--s6) var(--s6) var(--s3);border-bottom:1px solid var(--hairline)}.panel-head h2{font-family:var(--font-display);font-weight:500;font-size:1.5rem}.panel-close{background:none;border:none;color:var(--ink-muted);font-size:1.4rem}.panel-close:hover{color:var(--accent)}.panel-body{padding:var(--s4) var(--s6) var(--s8);overflow-y:auto}.panel-body h3{font-family:var(--font-ui);font-size:.75rem;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-muted);margin:var(--s6) 0 var(--s3)}.swatch-hero{height:120px;margin-bottom:var(--s3)}.family-chain{color:var(--ink-muted);font-size:.85rem;margin-bottom:var(--s4)}.linklike{background:none;border:none;color:var(--link);text-decoration:underline;padding:0;font-size:inherit}.muted{color:var(--ink-muted);font-size:.85rem}.empty-note{color:var(--ink-faint);font-style:italic;margin-top:var(--s4)}.copy-field{display:flex;align-items:center;gap:var(--s3);padding:var(--s1) 0}.copy-label{font-size:.7rem;letter-spacing:var(--tracking-label);color:var(--ink-muted);width:42px}.copy-field code{font-family:var(--font-mono);font-size:.9rem}.copy-field button{background:none;border:none;color:var(--link);font-size:.75rem;text-decoration:underline}.plate-button{background:none;border:none;padding:0;text-align:left;width:100%}.plate{width:100%}.plate-bars{display:flex;flex-direction:column;height:110px}.plate-large .plate-bars{height:220px}.plate-bar{flex-basis:0}.plate figcaption{display:flex;gap:var(--s3);align-items:baseline;margin-top:var(--s2)}.plate-number{font-size:.65rem;letter-spacing:var(--tracking-label);color:var(--ink-faint);white-space:nowrap;flex:0 0 auto}.plate-names{font-family:var(--font-display);font-size:.9rem}.plate-list{display:flex;flex-direction:column;gap:var(--s4);margin-top:var(--s3)}.plate-list .plate-bars{height:64px}.combo-color-row{border-top:1px solid var(--hairline);padding:var(--s3) 0}.export-row{display:flex;gap:var(--s3);margin-top:var(--s6)}.export-row button{border:1px solid var(--ink-faint);border-radius:var(--radius);background:none;padding:var(--s2) var(--s3);font-size:.8rem}.export-row button:hover{border-color:var(--accent)}.swatch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s1);margin-top:var(--s3)}.swatch-cell{aspect-ratio:1;border:none;border-radius:var(--radius)}.browse-view,.match-view,.you-view{padding-inline:max(var(--page-gutter),calc((100% - var(--page-w)) / 2))}.browse-view{height:100%;overflow-y:auto;padding-top:var(--s6);padding-bottom:var(--s12)}.browse-filters{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}@media(max-width:1100px){.browse-filters .size-filter,.match-head .level{flex:1 1 100%}}@media(max-width:760px){.browse-filters{gap:var(--s2) var(--s3)}}.browse-filters select{font-family:var(--font-ui);font-size:.85rem;color:var(--ink);background:none;border:1px solid var(--hairline);border-radius:var(--radius);padding:var(--s1) var(--s2)}.filter-chip{font:inherit;font-size:.85rem;background:var(--paper-2);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-pill);padding:var(--s1) var(--s3);cursor:pointer}.filter-chip span{color:var(--ink-muted);margin-left:.25rem}.filter-chip:hover{border-color:var(--accent)}.browse-section{margin-top:var(--s8)}.browse-section-head{font-family:var(--font-ui);font-weight:400;font-size:.8rem;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-muted);padding-bottom:var(--s2);border-bottom:1px solid var(--hairline)}.browse-section-head .muted{text-transform:none;letter-spacing:normal}.browse-grid{margin-top:var(--s6);display:grid;gap:var(--s6) var(--s4);grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.browse-grid .plate-bars{height:96px}.panel .plate-large{animation:deal var(--dur) var(--ease)}@keyframes deal{0%{transform:translateY(14px) rotate(-1.5deg);opacity:0}}.search-box{position:relative}.search-box input{font-family:var(--font-ui);font-size:.85rem;color:var(--ink);background:none;border:none;border-bottom:1px solid var(--hairline);padding:var(--s1) var(--s2);width:180px}.search-box input:focus{outline:none;border-bottom-color:var(--accent)}.search-sample{display:inline-flex;align-items:center;gap:var(--s2);min-height:32px;padding:0 var(--s3);margin-left:var(--s2);background:var(--paper-2);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius);cursor:pointer;white-space:nowrap}.search-sample svg{flex:0 0 auto}.search-sample:hover{border-color:var(--accent);color:var(--accent)}.search-sample-tx{font-size:.72rem;letter-spacing:var(--tracking-label);text-transform:uppercase}.color-entry{display:flex;flex-direction:column;gap:var(--s2)}.match-entry .color-entry{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--s2)}.match-entry{max-width:32rem}.match-entry .lede{margin-bottom:var(--s3)}.search-results{position:absolute;top:100%;left:0;right:0;z-index:20;background:var(--paper-1);border:1px solid var(--hairline);border-radius:var(--radius);list-style:none;padding:var(--s1);box-shadow:0 8px 30px rgb(var(--ink-rgb) / .1)}.search-results li{display:flex;align-items:center;gap:var(--s2);width:100%;padding:var(--s1) var(--s2);font-size:.85rem;text-align:left;cursor:pointer;border-radius:var(--radius)}.search-results li[aria-selected=true]{background:var(--paper-2)}.search-swatch{width:14px;height:14px;border-radius:2px;display:inline-block}.site-mark{position:fixed;right:var(--s4);bottom:var(--s4);z-index:6;display:flex;align-items:center;gap:var(--s2);pointer-events:none}.site-version{pointer-events:auto;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.02em;color:var(--ink-muted);text-decoration:none;background:rgb(var(--ink-rgb) / .06);border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;min-height:24px;min-width:24px;padding:0 var(--s2)}.site-version:hover{color:var(--ink);text-decoration:underline}.hanko{width:26px;height:26px;background:var(--accent);color:var(--paper-1);font-size:13px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius)}:focus-visible{outline:2px solid var(--link);outline-offset:2px}.crumb{font-size:.72rem;letter-spacing:.04em;color:var(--ink-muted);margin-bottom:var(--s3)}.crumb .sep{color:var(--ink-faint);margin:0 var(--s1)}.crumb .here{color:var(--ink);font-weight:700}.partner-list{display:flex;flex-direction:column;gap:var(--s1);margin-top:var(--s2)}.partner{display:flex;align-items:center;gap:var(--s3);border:1px solid transparent;border-radius:5px;background:none;padding:var(--s2);cursor:pointer;text-align:left;width:100%}.partner:hover{background:var(--paper-2);border-color:var(--hairline)}.partner .cl{width:74px;flex:0 0 auto}.partner .nm{flex:1;font-size:.9rem}.partner .ct{font-size:.72rem;color:var(--ink-muted);font-variant-numeric:tabular-nums}.bridge{display:block;width:100%;margin:var(--s6) 0 0;border:1px solid var(--accent);border-radius:var(--radius);background:none;color:var(--ink);font-family:var(--font-ui);font-size:.85rem;padding:var(--s3);cursor:pointer}.bridge:hover{background:var(--paper-2)}@media(max-width:760px){.header{flex-direction:column;align-items:flex-start;gap:var(--s3);padding:var(--s3) var(--s4)}.nav{flex-wrap:wrap}.search-box input{width:130px}.chord-wheel{max-width:96vw}.wheel-controls{padding:var(--s4) var(--s4) var(--s6)}:root{--page-gutter: 1rem}.browse-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.panel{top:auto;left:0;right:0;width:auto;max-width:none;max-height:72vh;border-left:none;border-top:1px solid var(--hairline);animation:sheet-in var(--dur) var(--ease)}@keyframes sheet-in{0%{transform:translateY(30px);opacity:0}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.match-view{height:100%;overflow-y:auto;padding-top:var(--s6);padding-bottom:var(--s12)}.match-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap}.match-head h1{font-family:var(--font-display);font-weight:500;font-size:1.6rem}.match-view .lede{color:var(--ink-muted);font-size:.9rem;margin-top:var(--s2);max-width:80ch}.match-view .level{display:inline-flex;gap:var(--s2)}.match-view .level button{font-family:var(--font-ui);font-size:.72rem;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-muted);background:none;border:1px solid var(--hairline);border-radius:20px;padding:var(--s1) var(--s3);cursor:pointer}.match-view .level button[aria-checked=true]{color:var(--ink);border-color:var(--accent);background:var(--paper-1)}.match-view .seclabel{font-size:.72rem;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-muted);padding-bottom:var(--s2);border-bottom:1px solid var(--hairline);margin:var(--s6) 0 var(--s3)}.match-view .seclabel .q{color:var(--ink-faint);text-transform:none;letter-spacing:normal;font-style:italic}.tray{margin-top:var(--s6);border:1px solid var(--hairline);border-radius:8px;background:var(--paper-1);padding:var(--s4)}.tray .lab{font-size:.7rem;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-muted)}.tray-clear{margin-left:var(--s3);background:none;border:none;color:var(--link);font-size:.72rem;text-decoration:underline;cursor:pointer}.chips{display:flex;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s3)}.chip{border:1px solid var(--hairline);border-radius:6px;background:var(--paper-1);padding:var(--s2);min-width:108px}.chip .cl,.sug .cl,.partner .cl{display:flex;height:22px;border-radius:3px;overflow:hidden}.chip .cl span,.sug .cl span,.partner .cl span{flex:1}.chip .row{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-top:var(--s2)}.chip .nm{font-size:.82rem;font-weight:700}.chip .x{background:none;border:none;color:var(--ink-faint);cursor:pointer;font-size:1rem}.chip .x:hover{color:var(--accent)}.match-cols{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--s6);align-items:start}.sugs{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.sug{display:flex;align-items:center;gap:var(--s3);border:1px solid var(--hairline);border-radius:6px;background:var(--paper-1);padding:var(--s2) var(--s3);cursor:pointer;text-align:left}.sug:hover{border-color:var(--accent)}.sug .cl{width:56px;flex:0 0 auto}.sug .meta{flex:1;min-width:0;display:flex;flex-direction:column}.sug .nm{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sug .sc{font-size:.68rem;color:var(--ink-muted)}.sug .plus{width:22px;height:22px;border-radius:50%;border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;color:var(--ink-muted);flex:0 0 auto}.sug:hover .plus{border-color:var(--accent);color:var(--accent)}.picker .sugs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s3)}.picker .sug{display:block;padding:0;overflow:hidden}.picker .sug .cl{width:auto;height:64px;border-radius:0}.picker .sug .meta{padding:var(--s2) var(--s3)}.picker .sug .nm{font-size:.82rem}@media(max-width:560px){.picker .sugs{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.picker .sug .cl{height:52px}}.picker{margin-top:var(--s6)}.picker-input{font-family:var(--font-ui);font-size:.9rem;color:var(--ink);background:none;border:none;border-bottom:1px solid var(--hairline);padding:var(--s2);width:260px;max-width:100%;margin-bottom:var(--s4)}.picker-input:focus{outline:none;border-bottom-color:var(--accent)}@media(max-width:820px){.match-cols,.sugs{grid-template-columns:1fr}}.cam-overlay{margin:0;border:0;color:inherit;width:auto;height:auto;max-width:none;max-height:none;position:fixed;inset:0;z-index:50;background:var(--paper-1);display:flex;flex-direction:column;align-items:center;gap:var(--s4);padding:var(--s6) var(--s4);overflow-y:auto}.cam-close{position:absolute;top:var(--s3);right:var(--s4);background:none;border:0;font-size:1.75rem;line-height:1;color:var(--ink-muted);cursor:pointer}.cam-stage{position:relative;width:100%;max-width:420px;aspect-ratio:3 / 4;background:var(--ink);border-radius:var(--radius);overflow:hidden}.cam-video,.cam-canvas{width:100%;height:100%;object-fit:cover;touch-action:none}.cam-canvas-contain{object-fit:contain}.cam-reticle{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 0 2px #ffffff80,0 0 0 6px #f265222e;pointer-events:none}.face-oval{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:62%;height:74%;border:2px dashed var(--paper-hi);border-radius:50%;box-shadow:0 0 0 1px #00000040;opacity:.75;pointer-events:none}.face-sources{display:flex;gap:var(--s2);margin-bottom:var(--s3)}.face-sources button{padding:var(--s1) var(--s4);border:1px solid var(--hairline);border-radius:999px;background:transparent;color:var(--ink-muted);font:inherit;font-size:.85rem;cursor:pointer}.face-sources button[aria-selected=true]{background:var(--link);border-color:var(--link);color:var(--paper-hi);font-weight:700}.you-view{padding-top:var(--s6);padding-bottom:var(--s12)}.you-intro p,.you-combos-lede{max-width:46rem}@media(max-width:760px){.you-intro h1{padding-right:8.5rem}}.you-intro h1{font-family:var(--font-display);font-weight:500;margin:0 0 var(--s3)}.you-intro p{color:var(--ink-muted);margin:0 0 var(--s3)}.you-privacy{font-size:.85rem;border-left:2px solid var(--link);padding-left:var(--s3)}.you-actions{display:flex;gap:var(--s2);margin-top:var(--s4);flex-wrap:wrap}.reading-strip{border:1px solid var(--hairline);border-radius:var(--radius);padding:var(--s4);margin-top:var(--s6);position:relative}.reading-swatches{display:flex;gap:var(--s6);margin-bottom:var(--s4)}.reading-swatch{display:flex;align-items:center;gap:var(--s2)}.reading-swatch i{width:40px;height:40px;border-radius:var(--radius);border:1px solid var(--hairline);display:block}.reading-swatch b{display:block;font-size:.85rem}.reading-swatch small{display:block;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-muted)}.reading-axes{display:flex;flex-wrap:wrap;gap:var(--s6);margin:0 0 var(--s4)}.reading-axes div{margin:0}.reading-axes dt{font-size:1rem;font-weight:700;text-transform:capitalize}.reading-axes dd{margin:0;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-muted)}.infotip{position:relative;display:inline-block;vertical-align:middle}.infotip-btn{position:relative;isolation:isolate}.infotip-btn{width:18px;height:18px;border-radius:50%;padding:0;border:1px solid var(--ink-faint);background:transparent;color:var(--ink-muted);font-family:var(--font-ui);font-size:.68rem;font-style:italic;font-weight:700;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.infotip-btn:hover,.infotip-btn[aria-expanded=true]{border-color:var(--link);color:var(--link)}.infotip-btn:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px}.infotip-body{position:absolute;z-index:20;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:min(19rem,calc(100vw - 2 * var(--s4)));background:var(--paper-hi);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:0 6px 20px #00000024;padding:var(--s3);font-size:.8rem;font-weight:400;line-height:1.5;color:var(--ink);text-transform:none;letter-spacing:normal;text-align:left}.infotip-body b{font-weight:700}@media(max-width:560px){.infotip{position:static}.infotip-body{left:var(--s4);right:var(--s4);transform:none;width:auto;max-width:none}}.reading-badge{display:inline-block;margin:0;padding:var(--s1) var(--s3);border-radius:999px;font-size:.75rem;font-weight:700}.reading-badge.ok{background:#2361921a;color:var(--link)}.reading-badge.rough{background:#f265221f;color:var(--accent)}.reading-caveat{font-size:.82rem;color:var(--ink-muted);border-left:2px solid var(--accent);padding-left:var(--s3);margin:var(--s3) 0 0}.you-palettes{margin-top:var(--s8)}.you-season-row{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap;margin-bottom:var(--s4)}.you-season-row label{font-size:.7rem;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-muted);font-weight:700}.you-season-row select{padding:var(--s1) var(--s3);border:1px solid var(--hairline);border-radius:var(--radius);background:transparent;color:inherit;font:inherit;font-size:.9rem}.you-season-hint{font-size:.75rem;color:var(--ink-faint);flex:1 1 14rem}.you-tabs{display:inline-flex;border:1px solid var(--hairline);border-radius:999px;overflow:hidden;margin-bottom:var(--s3);flex-wrap:wrap}.you-tabs button{padding:var(--s2) var(--s4);border:0;background:transparent;color:var(--ink-muted);font:inherit;font-size:.82rem}.you-tabs button[aria-selected=true]{background:var(--link);color:var(--paper-hi);font-weight:700}.you-provenance{font-size:.82rem;color:var(--ink-muted);line-height:1.55;border-top:1px solid var(--hairline);padding-top:var(--s3);margin:0 0 var(--s4);max-width:46rem}.you-swatches{display:grid;gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.you-swatch{display:flex;flex-direction:column;gap:var(--s1)}.you-swatch i{height:44px;border-radius:var(--radius);border:1px solid var(--hairline);display:block}.you-swatch span{font-size:.68rem;color:var(--ink-muted);line-height:1.3}.you-swatch[aria-selected=true] i,.fit-pair[aria-selected=true] .fit-actual{outline:2px solid var(--link);outline-offset:2px}.you-swatch[aria-selected=true] span,.fit-pair[aria-selected=true] .fit-name{color:var(--ink);font-weight:700}.fit-pair[aria-selected=true]{background:var(--paper-2);border-color:var(--link)}.you-note{margin-top:var(--s4);font-size:.82rem;color:var(--ink-muted);border-left:2px solid var(--accent);padding-left:var(--s3);max-width:46rem}.season-levels{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s2) var(--s3);margin-bottom:var(--s3)}.season-parent{font-family:var(--font-display);font-size:1.5rem;color:var(--ink)}.season-sub{font-family:var(--font-display);font-size:1.1rem;color:var(--ink-muted)}.season-sub:before{content:"└ ";font-family:var(--font-ui);color:var(--ink-faint)}.season-badge{display:inline-block;margin-left:var(--s2);padding:.1em .5em;border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:.62rem;font-style:normal;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}.season-badge.sourced{background:var(--link);color:var(--paper-hi)}.season-badge.ours{background:transparent;color:var(--ink-muted);border:1px solid var(--hairline)}.season-fit{margin-top:var(--s5)}.season-fit h2{font-family:var(--font-display);font-weight:500;font-size:1.3rem;margin:0 0 var(--s3)}.fit-pairs{margin:0 0 var(--s3)}.fit-pair{display:flex;align-items:center;gap:var(--s2);width:100%;padding:var(--s1) var(--s2);border:1px solid transparent;border-bottom-color:var(--hairline);border-radius:var(--radius);background:none;text-align:left;color:inherit}.fit-pair:hover{border-color:var(--link)}.fit-pairs i{width:26px;height:26px;flex:0 0 auto;border-radius:var(--radius);border:1px solid var(--hairline)}.fit-arrow{color:var(--ink-faint);font-size:.8rem}.fit-name{flex:1 1 auto;font-size:.8rem}.fit-band,.swatch-band{font-family:var(--font-ui);font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);white-space:nowrap}.fit-not-close .fit-band,.swatch-band.fit-not-close{color:var(--ink);font-weight:700}.fit-caveat{font-size:.82rem;color:var(--ink-muted);line-height:1.55;border-left:2px solid var(--accent);padding-left:var(--s3);margin:0;max-width:46rem}.you-swatch .swatch-band{font-size:.58rem}.you-doorways{position:sticky;top:0;z-index:5;margin-top:var(--s8);padding:var(--s3) 0;background:linear-gradient(160deg,var(--paper-1),var(--paper-2)) fixed;border-bottom:1px solid var(--hairline);box-shadow:0 10px 16px -14px rgb(var(--ink-rgb) / .55)}.you-doorway-buttons{display:flex;gap:var(--s2);flex-wrap:wrap}@media(max-width:32rem){.you-doorways{padding:var(--s2) 0}.you-doorways .cam-btn{font-size:.8rem;padding:var(--s2) var(--s3)}.you-doorway-buttons{gap:var(--s1)}}.you-combos{margin-top:var(--s8)}.you-combos h2{font-family:var(--font-display);font-weight:500;font-size:1.3rem;margin-bottom:var(--s2)}.you-combos-lede{color:var(--ink-muted);font-size:.85rem;margin-bottom:var(--s4);max-width:46rem}.you-floor{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s4)}.you-floor button{padding:var(--s1) var(--s3);border:1px solid var(--hairline);border-radius:999px;background:transparent;color:var(--ink-muted);font:inherit;font-size:.78rem}.you-floor button[aria-checked=true]{background:var(--ink);border-color:var(--ink);color:var(--paper-1);font-weight:700}.you-floor em{font-style:normal;font-family:var(--font-mono)}.you-combo-grid{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.you-combo small{display:block;margin-top:var(--s1);font-size:.68rem;color:var(--ink-faint);font-family:var(--font-mono)}.plate-bar.is-outsider{box-shadow:inset 0 0 0 2px var(--paper-hi),inset 0 0 0 3px var(--ink);opacity:.72}.probe-hint{min-height:1.4em;margin:var(--s2) 0;font-size:.85rem;color:var(--accent);text-align:center;flex:0 0 auto}.probe-stage{position:relative;width:100%;max-width:420px;background:var(--ink);border-radius:var(--radius);overflow:hidden;flex:0 0 auto}.probe-canvas{width:100%;height:100%;object-fit:contain;touch-action:none;display:block}.probe-dot{position:absolute;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;border:2px solid var(--paper-hi);pointer-events:none}.probe-dot.is-skin{box-shadow:0 0 0 2px var(--accent)}.probe-dot.is-hair{box-shadow:0 0 0 2px var(--link)}.probe-dot.is-white{box-shadow:0 0 0 2px var(--ink);background:#ffffff59;border-style:dashed}.probe-dot b{position:absolute;left:50%;top:18px;transform:translate(-50%);font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--paper-hi);text-shadow:0 1px 2px rgba(0,0,0,.9);white-space:nowrap}.probe-reads{display:flex;flex-wrap:wrap;gap:var(--s4);margin:var(--s3) 0}.probe-read{display:flex;align-items:center;gap:var(--s2)}.probe-chip{width:34px;height:34px;border-radius:var(--radius);border:1px solid var(--hairline);display:block}.probe-read b{display:block;font-size:.85rem}.probe-read small{display:block;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-muted)}.probe-wb{border:1px solid var(--hairline);border-radius:var(--radius);padding:var(--s3);margin-bottom:var(--s3)}.probe-wb-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--s2);font-size:.85rem}.probe-wb-reset{border:0;background:transparent;color:var(--link);font:inherit;font-size:.75rem;cursor:pointer;padding:0}.probe-slider{display:grid;grid-template-columns:5.5rem 1fr;gap:var(--s2);align-items:center;margin-bottom:var(--s2)}.probe-slider span{font-size:.78rem;color:var(--ink-muted)}.probe-slider small{grid-column:2;font-size:.65rem;color:var(--ink-faint);display:flex;justify-content:space-between;margin-top:-4px}.probe-slider input[type=range]{width:100%;accent-color:var(--link)}.probe-fixes{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s3)}.probe-fixes button{padding:var(--s1) var(--s3);border:1px solid var(--hairline);border-radius:999px;background:transparent;color:var(--ink-muted);font:inherit;font-size:.78rem;cursor:pointer}.probe-fixes button:hover{border-color:var(--link);color:var(--link)}.probe-note{font-size:.8rem;color:var(--ink-muted);border-left:2px solid var(--accent);padding-left:var(--s3);margin:0 0 var(--s3)}.probe-warn{color:var(--ink);font-weight:700}.cam-tap{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border:2px solid var(--paper-hi);border-radius:50%;box-shadow:0 0 0 2px var(--accent);pointer-events:none}.cam-tap-chip{position:absolute;left:34px;top:-12px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;background:var(--paper-1);border:1px solid var(--hairline);border-radius:999px;padding:2px 8px;font-family:var(--font-mono);font-size:.7rem}.cam-tap-chip i{width:12px;height:12px;border-radius:3px}.cam-controls{display:flex;gap:var(--s3);align-items:center;min-height:52px}.cam-shutter{width:56px;height:56px;border-radius:50%;background:var(--paper-hi);border:3px solid var(--paper-2);box-shadow:0 0 0 2px var(--accent);cursor:pointer}.crash{max-width:34rem;margin:0 auto;padding:var(--s12) var(--s6);display:flex;flex-direction:column;align-items:flex-start;gap:var(--s4)}.crash h1{font-family:var(--font-display);font-weight:500}.crash-detail{color:var(--ink-muted);font-size:.85rem}.crash-detail code{display:block;margin-top:var(--s2);font-family:var(--font-mono);font-size:.8rem;color:var(--ink)}.cam-btn{font:inherit;padding:.6rem 1rem;border-radius:var(--radius);cursor:pointer}.cam-btn.primary{background:var(--link);color:var(--paper-hi);border:1px solid var(--link)}.cam-btn.primary:disabled{opacity:.5;cursor:default}.cam-btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink-faint)}.cam-error{color:var(--accent);font-size:.85rem;margin:0;text-align:center}.cam-steps{margin:0;max-width:420px;text-align:center;color:var(--ink-muted);font-size:.9rem;line-height:1.35}.cam-steps b{color:var(--ink)}.cam-privacy{color:var(--ink-muted);font-size:.8rem;margin:0;text-align:center}.cam-fallback{max-width:360px;text-align:center;color:var(--ink-muted)}.sample-upload{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1rem;border:1px dashed var(--ink-faint);border-radius:var(--radius);color:var(--ink);cursor:pointer}.sample-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.cap-result{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--s2)}.cap-saw{display:flex;align-items:center;gap:var(--s2);color:var(--ink-muted);font-size:.85rem}.cap-saw b{color:var(--ink);font-family:var(--font-mono);font-weight:400}.cap-sw{width:22px;height:22px;border-radius:5px;border:1px solid var(--hairline)}.cap-seg-h{font-size:.72rem;color:var(--ink-muted);margin:var(--s2) 0 0}.cap-seg{display:flex;border:1px solid var(--hairline);border-radius:var(--radius);overflow:hidden}.cap-opt{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:var(--paper-1);border:0;border-right:1px solid var(--hairline);font:inherit;cursor:pointer}.cap-opt:last-child{border-right:0}.cap-opt-lv{font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.cap-opt-val{font-family:var(--font-display);font-size:.9rem;color:var(--ink-muted);text-align:center}.cap-opt.on{background:var(--paper-2);box-shadow:inset 0 -2px 0 var(--link)}.cap-opt.on .cap-opt-lv{color:var(--link)}.cap-opt.on .cap-opt-val{color:var(--ink)}.cap-cta{display:flex;gap:var(--s2);margin-top:var(--s2)}.cap-cta .cam-btn{flex:1}.cap-retake{align-self:center;background:none;border:0;color:var(--ink-muted);font:inherit;font-size:.85rem;cursor:pointer;margin-top:var(--s2)}.match-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2)}.match-cell{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;background:none;border:1.5px solid transparent;border-radius:var(--radius);padding:4px 2px 6px;cursor:pointer}.match-cell.on{border-color:var(--link);background:var(--paper-2)}.match-tile{width:100%;height:40px;border-radius:var(--radius);border:1px solid var(--hairline)}.match-nm{font-family:var(--font-display);font-size:.72rem;line-height:1.1;color:var(--ink)}.match-lab{font-size:.56rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.a11y-goggles{position:absolute;top:var(--s4);right:var(--s8);z-index:5;text-align:left}.a11y-goggles>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s3);border:1px solid var(--ink-faint);border-radius:var(--radius);color:var(--ink-muted);font-size:.72rem;letter-spacing:var(--tracking-label);text-transform:uppercase}.a11y-goggles>summary::-webkit-details-marker{display:none}.a11y-goggles[open]>summary{border-color:var(--ink);color:var(--ink)}.a11y-menu{position:absolute;right:0;z-index:20;margin-top:var(--s2);min-width:250px;display:flex;flex-direction:column;gap:var(--s1);padding:var(--s2);background:var(--paper-1);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:0 6px 20px #2f2a2624}.a11y-option{display:flex;flex-direction:column;gap:2px;text-align:left;padding:var(--s2) var(--s3);border:1px solid transparent;border-radius:var(--radius);background:none;color:var(--ink);cursor:pointer}.a11y-option:hover{border-color:var(--ink-faint)}.a11y-option[aria-pressed=true]{background:var(--link);border-color:var(--link);color:var(--paper-1)}.a11y-option-label{font-weight:700;font-size:.85rem}.a11y-option[aria-pressed=true] .a11y-option-label{color:var(--paper-hi)}.a11y-option-desc{font-size:.72rem;color:var(--ink-muted)}.a11y-option[aria-pressed=true] .a11y-option-desc{color:var(--paper-2)}.wheel-wrap{position:relative;flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center}.wheel-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;max-width:260px}.sample-picker{display:flex;flex-direction:column;gap:var(--s2);width:100%;max-width:360px}.sample-title{font-family:var(--font-display);font-weight:500;font-size:1.5rem}.sample-sub{color:var(--ink-muted);font-size:.85rem;margin:0 0 var(--s2)}.sample-src{display:flex;align-items:center;gap:var(--s3);text-align:left;padding:var(--s3);background:var(--paper-1);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius);cursor:pointer}.sample-src:hover{border-color:var(--link)}.sample-src-ic{width:28px;font-size:1.35rem;color:var(--ink-muted);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sample-src:hover .sample-src-ic{color:var(--link)}.sample-src-tx{display:flex;flex-direction:column}.sample-src-tx small{color:var(--ink-muted);font-size:.78rem}.disc-fields{display:flex;flex-direction:column;gap:var(--s2);width:100%;max-width:236px}.disc-field{display:flex;align-items:center;gap:var(--s2)}.disc-label{width:4.8em;flex:none;font-size:.7rem;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-muted)}.disc-fields .disc-input{flex:1;min-width:0;font-family:var(--font-mono);font-size:.9rem;color:var(--ink);background:none;border:none;border-bottom:1px solid var(--ink-faint);padding:var(--s1) var(--s2)}.disc-fields .disc-input:focus{outline:none;border-bottom-color:var(--link)}.disc-fields .disc-input[aria-invalid=true]{border-bottom-color:var(--accent)}.disc-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--s3)}.disc-control{position:relative;border-radius:50%;width:var(--disc-size);height:var(--disc-size);touch-action:none;cursor:crosshair}.disc-control:focus-visible{outline:2px solid var(--link);outline-offset:3px}.disc-face{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle closest-side,#fff,#fff0),conic-gradient(from 0deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);box-shadow:inset 0 0 0 1px var(--hairline)}.disc-pin{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid var(--paper-hi);box-shadow:0 0 0 1.5px var(--ink);pointer-events:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}.disc-bright{display:flex;align-items:center;gap:var(--s2);width:var(--disc-size)}.disc-bright input{flex:1;min-width:0;accent-color:var(--link)}.disc-swatch{width:34px;height:34px;flex:none;border-radius:var(--radius);border:1px solid var(--hairline)}.you-note.shared-season{border-left-color:var(--link);margin-bottom:var(--s4)}.share-link{border:1px solid var(--hairline);border-radius:var(--radius);background:none;color:var(--ink-muted);font:inherit;font-size:.82rem;padding:var(--s2) var(--s3);cursor:pointer}.share-link:hover{border-color:var(--link);color:var(--ink)}.you-share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);margin-top:var(--s4)}.you-share .muted{font-size:.78rem}.filter-chip.palette-chip{border-color:var(--link);color:var(--ink)}.browse-floor{display:flex;flex-wrap:wrap;gap:var(--s1)}.browse-floor button{padding:var(--s1) var(--s2);border:1px solid var(--hairline);border-radius:var(--radius-pill);background:transparent;color:var(--ink-muted);font:inherit;font-size:.72rem;cursor:pointer}.browse-floor button[aria-checked=true]{background:var(--ink);border-color:var(--ink);color:var(--paper-1);font-weight:700}.you-doorway-note{font-size:.78rem;margin-top:var(--s4);max-width:46rem}