.app-tabs ul{gap:.25rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.app-tabs a,.app-tabs .soon{border-radius:10px;flex-direction:column;align-items:center;min-width:4.5rem;min-height:44px;padding:.3rem .6rem;font-size:.85rem;font-weight:700;line-height:1.15;text-decoration:none;display:flex}.app-tabs a[aria-current=page]{background:var(--card)}.app-tabs .soon{color:#6e6e6e}.app-tabs small{font-size:.7rem;font-weight:400}.tab-icon{font-size:1.1rem}@media (width>=760px){.site-header .app-tabs ul{align-items:stretch;gap:.25rem;height:56px;margin:0}.site-header .app-tabs li{display:flex}.site-header .app-tabs a,.site-header .app-tabs .soon{min-width:0;min-height:0;color:var(--ink-soft);border-bottom:3px solid #0000;border-radius:0;flex-direction:row;justify-content:center;gap:.45rem;margin-bottom:-1px;padding:0 .7rem;font-size:.95rem}.site-header .app-tabs a:hover{color:var(--ink);background:#0000000d}.site-header .app-tabs a[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink);background:0 0}.site-header .tab-svg svg{width:20px;height:20px;margin:0}.site-header .tab-icon{font-size:1rem}}@media (width>=760px) and (width<=1099px){.site-header .app-tabs a,.site-header .app-tabs .soon{flex-direction:column;gap:0;padding:4px .45rem 0;font-size:.72rem;line-height:1.15}.site-header .tab-svg svg{width:18px;height:18px}.site-header.app .brand{margin-right:1rem}}@media (width>=1000px){.app{column-gap:2rem}.app>.coach{border-left:1px solid var(--line);background:0 0;border-radius:0;padding:0 0 1rem 1.5rem}}@media (width<=759px){.app-tabs{z-index:20;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#dcdcdc;position:fixed;bottom:0;left:0;right:0}.app-tabs ul{justify-content:space-around;margin:0}.app-tabs li{flex:1 1 0;min-width:44px;display:flex}.app-tabs a,.app-tabs .soon{flex:1;min-width:0;padding:.3rem .15rem;font-size:.72rem}body:has(.app-tabs){padding-bottom:4.5rem}}.app-loading{padding:2rem 0}.app{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (width>=1000px){.app{grid-template-columns:minmax(0,1fr) minmax(320px,400px);align-items:start}.app .coach{max-height:calc(100vh - 1rem);position:sticky;top:.5rem;overflow-y:auto}}.app-errors{border-radius:var(--radius);background:#fff4d6;border:2px solid #8a6d1f;grid-column:1/-1;padding:.25rem 1rem}.app-work{grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0;display:grid}.app-work>*,.app>*{min-width:0}.app h2{margin:0;font-size:1.15rem}.app h3{margin:.2rem 0;font-size:1.05rem}.app h4{margin:0 0 .4rem}.hint{color:var(--ink-soft);margin:.3rem 0;font-size:.92rem}.note{border-left:4px solid var(--work);background:#ececec;padding:.4rem .7rem;font-size:.95rem}.error{color:#9b2c1a;font-weight:700}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.inline{align-items:center;gap:.35rem;min-height:44px;display:inline-flex}.app select,.app input[type=text],.app input[type=number]{font:inherit;background:#fafafa;border:1px solid #8c8c8c;border-radius:8px;max-width:100%;min-height:40px;padding:.2rem .5rem}.num{width:5.5rem}.bar-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.box-pick{align-items:center;gap:.5rem;min-width:0;display:flex}.box-select{align-items:center;gap:.4rem;display:inline-flex}.tubes{scrollbar-width:thin;gap:.4rem;margin:.3rem 0 0;padding:.2rem 0 .4rem;list-style:none;display:flex;overflow-x:auto}.tube{background:var(--card);width:4.9rem;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .2rem;display:flex}.tube:hover{background:#fafafa}.tube:active .tube-icon{transform:scaleY(.92)}.tube-icon{width:20px;height:40px;transition:transform 80ms}.tube-name{text-align:center;hyphens:auto;overflow-wrap:anywhere;max-width:100%;font-size:.75rem;line-height:1.1}.tube-ci{color:var(--ink-soft);letter-spacing:.02em;font-size:.68rem;line-height:1}.tube-add .plus{font-size:1.6rem;font-weight:800;line-height:40px}.library ul{columns:2 16rem;padding:0;list-style:none}.library label{align-items:center;gap:.4rem;min-height:44px;display:flex}.dot{vertical-align:middle;border:1px solid #00000040;border-radius:50%;flex:none;width:1.1rem;height:1.1rem;display:inline-block}.surface{background:var(--work);border-radius:var(--radius);padding:.9rem;position:relative}.surface .hint{color:#1f1f1f}.piles{flex-wrap:wrap;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.piles li{flex-direction:column;align-items:center;width:5.6rem;display:flex;position:relative}.pile{width:4.6rem;height:4.6rem;font:inherit;cursor:grab;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#a6a6a6;border:3px solid #0000;border-radius:46% 54% 50% 50%/55% 48% 52% 45%;font-weight:800;transition:transform .12s,box-shadow .12s;box-shadow:0 2px 4px #00000040}.pile.armed{transform:scale(1.06);box-shadow:0 6px 12px #00000059}.pile.selected{outline:3px solid var(--ink);border-color:#fff}.pile.empty,.pile.new{box-shadow:none;color:#1f1f1f;background:0 0;border:2px dashed #3a3a3a}.pile.empty{background:repeating-linear-gradient(135deg,#ffffff47 0 3px,#0000 3px 9px)}.pile.new{cursor:pointer;border-radius:50%;font-size:1.8rem}.pile-delete{background:var(--ink);color:#fff;width:1.7rem;height:1.7rem;font:inherit;cursor:pointer;border:2px solid #fff;border-radius:50%;place-items:center;padding:0;font-size:.8rem;font-weight:800;line-height:1;display:grid;position:absolute;top:-.45rem;right:.05rem;box-shadow:0 1px 3px #00000059}.pile-delete:hover{background:#8a1f1f}.pile-n{font-size:.85rem}.pile-label{text-align:center;color:#111;overflow-wrap:anywhere;margin-top:.25rem;font-size:.78rem;line-height:1.15}.drag-ghost{pointer-events:none;z-index:30;border:2px solid #fff;border-radius:50%;width:2.6rem;height:2.6rem;margin:-1.3rem 0 0 -1.3rem;position:fixed}.add-to-chosen{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.add-to-chosen:focus{clip-path:none;white-space:normal;z-index:5;background:var(--ink);color:#fff;width:max-content;max-width:10rem;height:auto;font:inherit;text-align:left;border-radius:8px;outline:3px solid #fff;padding:.35rem .6rem;font-size:.85rem;font-weight:700;top:100%;left:0}.swatch-side{flex-direction:column;gap:.4rem;display:flex}.view-controls{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.chip{border:1px solid var(--line);background:var(--card);min-height:2.4rem;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:0 .8rem;font-weight:600;display:inline-flex;position:relative}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.chip select{appearance:none;color:inherit;font:inherit;cursor:pointer;background-color:#0000;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right .35rem center,right .05rem center;background-repeat:no-repeat;background-size:.3rem .3rem;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:0;padding:0 1rem 0 0}.chip select option{color:var(--ink);background:#fff}.chip:has(:focus-visible){outline:3px solid var(--ink);outline-offset:2px}.light-note{max-width:22rem;margin:0;font-size:.85rem}.target-pitch{margin-top:1rem}.target-pitch .hint{margin:0 0 .5rem}.target-ways{flex-wrap:wrap;gap:.5rem;display:flex}.target-ways .btn{flex:12rem;justify-content:center}.target-pitch .target-ways+.hint{margin:.4rem 0 0;font-size:.85rem}.target-steps{margin:.3rem 0 .8rem;padding-left:1.3rem}.target-steps li{margin:.25rem 0}.swatch{border:1px solid #0003;border-radius:8px;justify-content:center;align-items:flex-end;font-size:.75rem;display:flex}.swatch.small{width:3rem;height:3rem}.swatch.tiny{vertical-align:middle;flex:none;width:1.4rem;height:1.4rem;display:inline-block}.words{margin:.3rem 0;font-weight:700}.technical{border:1px solid var(--line);background:var(--page);border-radius:10px;margin:.6rem 0;font-size:.85rem}.technical-h{cursor:pointer;align-items:center;gap:.4rem;min-height:44px;padding:.5rem .75rem;font-size:.95rem;font-weight:700;list-style:none;display:flex}.technical-h::-webkit-details-marker{display:none}.technical-h:before{content:"▸";transition:transform .15s}.technical[open] .technical-h:before{transform:rotate(90deg)}.technical-body{flex-wrap:wrap;align-items:flex-start;gap:.5rem 1rem;padding:0 .75rem;display:flex}.technical dl{flex:14rem;grid-template-columns:max-content minmax(0,1fr) auto;align-items:center;gap:.15rem .7rem;margin:0;display:grid}.technical dd.copy-cell{user-select:none;font-family:inherit}.technical dl>div{display:contents}.technical dt a{padding:.1rem 0;display:inline-block}.technical dd{user-select:all;overflow-wrap:anywhere;margin:0;padding:.1rem 0;font-family:ui-monospace,monospace;font-size:.8rem}.technical-copy{text-align:right;flex-basis:100%;margin:.2rem 0}.technical-chart{flex:18rem;max-width:20rem;margin:0}.technical-chart .oklch-chart{max-width:20rem}.technical-chart .oklch-label{font-size:13px}.technical-chart .oklch-point{font-size:14px}.technical-chart figcaption{font-size:.8rem}.technical-more{margin:.4rem .75rem .6rem}.legend-dot,.legend-ring{vertical-align:-.1rem;border:1.5px solid #262626;border-radius:50%;width:.8rem;height:.8rem;display:inline-block}.legend-ring{background:0 0;border-width:2px}.rows{gap:.6rem;margin:1rem 0;padding:0;list-style:none;display:grid}.row-tube{grid-template-columns:auto minmax(7rem,12rem) 6.5rem 3.2rem minmax(10rem,1fr) auto;grid-template-areas:"dot name amount pct ctl x";align-items:center;gap:.15rem .5rem;display:grid}.row-tube .dot{grid-area:dot}.row-tube .row-name{grid-area:name}.row-tube .row-amount{grid-area:amount}.row-tube .row-pct{grid-area:pct}.row-x{width:28px;height:28px;color:var(--ink);font:inherit;cursor:pointer;background:#f4f3f0;border:1px solid #8a8a8a;border-radius:50%;grid-area:x;justify-self:end;place-items:center;padding:0;font-size:.75rem;font-weight:800;line-height:1;display:grid;position:relative}.row-x:hover{background:#e7e5e0}@media (width>=641px){.row-x{margin-left:.5rem}}.row-ctl{grid-area:ctl;align-items:center;gap:.25rem;min-width:0;display:flex}.row-name{overflow-wrap:anywhere;font-weight:700;line-height:1.2}.row-amount{text-align:right;white-space:nowrap;font-weight:700}.row-pct{text-align:right;color:var(--ink-soft);white-space:nowrap;font-size:.9rem}.icon-btn{border:2px solid var(--ink);width:44px;height:44px;font:inherit;cursor:pointer;background:0 0;border-radius:50%;flex:none;font-size:1.25rem;font-weight:800}.row-ctl input[type=range]{min-width:0;accent-color:var(--ink);flex:1;min-height:32px;margin:0 .25rem 0 0}.row-group .dot-group{border-radius:46% 54% 50% 50%/55% 48% 52% 45%;width:1.15rem;height:1.15rem}.group-name{min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:.05rem;padding:.15rem 0;font-weight:700;display:flex}.group-title{text-underline-offset:.2em;text-decoration:underline dotted}.group-count{color:var(--ink-soft);font-size:.8rem;font-weight:600}.group-tubes{border-left:2px solid var(--line);color:var(--ink-soft);grid-area:list;gap:.15rem;margin:0 0 .2rem 1.6rem;padding:0 0 0 .7rem;font-size:.9rem;list-style:none;display:grid}.group-tubes li{align-items:center;gap:.4rem;display:flex}.group-tubes .dot{width:.7rem;height:.7rem}.row-group{grid-template-areas:"dot name amount pct ctl x""list list list list list list"}.row-water .row-dilution{text-align:left;white-space:normal;grid-column:amount/ctl}@media (width<=640px){.rows{gap:.35rem}.row-tube{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto auto auto;grid-template-areas:"dot name amount pct x""ctl ctl ctl ctl ctl";column-gap:.45rem;padding-bottom:.3rem}.row-pct{min-width:2.6rem}.row-group{grid-template-areas:"dot name amount pct x""list list list list list""ctl ctl ctl ctl ctl"}.row-water .row-dilution{text-align:right;grid-column:amount/-1}}.toolbar{flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin:.6rem 0;display:flex}.target-box h3{margin-top:.4rem}.compare-swatches{background:var(--work);border-radius:10px;gap:.6rem;padding:.6rem;display:flex}.compare-swatches figure{text-align:center;flex:1;margin:0;font-size:.85rem}.compare-swatch{width:100%;height:5.5rem;margin-bottom:.3rem}.compare-gap{margin:.6rem 0 .3rem}.coach-recipes{border-top:1px solid var(--line);margin-top:1rem;padding-top:.4rem}.target-square{flex:none;width:4.5rem;height:4.5rem;position:relative}.target-box input[type=color]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.hex-input{width:8rem;font-family:ui-monospace,monospace!important}details.tool{border-top:1px solid var(--line);margin-top:.6rem;padding-top:.3rem}details.tool>summary{cursor:pointer;align-items:center;gap:.4rem;min-height:44px;font-weight:800;list-style:none;display:flex}details.tool>summary::-webkit-details-marker{display:none}details.tool>summary:before{content:"▸";transition:transform .15s}details.tool[open]>summary:before{transform:rotate(90deg)}.ladders{gap:.4rem;padding:0;list-style:none;display:grid}.ladders li{background:var(--work);border-radius:8px;grid-template-columns:minmax(5rem,9rem) repeat(3,1fr);align-items:center;gap:.35rem;padding:.35rem;display:grid}.ladders .row-name{color:#111}.chip-swatch{min-height:44px;font:inherit;cursor:pointer;border:1px solid #00000040;border-radius:8px;font-size:.85rem;font-weight:700}.moves{gap:.3rem;padding:0;list-style:none;display:grid}.moves li{grid-template-columns:1fr 1fr;align-items:center;gap:.25rem .4rem;display:grid}.moves li>.lock{grid-column:1/-1}.moves .btn{white-space:nowrap;min-width:0;padding-left:.4rem;padding-right:.4rem}@media (width>=520px){.moves li{grid-template-columns:10rem 1fr 1fr}.moves li>.lock{grid-column:auto}}.moves .btn{text-align:center;justify-content:center}.app .correct-box .chips legend{margin-bottom:.3rem;font-weight:400}.side-by-side{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.6rem;margin-top:.6rem;display:grid}.card.mini{background:#e9e9e9;padding:.7rem}.card.mini h4{margin:0 0 .4rem}.choices-h{margin:.8rem 0 .2rem}.choices{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.6rem;margin:.4rem 0;padding:0;list-style:none;display:grid}.choice-what{margin:.5rem 0 .2rem;font-weight:700}.choice .hint{margin:0 0 .5rem}.before-after{background:var(--work);border-radius:8px;align-items:center;gap:.4rem;padding:.45rem;display:flex}.before-after figure{text-align:center;margin:0;font-size:.75rem;line-height:1.2}.before-after .swatch.ba{width:3.6rem;height:3.6rem;margin:0 auto .2rem}.ba-arrow{font-size:1.4rem;font-weight:800}.ba-target{border-left:1px solid var(--line);padding-left:.5rem;margin-left:auto!important}@media (width<=640px){.choice .btn,.card.mini .btn{width:100%}}.coach{background:var(--card);border-radius:var(--radius);min-width:0;padding:1rem}.recipes{gap:.8rem;margin:.8rem 0;padding:0;list-style:none;display:grid}.recipe{background:#e9e9e9}.recipe-head{align-items:center;gap:.8rem;display:flex}.pair{background:var(--work);border-radius:8px;align-items:flex-start;gap:.3rem;padding:.35rem;display:flex}.tags{flex-wrap:wrap;gap:.3rem;margin:0;display:flex}.tag{background:#d6d6d6;border-radius:999px;margin-left:.3rem;padding:.05rem .55rem;font-size:.78rem;display:inline-block}.tags .tag{margin-left:0}.recipe-line{margin:.5rem 0;padding:0;list-style:none}.recipe-line li{align-items:center;gap:.35rem;display:flex}.recipe-line li>span:not(.dot){min-width:0}.recipe-line li>.dot{flex:none}.why{margin:.3rem 0;font-style:italic}.meta{margin:.2rem 0 .5rem;font-size:.92rem}.path{gap:.45rem;padding-left:1.3rem;display:grid}.unreachable{border:2px solid #8a6d1f}.chips{border:0;flex-wrap:wrap;gap:.35rem;margin:.4rem 0;padding:0;display:flex}.chips legend{margin-bottom:.3rem;font-weight:700}.chip{border:2px solid var(--ink);min-height:40px;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.2rem .8rem}.chip.on{background:var(--ink);color:#fff}.additions{gap:.4rem;padding:0;list-style:none;display:grid}.btn:disabled,.icon-btn:disabled{opacity:.45;cursor:default}.lib-search input{box-sizing:border-box;width:100%;max-width:24rem;min-height:44px;margin:.2rem 0 .6rem;padding:.4rem .6rem}.tool-icon{vertical-align:middle;width:1.25rem;height:1.25rem}.copy-btn .tool-icon,.copy-all .tool-icon{width:1rem;height:1rem}.q-btn{border:2px solid var(--ink);background:var(--card);width:1.7rem;height:1.7rem;color:var(--ink);cursor:pointer;border-radius:50%;padding:0;font-weight:800}.q-btn[aria-expanded=true]{background:var(--ink);color:#fff}.values-help{max-width:24rem;margin:0}.name-btn{font:inherit;color:inherit;border:none;border-bottom:2px dotted var(--line);cursor:text;text-align:left;background:0 0;padding:0}.name-btn:hover{border-bottom-color:var(--ink)}.name-btn .pencil{opacity:.6;font-size:.8em}.rename-form{flex-wrap:wrap;gap:.4rem;display:inline-flex}.rename-form input{max-width:14rem;font-size:1rem}.merge-pick{align-items:center;gap:.35rem;display:inline-flex}.pair figure{flex-direction:column;align-items:center;gap:.15rem;margin:0;display:flex}.pair figcaption{color:#1f1f1f;font-size:.75rem;line-height:1.1}.swatch-side .compare{flex-direction:column;align-items:center;gap:.15rem;margin:0;display:flex}.swatch-side .compare-swatch{width:3.5rem;height:3.5rem}.swatch-side .compare figcaption{color:#1f1f1f;text-align:center;max-width:4.5rem;font-size:.75rem;line-height:1.1}.compare-gap{max-width:19rem;margin:0;font-weight:600}.copy-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:6px;place-items:center;min-width:2rem;min-height:1.8rem;padding:0 .4rem;font-size:.85rem;display:inline-grid}.technical dd span{user-select:all}@media (width<=640px){.technical dt a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.technical .copy-btn{min-width:44px;min-height:44px}}.target-head{align-items:center;gap:.9rem;display:flex}.target-head figure{margin:0}.swatch.target-big{width:5.5rem;height:5.5rem}.target-head p{margin:.15rem 0}.link-btn{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;min-height:2rem;padding:.3rem 0;text-decoration:underline}.target-preview{border:1px solid #8c8c8c;border-radius:10px;width:100%;height:100%;display:block}.target-preview.none{background:repeating-linear-gradient(45deg,#eee 0 8px,#ddd 8px 16px)}.target-square:focus-within .target-preview{outline:3px solid var(--ink);outline-offset:2px}.target-box .pick,.target-box .code{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.4rem 0;display:flex}.recipe-diff{margin:.1rem 0;font-weight:600}.replace-ask{border:2px solid var(--ink);border-radius:10px;margin:.4rem 0;padding:.6rem}.replace-ask .row{flex-wrap:wrap;margin-bottom:.4rem}@media (width<=640px){.choices{scroll-snap-type:x mandatory;gap:.6rem;padding-bottom:.4rem;display:flex;overflow-x:auto}.choices>li{scroll-snap-align:start;flex:0 0 85%}}.words .q-btn{vertical-align:middle}.words-explain{margin:0 0 .8rem}.words-explain div{margin:.25rem 0}.words-explain dt{font-weight:700;display:inline}.words-explain dt:after{content:" : "}.words-explain dd{margin:0;display:inline}.helpful ul{margin:0;padding:0;list-style:none}.helpful li{flex-wrap:wrap;align-items:center;gap:.4rem;margin:.5rem 0;display:flex}.helpful .ci{color:var(--ink-soft);font-size:.85em}.helpful .btn{margin-left:auto}.put-done{flex-wrap:wrap;align-items:baseline;gap:.3rem 1rem;margin:0;font-weight:700;display:flex}.put-done .link-btn{font-weight:400}.row-name .ci,.recipe-line .ci{color:var(--ink-soft);font-size:.8em;font-weight:400}.pile-missing{color:#fff;pointer-events:none;background:#b3261e;border:2px solid #fff;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;font-size:.9rem;font-weight:800;display:grid;position:absolute;top:3.3rem;right:.05rem;box-shadow:0 1px 3px #00000059}.pile-label-missing{color:#b3261e;font-weight:700}.missing-note{color:#3b0d0a;background:#fdecea;border-left:4px solid #b3261e;border-radius:6px;margin:0 0 .8rem;padding:.6rem .8rem}.missing-note p,.box-actions{margin:0 0 .4rem}.box-name{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.box-name label{flex-direction:column;flex:14rem;gap:.2rem;font-weight:700;display:flex}.box-name input{font:inherit;border:2px solid var(--line);border-radius:8px;min-height:44px;padding:.4rem .7rem;font-weight:400}.library h3{margin:.8rem 0 .3rem;font-size:.95rem}.library ul.shop-list{columns:auto;gap:.35rem;display:grid}.shop-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.25rem .5rem;padding:.35rem 0;display:flex}.shop-list .shop-name{overflow-wrap:break-word;flex:11rem;min-width:0}.shop-list .ci{color:var(--ink-soft);font-size:.8rem;font-weight:700}.shop-list .in-box{margin-left:auto;font-weight:700}.btn.small{min-height:36px;padding:.3rem .75rem;font-size:.9rem}.shop-list .btn.small{white-space:nowrap}.swatch-sep{background:#00000040;align-self:stretch;width:1px;margin:0 .15rem}.mix-order .path{counter-reset:step;gap:.6rem;padding-left:0;list-style:none}.mix-order .path li{counter-increment:step;align-items:center;gap:.75rem;display:flex}.mix-order .path li:before{content:counter(step) ".";text-align:right;min-width:1.3rem;font-weight:800}.step-swatch{flex:none;width:3.5rem;height:3.5rem}.step-icon{display:block}.step-text{flex:1;min-width:0}@media (width<=640px){.step-swatch{width:3rem;height:3rem}}.palettes-bar{border-bottom:1px solid var(--line);padding-bottom:.3rem}.palettes-row{align-items:center;gap:.5rem;display:flex}.palettes-row .box-select{flex:0 auto;min-width:0}.palettes-row .box-select span{font-weight:800}.palettes-row select{min-width:0;max-width:min(20rem,100%);font-weight:700}.more-wrap{flex:none;position:relative}.more-btn{width:44px;height:44px;font:inherit;cursor:pointer;background:#fafafa;border:1px solid #8c8c8c;border-radius:50%;font-size:1.4rem;line-height:1}.more-btn[aria-expanded=true],.more-btn:hover{background:#e0e0e0}.more-menu{z-index:20;background:var(--card);border:1px solid #8c8c8c;border-radius:10px;min-width:11rem;margin:0;padding:.3rem 0;list-style:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 6px 18px #0000002e}.more-menu a{min-height:44px;color:inherit;align-items:center;padding:.4rem 1rem;text-decoration:none;display:flex}.more-menu a:hover,.more-menu a:focus-visible{background:#e4e4e4}.more-menu button{width:100%;min-height:44px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:.4rem 1rem;display:block}.more-menu button:hover,.more-menu button:focus-visible{background:#e4e4e4}.palettes-bar .box-name{margin:.4rem 0}.palettes-bar .box-name .note{flex-basis:100%;margin:0}.palettes-bar .hint{margin:.2rem 0 0}.note .link-btn{min-height:0;padding:0;font-weight:700}.note-error{color:#9b2c1a;border-left-color:#9b2c1a}.backup-reminder{flex-wrap:wrap;align-items:center;gap:.2rem .8rem;display:flex}.share-sheet{background:#ebebeb;border-radius:12px;flex-basis:100%;margin:.5rem 0;padding:.75rem 1rem}.share-actions{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.share-sheet .hint{margin:.5rem 0 0}.mix-note{margin:.2rem 0 .4rem}.mix-note .link-btn{text-align:left}.note-form label{gap:.25rem;display:grid}.note-form textarea{font:inherit;width:100%;max-width:28rem}.note-form .hint{margin:.25rem 0 .5rem}.more-menu a.menu-two-lines{flex-direction:column;justify-content:center;align-items:flex-start}.menu-two-lines small{color:var(--muted,#555)}.tubes-help{align-items:center;padding:0 .25rem;display:flex}.close-x{width:32px;height:32px;font:inherit;color:inherit;cursor:pointer;vertical-align:middle;background:0 0;border:none;border-radius:50%;margin-left:auto;font-size:1.4rem;line-height:1}.close-x:hover,.close-x:focus-visible{background:#00000014}.note:has(>.close-x){align-items:center;gap:.5rem;display:flex}.missing-note .missing-bar{flex-wrap:wrap;justify-content:space-between;gap:.2rem .8rem;margin:0;display:flex}.missing-note .missing-bar .link-btn{color:inherit;margin-left:auto;font-weight:600}.redo{background:var(--card);color:var(--ink);border-top:1px solid #00000014;border-radius:0 0 6px;margin:.6rem -.8rem -.6rem;padding:.5rem .8rem .7rem}.redo .hint{margin:0}.redo-title{margin:0 0 .4rem;font-size:.9rem;font-weight:600}.redo-list{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.redo-pick,.redo-wait{width:100%;min-height:3.5rem;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #00000026;border-radius:8px;grid-template-rows:auto 1fr;grid-template-columns:4.5rem 1fr;align-items:start;column-gap:.6rem;padding:.35rem;display:grid}.redo-pick:hover,.redo-pick:focus-visible{border-color:currentColor}.redo-swatch{background:#0000000f;border-radius:5px;grid-row:1/3;height:3rem;display:block}.redo-wait .redo-swatch{animation:1.2s ease-in-out infinite alternate redo-wait}@keyframes redo-wait{to{opacity:.4}}.redo-pick strong{font-size:.9rem}.redo-recipe{font-size:.85rem}.gap-num{white-space:nowrap}.box-name-inline{flex-wrap:wrap;flex:16rem;align-items:center;gap:.4rem;display:flex}.box-name-inline label{flex:10rem}.box-name-inline input{width:100%}.box-name-inline .note{flex-basis:100%}.kept-hint .kept-short{display:none}@media (width<=759px){.kept-hint{margin:.2rem 0 0;font-size:.82rem}.kept-hint .kept-long{display:none}.kept-hint .kept-short{display:inline}}.box-screen{max-width:60rem}.tube-in-box{position:relative}.tube-remove{z-index:1;border:1px solid var(--line);background:var(--card);width:28px;height:28px;color:var(--ink);cursor:pointer;border-radius:50%;font-size:1rem;line-height:1;position:absolute;top:-6px;right:-6px}.box-links{flex-wrap:wrap;gap:.4rem 1.5rem;margin:1.25rem 0 0;display:flex}.box-links .link-btn{color:var(--muted,#555)}.note-text{flex:auto}.box-pick{flex:0 auto;max-width:100%}.box-pick .box-select,.medium-row{flex:0 auto;min-width:0}.box-select>span:first-child{min-width:4.6rem;font-weight:800}.box-pick .box-select select,.medium-row select,.palettes-row select{width:auto;min-width:0;max-width:min(17rem,100%)}.box-ready{white-space:nowrap;font-size:.9rem}.box-screen .tubes{flex-wrap:wrap;padding-top:8px;overflow:visible}.tab-svg svg{width:22px;height:22px;margin:0 auto;display:block}.row-icon{width:20px;height:20px;color:var(--ink-soft);flex:none}.named-row{align-items:center;gap:.4rem;min-width:0;display:flex}.named-row .box-select,.medium-row{flex:0 auto;min-width:0}.box-name-inline .row-icon{align-self:center}.box-line{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:.2rem .45rem;margin:0;display:flex}.box-line strong{color:var(--ink)}.box-line a{color:var(--ink);margin:-.65rem 0;padding:.65rem .2rem;font-weight:700;display:inline-block}.box-rows{flex-direction:column;gap:.5rem;margin-bottom:.4rem;display:flex}.box-rows .medium-row{padding-left:calc(20px + .4rem)}.box-rows .box-count{color:var(--ink-soft);margin:.4rem 0 0;font-size:1rem;font-weight:600}.medium-line{flex-wrap:wrap;align-items:center;gap:.4rem 1rem;display:flex}.tube-unused .tube{opacity:.5;cursor:default}.dot-water{box-shadow:inset 0 0 0 1px #00000059}.row-dilution{white-space:nowrap}.chart-app{max-width:50rem;margin:0 auto}.chart-title{margin:.5rem 0 .2rem;font-size:1.4rem}.chart-actions{flex-wrap:wrap;align-items:flex-start;gap:.8rem;margin:.8rem 0;display:flex}.chart-choose summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.chart-choose ul{columns:2 12rem;margin:0;padding:0;list-style:none}.chart-choose label{align-items:center;gap:.3rem;min-height:44px;display:flex}.chart-sheet{color:#1f1f1f;border-radius:var(--radius);background:#fff;padding:1rem}.chart-sheet h2{margin:.4rem 0 .6rem;font-size:1.05rem}.chart-tints,.chart-pairs{margin:0;padding:0;list-style:none}.chart-tints li,.chart-tint-head{break-inside:avoid;grid-template-columns:1fr 1fr;align-items:center;gap:.2rem .6rem;margin-bottom:.5rem;display:grid}.chart-tints .chart-name,.chart-tint-head>:first-child{grid-column:1/-1}.chart-tint-head{color:#555;margin-bottom:.2rem;font-size:.8rem}.chart-pairs li{break-inside:avoid;grid-template-columns:minmax(0,5rem) minmax(0,1fr) minmax(0,5rem);align-items:center;gap:.4rem;margin-bottom:.5rem;display:grid}.chart-name{hyphens:auto;overflow-wrap:break-word;font-size:.85rem;line-height:1.2}.chart-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;max-width:11rem;display:grid}.chart-sq{aspect-ratio:1;border-radius:2px;box-shadow:inset 0 0 0 1px #0000001f}.chart-labels{display:contents}.chart-labels span{text-align:center;color:#555;font-size:.6rem;line-height:1.1}.chart-legend,.chart-foot{color:#555;margin:.6rem 0;font-size:.8rem}@media (width>=760px){.chart-tints li,.chart-tint-head{grid-template-columns:11rem 11rem 11rem}.chart-tints .chart-name,.chart-tint-head>:first-child{grid-column:auto}.chart-pairs{columns:2;column-gap:1.5rem}}.mix-head{align-items:stretch;gap:.5rem;display:flex}.mix-band{color:#1f1f1f;background:#a6a6a6;border:1px solid #0003;border-radius:10px;flex:1;align-items:center;gap:.6rem;min-width:0;min-height:72px;padding:.5rem .75rem;display:flex}.mix-band.empty{background:#fff repeating-linear-gradient(135deg,#0000000d 0 3px,#0000 3px 9px);border:2px dashed #3a3a3a;min-height:56px}.band-empty{color:var(--ink-soft);font-weight:400}.band-text{flex:1;min-width:0}.mix-band h2{font-size:1.1rem;line-height:1.25}.band-n{font-weight:600}.mix-band .pencil{opacity:1}.mix-band .name-btn{text-align:left;border-bottom-style:dotted;border-bottom-color:currentColor;min-height:0}.mix-band .name-btn:hover{border-bottom-style:solid}.mix-band .words{margin:.15rem 0 0;font-size:.9rem;font-weight:600}.mix-band .q-btn{width:1.5rem;height:1.5rem;color:inherit;background:0 0;border-color:currentColor;font-size:.85rem;position:relative}.mix-band .q-btn[aria-expanded=true]{color:inherit;outline-offset:2px;background:0 0;outline:2px solid}.band-light{margin:.15rem 0 0;font-size:.8rem;font-weight:700}.mix-band .rename-form input{max-width:12rem}.mix-band .rename-form .btn{min-height:36px;color:inherit;border-color:currentColor;padding:.2rem .8rem}.band-day .compare-swatch{border:2px solid #ffffffb3;width:2.75rem;height:2.75rem;box-shadow:0 0 0 1px #00000040}.band-day .compare figcaption{color:inherit;max-width:4.5rem;font-weight:600}.mix-head>.swatch-sep{margin:0}.band-target{justify-content:flex-start}.band-target .compare-swatch{width:4rem;height:4rem}.panel .compare-gap{max-width:none;margin:.5rem 0 0}.panel .compare-gap .link-btn{font-weight:600}.panel .words-explain{margin:.5rem 0 0}.correct-box h3,.adjust-screen h3{margin:.4rem 0 .2rem;font-size:1rem}.correct-box>.btn{margin-top:.4rem}.adjust-screen{border-top:1px solid var(--line);margin-top:.8rem;padding-top:.4rem}.surface .view-controls{justify-content:flex-end;min-height:44px;margin:-.3rem 0 .6rem}.surface .view-controls .chip{background:#fafafa;border-color:#8c8c8c;min-height:44px}.surface .view-controls .chip.on{background:var(--ink);border-color:var(--ink)}.surface .view-controls select{max-width:7.5rem}.surface-wrap:has(.surface-more) .surface .view-controls{padding-right:3.1rem}.surface .values-help{max-width:none;margin:.6rem 0 0}@media (width<=380px){.surface .view-controls .view-word{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}.recipe-step-h{margin:.5rem 0 .1rem;font-weight:800}.recipe-steps .recipe-line{margin-top:.1rem}.dot-base,.shared-parts .dot-base{border-radius:46% 54% 50% 50%/55% 48% 52% 45%}.shared-step{margin:.4rem 0 .1rem}.recipe .pair{background:0 0;padding:0}.surface-hint .close-x{vertical-align:middle}.mix-order{border:1px solid var(--line);background:var(--page);border-radius:10px;margin:.6rem 0;padding:.5rem .75rem}.app .mix-order .order-h{margin:0 0 .3rem;font-size:.95rem;font-weight:700}.order-line{margin:0;font-size:.95rem}.order-line .link-btn{margin:-.6rem 0;padding:.6rem .2rem;font-weight:700}.order-steps{margin-top:.3rem}.toolbar .btn{padding:.45rem .9rem}.toolbar .btn .tool-icon{width:1.1rem;height:1.1rem}.toolbar .unit-pick{white-space:nowrap}.whatif{border-top:1px solid var(--line);margin-top:.8rem;padding-top:.4rem}.whatif h3{font-size:1rem}.surface-wrap{min-width:0;position:relative}.surface-more{z-index:5;position:absolute;top:.6rem;right:.6rem}.palettes-bar.single:empty{display:none}.palettes-bar.single{border-bottom:0;padding-bottom:0}.surface-hint{margin:.6rem 0 0}.undo-btn{border-width:1.5px}@media (width<=640px){.mix-band h2{font-size:1.05rem}.mix-band{gap:.4rem;padding:.5rem .6rem}.band-day .compare-swatch{width:2.25rem;height:2.25rem}.band-day .compare figcaption,.band-target .compare figcaption{max-width:3.6rem;font-size:.7rem}.band-target .compare-swatch{width:3.25rem;height:3.25rem}.toolbar{gap:.4rem .35rem}.toolbar .btn{gap:.3em;padding:.4rem .7rem;font-size:.95rem}}@media print{@page{size:A4 portrait;margin:12mm}.site-header,.site-footer,.app-tabs,.no-print{display:none!important}body{background:#fff!important}.chart-sheet{-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:0}.chart-tints li,.chart-tint-head{grid-template-columns:50mm 60mm 60mm}.chart-tints .chart-name,.chart-tint-head>:first-child{grid-column:auto}.chart-strip{max-width:none}.chart-pairs{columns:2;column-gap:6mm}.chart-pairs li{grid-template-columns:20mm 45mm 20mm;gap:1.5mm}.chart-name{font-size:8pt}.chart-foot{position:fixed;bottom:0;left:0}}.custom-buttons{flex-wrap:wrap;gap:.6rem;margin:.6rem 0;display:flex}.custom-form{gap:.7rem;display:grid}.custom-photo{max-width:22rem;position:relative}.custom-photo img{cursor:crosshair;border-radius:8px;width:100%;display:block}.custom-mark{pointer-events:none;border:2px solid #fff;border-radius:50%;width:1.4rem;height:1.4rem;margin:-.7rem 0 0 -.7rem;position:absolute;box-shadow:0 0 0 1px #000}.custom-picked{align-items:center;gap:.6rem;margin:0;display:flex}.custom-swatch{border-radius:8px;flex:none;width:3rem;height:3rem;box-shadow:inset 0 0 0 1px #0003}.custom-name{gap:.2rem;max-width:20rem;display:grid}.custom-name input{min-height:44px;font:inherit;padding:0 .6rem}.custom-tint summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.custom-open{margin:.8rem 0 .2rem}.why-link{color:var(--ink-soft);white-space:nowrap;font-size:.9em}.palette-skeleton .pile{cursor:default;display:block}.palette-skeleton .tube{cursor:default}.demo-note{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.demo-note p{flex:14rem;margin:0}.q-btn,.close-x,.link-btn,.name-btn{position:relative}.q-btn:after,.close-x:after,.tube-remove:after,.pile-delete:after,.row-x:after,.link-btn:after,.name-btn:after{content:"";position:absolute;inset:min(0px,50% - 22px)}.row-tube{scroll-margin:1rem 0 5.5rem;transition:background-color .6s}.row-tube.row-new{background:#fff3c4}.box-delete{color:var(--ink);place-items:center;display:inline-grid}.box-delete .tool-icon{width:1.25rem;height:1.25rem}.share-btn{place-items:center;display:inline-grid}.share-btn .tool-icon{width:1.25rem;height:1.25rem}.shop-list .in-box .use-name{margin:.25rem 0 0 .5rem}.row-ctl input[type=range]:disabled{opacity:.45}.card.mini.simpler{margin:.6rem 0}.simpler-gain{margin:.5rem 0 .2rem;font-weight:700}.simpler-gap{margin:.4rem 0 0}.simpler-actions{flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin-top:.5rem;display:flex}.simpler-actions .link-btn{min-height:44px;padding:0 .3rem}.simpler-ask{margin:.4rem 0 .6rem}.simpler-ask>.btn{min-height:44px}.simpler-busy{align-items:center;gap:.5rem;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;flex:none;width:1rem;height:1rem;animation:.8s linear infinite simpler-spin}@keyframes simpler-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}@media (width<=640px){.simpler-actions{flex-direction:column;align-items:stretch}}.card.mini.extra-tube{margin:.4rem 0 .6rem;padding-right:2.6rem;position:relative}.extra-tube>.close-x{position:absolute;top:.35rem;right:.35rem}.extra-tube-head{margin:0 0 .3rem}.extra-tube-name{white-space:nowrap}.extra-tube-name .dot{vertical-align:-.1em;display:inline-block}.extra-tube-actions{flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin-top:.5rem;display:flex}.extra-tube-actions .link-btn{min-height:44px;padding:0 .3rem}.exo{background:var(--card);border-radius:var(--radius);border-left:4px solid var(--ink);padding:.7rem .9rem}.exo-head{justify-content:space-between;align-items:center;display:flex}.exo-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);font-size:.8rem;font-weight:800}.exo-body{align-items:flex-start;gap:.9rem;margin-top:.3rem;display:flex}.exo-swatch{border-radius:50%;flex:none;width:48px;height:48px;box-shadow:inset 0 0 0 1px #00000026}.exo-goal{margin:0 0 .3rem;font-weight:800}.exo-steps{margin:0;padding-left:1.2rem;font-size:.95rem}.exo-steps li+li{margin-top:.15rem}.exo-next{margin-top:.3rem}.exo-links{margin:.6rem 0 0;font-size:.95rem}.exo-links .link-btn{min-height:44px;padding:0}.exo-sentinel{height:1px;margin-bottom:-1px}@media (width<=759px){.exo{z-index:15;position:sticky;top:0}.exo.stuck{border-bottom:1px solid var(--line);cursor:pointer;border-radius:0;margin:0 -1rem;padding:.35rem .9rem}.exo.stuck .exo-steps,.exo.stuck .exo-links,.exo.stuck .exo-head{display:none}.exo.stuck .exo-body{align-items:center;margin:0}.exo.stuck .exo-swatch{width:28px;height:28px}.exo.stuck .exo-goal{margin:0}.exo.stuck .exo-next{margin-top:.3rem}}.camera-check{margin:.3rem 0 .8rem}.camera-privacy{margin:.3rem 0 0;font-size:.85rem}.camera-result{margin-top:.6rem}.camera-squares{gap:.8rem;display:flex}.camera-squares figure{text-align:center;margin:0;font-size:.8rem}.camera-squares .swatch{width:3.6rem;height:3.6rem;margin:0 auto .2rem}.camera-sentence{margin:.5rem 0 .2rem}.camera-check .link-btn{min-height:44px}.cam-view{z-index:60;color:#fff;background:#1e1e1e;flex-direction:column;gap:.6rem;padding:12px 16px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.cam-head{align-items:center;gap:.5rem;display:flex}.cam-head h3{margin:0;font-size:1.1rem}.cam-view .close-x{color:#fff}.cam-how{margin:0;font-size:.95rem}.cam-stage{background:#000;border-radius:12px;flex:none;margin:0 auto;position:relative;overflow:hidden;container-type:size}.cam-stage video{object-fit:fill;width:100%;height:100%;display:block}.cam-frame{pointer-events:none;border:3px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0000008c}.cam-frame span{white-space:nowrap;background:#000000a6;border-radius:4px;margin-top:4px;padding:0 .4rem;font-size:.8rem;font-weight:700;position:absolute;top:100%;left:50%;transform:translate(-50%)}.cam-frame-ref{border-style:dashed}.cam-refs{border:0;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:0 auto;padding:0;display:flex}.cam-refs legend{text-align:center;width:100%;margin-bottom:.3rem;font-weight:700}.cam-view .chip{color:#fff;background:0 0;border-color:#fff;min-height:44px}.cam-view .chip.on{color:#1e1e1e;background:#fff}.cam-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1.2rem;display:flex}.cam-actions .btn-primary{min-height:48px;padding:0 1.6rem}.cam-view .link-btn{color:#fff;min-height:44px}.cam-view :focus-visible{outline-offset:2px;outline:3px solid #fff}.band-finish{font-weight:700}.exercise-sheet{background:#ebebeb;border-radius:12px;margin:.5rem 0;padding:.75rem 1rem}.exercise-head{align-items:center;gap:.5rem;display:flex}.exercise-sheet h3{margin:0;font-size:1rem}.exercise-form{gap:.6rem;margin-top:.5rem;display:grid}.exercise-target{align-items:center;gap:.6rem;margin:0;display:flex}.exercise-swatch{flex:none;width:2.75rem;height:2.75rem}.exercise-text{gap:.2rem;display:grid}.exercise-text>span{font-weight:700}.exercise-text input,.exercise-send input{min-height:44px;font:inherit;background:#fff;border:1px solid #8c8c8c;border-radius:8px;width:100%;padding:0 .6rem}.exercise-check{align-items:center;gap:.4rem;min-height:44px;display:flex}.exercise-check input{width:1.25rem;height:1.25rem}.exercise-form .btn-primary{justify-self:start}.exercise-link{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:.6rem;display:flex}.exercise-qr{flex:none;width:9rem;height:9rem}.exercise-sheet .hint{margin:.5rem 0 0}.exercise-note{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);gap:.5rem;padding:0 .8rem .6rem;display:grid;overflow:hidden}.exercise-note p{margin:0}.exercise-note .exercise-title{background:var(--ink);color:#fff;margin:0 -.8rem;padding:.35rem .8rem;font-weight:800}.exercise-goal{align-items:center;gap:.7rem;display:flex}.exercise-goal .exercise-swatch{border:1px solid var(--line);border-radius:8px;flex:none;width:3rem;height:3rem}.exercise-goal .hint{margin:.1rem 0 0}.exercise-actions{flex-wrap:wrap;align-items:center;gap:.4rem 1rem;display:flex}.exercise-actions .link-btn{min-height:44px}.exercise-send{gap:.5rem;max-width:24rem;display:grid}.exercise-send label{gap:.2rem;display:grid}.exercise-send .btn-primary{justify-self:start}.chip-pick .pick-word{white-space:nowrap;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right .35rem center,right .05rem center;background-repeat:no-repeat;background-size:.3rem .3rem;padding-right:1rem}.chip-pick select,.surface .view-controls .chip-pick select{opacity:0;cursor:pointer;width:100%;max-width:none;position:absolute;inset:0}@media (width<=380px){.surface .view-controls .finish-wet .pick-word{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.surface .view-controls{gap:.35rem}.surface .view-controls .chip{padding:0 .6rem}}