@layer components{.an-page{background:var(--bg);width:100%;min-height:100dvh;color:var(--ink);max-width:560px;margin:0 auto;padding:0 16px 64px}.an-step{flex-direction:column;gap:18px;padding-top:20px;display:flex}.an-step-wide{gap:0}.an-label{font:500 11px/1.3 var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin:0}.an-display{font:400 clamp(40px, 11vw, 56px)/.98 var(--font-display);letter-spacing:-.03em;font-variation-settings:"opsz" 144;margin:0}.an-title-season{font-weight:600}.an-h1{font:400 clamp(30px, 8vw, 40px)/1.02 var(--font-display);letter-spacing:-.025em;margin:0}.an-h2{font:400 26px/1.1 var(--font-display);letter-spacing:-.02em;margin:0 0 10px}.an-h3{font:400 20px/1.15 var(--font-display);margin:22px 0 8px}.an-lede{margin:0;font-size:17px;line-height:1.5}.an-fine{color:var(--soft);margin:6px 0;font-size:14px;line-height:1.5}.an-note{border-left:2px solid var(--warn);margin:6px 0 0;padding-left:10px;font-size:14px;line-height:1.45}.an-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.an-link{font:inherit;color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:flex-start;min-height:44px;padding:12px 0;font-size:15px;text-decoration:underline;text-decoration-thickness:1px}.an-link:disabled{color:var(--soft);cursor:default}.an-saved{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.an-saved p{margin:0 0 6px}.an-tips{counter-reset:tip;border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.an-tips li{counter-increment:tip;border-bottom:1px solid var(--line);gap:12px;padding:10px 0;font-size:15px;display:flex}.an-tips li:before{content:"[" counter(tip) "]";font:400 12px/1.75 var(--font-label);color:var(--soft)}.an-step-mark{--an-mark-h:min(50dvh, 420px);gap:8px;min-height:calc(100dvh - 60px)}.an-mark-sub{color:var(--soft);min-height:1.4em;margin:0 0 6px;font-size:14px;line-height:1.4}.an-mark-wrap{justify-content:center;padding-bottom:2px;display:flex;overflow:hidden}.an-mark{width:min(100%, calc(var(--an-mark-h,min(50dvh, 420px)) * var(--an-r,.75)));min-width:0;aspect-ratio:var(--an-r,.75);background:var(--paper-raised);touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:crosshair;position:relative}.an-mark img{object-fit:cover;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block}.an-mark[data-ready=false] img{visibility:hidden}.an-spot{touch-action:none;cursor:grab;background:0 0;border:0;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;position:absolute}.an-spot-ret{width:40px;height:40px;position:absolute;inset:2px;overflow:visible}.an-spot[data-moving=true] .an-ret-in{stroke-width:2px}.an-spot[data-warn=true] .an-ret-in{stroke:var(--warn-tint)}.an-spot[data-warn=true] .an-ret-out{stroke:var(--warn)}.an-spot:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.an-spot-tag{white-space:nowrap;pointer-events:none;font:500 12px/1 var(--font-label);letter-spacing:.01em;color:var(--ink);background:#fbf9f4f0;align-items:center;gap:5px;padding:3px 6px 3px 4px;display:inline-flex;position:absolute;top:42px;left:50%;transform:translate(-50%)}.an-spot[data-edge=right] .an-spot-tag{left:auto;right:0;transform:none}.an-spot[data-edge=left] .an-spot-tag{left:0;transform:none}.an-spot-tag i{background:var(--sw);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #00000040}.an-seg{grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;display:grid}.an-seg button{border:1px solid var(--line);background:var(--raised);min-height:44px;font:500 14px/1 var(--font-label);letter-spacing:.01em;color:var(--soft);cursor:pointer;justify-content:center;align-items:center;gap:8px;display:inline-flex}.an-seg button[aria-checked=true]{border-color:var(--ink);color:var(--ink)}.an-seg i{background:var(--sw);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #00000040}.an-bar{z-index:1;padding:8px 16px max(10px, env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--ink);margin:12px -16px 0;position:sticky;bottom:0}.an-step-mark .an-bar{margin-top:auto}.an-bar .ui-cta{width:100%}.an-bar-two{grid-template-columns:1fr 1fr;gap:8px;display:grid}.an-bar-note{color:var(--soft);text-align:center;margin:6px 0 0;font-size:12px}.an-photo-empty .ui-photo-frame{--photo-ratio:4 / 3}.an-photo-row{grid-template-columns:112px 1fr;align-items:start;gap:16px;display:grid}.an-photo-thumb .ui-photo-status{display:none}.an-photo-check-h{color:var(--soft);margin:0;font-size:13px;font-weight:500;line-height:1.3}.an-checklist{gap:8px;margin:8px 0 0;padding:0;font-size:14px;line-height:1.35;list-style:none;display:grid}.an-checklist li{padding-left:18px;position:relative}.an-checklist li:before{content:"";background:var(--ink);width:8px;height:1px;position:absolute;top:.5em;left:0}.an-consent{scroll-margin-bottom:112px}.an-consent[data-nudge=true] .ui-consent{border-color:var(--ink)}.an-nudge{color:var(--error);margin:4px 0 0 34px;font-size:13px}.an-read{flex-wrap:wrap;gap:16px;display:flex}.an-read-chip{font:500 14px/1 var(--font-label);align-items:center;gap:8px;display:inline-flex}.an-read-chip i{background:var(--sw);border:1px solid var(--line);width:28px;height:28px}.an-read-chip[data-empty=true] i{background:repeating-linear-gradient(135deg, var(--line) 0 1px, transparent 1px 6px)}.an-wait{aspect-ratio:3/4;background:var(--paper-raised);position:relative;overflow:hidden}.an-wait img{object-fit:cover;filter:grayscale(.6)contrast(.92);opacity:.85;width:100%;height:100%}.an-stages{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.an-stages li{border-bottom:1px solid var(--line);color:var(--soft);gap:10px;padding:12px 0;font-size:16px;display:flex}.an-stages li:before{content:"○";font-family:var(--font-label)}.an-stages li[data-state=now]{color:var(--ink)}.an-stages li[data-state=now]:before{content:"◐";animation:an-pulse var(--d-ambient) ease-in-out infinite}.an-stages li[data-state=done]{color:var(--ink)}.an-stages li[data-state=done]:before{content:"●"}@keyframes an-pulse{50%{opacity:.35}}.an-errbox{flex-direction:column;gap:14px;display:flex}.an-title{font:400 clamp(36px, 10vw, 52px)/1 var(--font-display);letter-spacing:-.03em;font-variation-settings:"opsz" 144;margin:0}.an-title-sub{font:400 19px/1.3 var(--font-display);margin:0}.an-axes{flex-direction:column;margin:6px 0 0;display:flex}.an-axis{border-top:1px solid var(--line);padding:12px 0}.an-axis dd{flex-direction:column;gap:6px;margin:6px 0 0;display:flex}.an-scale{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.an-scale span{font:400 12px/1 var(--font-label);text-align:center;color:var(--soft);padding:8px 0}.an-scale span+span{border-left:1px solid var(--line)}.an-scale span[data-on=true]{background:var(--ink);color:var(--bg)}@media (prefers-reduced-motion:no-preference){.an-title{animation:an-in var(--d-reveal) var(--ease-out) both}}@keyframes an-in{0%{opacity:0;transform:translateY(8px)}}.an-file{gap:10px}.an-pick{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.an-pick button,.an-chips button{min-height:44px;font:inherit;background:var(--card);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:0;font-size:15px}.an-pick button[aria-checked=true],.an-chips button[aria-pressed=true]{border:1.5px solid var(--ink)}.an-chips{border:0;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;display:flex}.an-chips legend{margin-bottom:8px}.an-chips button{padding:0 14px}.an-notes{margin-top:26px}.an-shape-svg{width:100%;height:100%}.an-shape-svg path{fill:none;stroke:var(--ink);stroke-width:1.4px;stroke-linecap:round;vector-effect:non-scaling-stroke}.an-drape{flex-direction:column;gap:12px;display:flex}.an-drape-stage{background:var(--paper-raised);-webkit-user-select:none;user-select:none;max-width:100%;height:min(52dvh,440px);margin:0 auto;position:relative}.an-drape-stage canvas{width:100%;height:100%;position:absolute;inset:0}.an-handle{touch-action:none;cursor:grab;background:0 0;border:0;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;position:absolute}.an-handle:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:14px;box-shadow:0 0 0 1px #0009,0 1px 3px #0000004d}.an-handle[data-kind=sag]:after{inset:16px}.an-handle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.an-drape-labels{font:500 10px/1 var(--font-label);letter-spacing:.06em;text-transform:uppercase;grid-template-columns:1fr 1fr;display:grid;position:absolute;bottom:0;left:0;right:0}.an-drape-labels span{background:#fbf9f4e6;padding:6px 8px}.an-drape-labels span+span{text-align:right}.an-drape-hint{color:var(--soft);margin:0;font-size:14px}.an-drape-dock{z-index:1;padding:10px 16px max(12px, env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--ink);flex-direction:column;gap:10px;margin:0 -16px;display:flex;position:sticky;bottom:0}.an-drape-dock .ui-cta{width:100%}.an-swatches{scrollbar-width:none;align-items:center;gap:8px;padding:3px 2px;display:flex;overflow-x:auto}.an-swatches::-webkit-scrollbar{display:none}.an-swatch{cursor:pointer;background:0 0;border:0;flex:none;width:44px;height:44px;padding:0}.an-swatch span{background:var(--sw);border:1px solid #0000001a;width:100%;height:100%;display:block}.an-swatch[aria-checked=true] span{outline:1.5px solid var(--ink);outline-offset:2px}.an-swatch[data-clash] span{background:linear-gradient(135deg, var(--sw) 0 46%, var(--bg) 46% 54%, var(--sw) 54%)}.an-swatch-sep{background:var(--ink);flex:none;width:1px;height:32px;margin:0 4px}@media (prefers-reduced-motion:reduce){.an-stages li[data-state=now]:before{animation:none}}.an-why{margin:4px 0 2px;font-size:15px;line-height:1.45}.an-reason{color:var(--soft);margin:0;font-size:14px;line-height:1.45}.an-link-inline{min-height:0;padding:0;font-size:14px;display:inline}.an-axis-label{color:var(--soft);font-size:13px}.an-legend{color:var(--soft);margin-bottom:8px;padding:0;font-size:13px}.an-tiles{grid-template-columns:repeat(2,1fr);gap:12px;margin:4px 0 0;padding:0;list-style:none;display:grid}.an-tiles li{flex-direction:column;gap:6px;display:flex}.an-tiles img{aspect-ratio:4/5;object-fit:cover;background:var(--paper-raised);width:100%}.an-tile-swatch{aspect-ratio:4/5;width:100%;box-shadow:inset 0 0 0 1px var(--line);display:block}.an-tile-name{font-size:14px;line-height:1.25}.an-shapes.ui-spec-group{grid-template-columns:repeat(3,1fr);gap:8px}.an-shapes .ui-spec{text-align:center;box-shadow:none;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;min-height:44px;padding:4px 2px 8px}.an-shapes .ui-spec[data-picked=true]{box-shadow:none;border:0}.an-shapes .ui-spec-art{aspect-ratio:1;background:0 0;border:0;width:100%;height:auto;padding:0;animation:none}.an-shape-img{opacity:.82;width:100%;height:100%;transition:opacity .16s;display:block}.an-shapes .ui-spec[data-picked=true] .an-shape-img{opacity:1}.an-shapes .ui-spec[data-dim=true] .ui-spec-art{opacity:.5}.an-shapes .ui-spec-no,.an-shapes .ui-spec-check{display:none}.an-shapes .ui-spec-label{border-bottom:1.5px solid #0000;padding-bottom:2px;font-size:15px}.an-shapes .ui-spec[data-picked=true] .ui-spec-label{border-bottom-color:var(--ink)}@media (prefers-reduced-motion:reduce){.an-shape-img{transition:none}}.an-progress{align-items:center;gap:4px;height:100%;display:inline-flex}.an-progress i{background:var(--line);width:14px;height:2px}.an-progress i[data-on=true]{background:var(--ink)}.an-render{flex-direction:column;gap:12px;margin-top:14px;display:flex}.an-render-count{font-variant-numeric:tabular-nums;margin:0;font-size:15px}.an-render-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.an-render-grid li{flex-direction:column;gap:6px;font-size:13px;display:flex}.an-render-grid img,.an-render-slot{aspect-ratio:4/5;object-fit:cover;background:var(--paper-raised);width:100%}.an-render-grid li[data-status=processing] .an-render-slot{animation:an-pulse var(--d-ambient) ease-in-out infinite}.an-render-grid li[data-status=failed] .an-render-slot{background:repeating-linear-gradient(135deg, var(--raised) 0 8px, var(--bg) 8px 9px)}.an-render-grid .an-link{min-height:32px;padding:0;font-size:14px}@media (prefers-reduced-motion:reduce){.an-render-grid li[data-status=processing] .an-render-slot{animation:none}}.an-verdict{flex-direction:column;align-items:flex-start;gap:6px;margin:14px 0 4px;display:flex}.an-verdict-row{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.an-verdict-frame{aspect-ratio:4/5;background:var(--paper-raised);position:relative;overflow:hidden}.an-verdict-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.an-verdict-cap{flex-direction:column;gap:2px;margin:6px 0 0;display:flex}.an-verdict-label{font:500 14px/1.2 var(--font-label)}.an-verdict-cell[data-kind=clash] .an-verdict-label{color:var(--soft)}.an-verdict-name{color:var(--soft);font-size:14px;line-height:1.3}.an-map-wrap{flex-direction:column;gap:6px;margin:0;display:flex}.an-map{width:200px;max-width:100%;height:auto;display:block}.an-map-key{color:var(--soft);align-items:center;gap:6px;font-size:13px;display:inline-flex}.an-map-key i{background:var(--sw);width:14px;height:14px;box-shadow:0 0 0 1px var(--ink);border-radius:50%}.an-map-frame{fill:none;stroke:var(--ink);stroke-width:1px}.an-map-axis{stroke:var(--line);stroke-width:1px}.an-map-own{fill:var(--paper-raised)}.an-map-near{fill:none;stroke:var(--soft);stroke-width:1px;stroke-dasharray:3 3}.an-map-name{font:400 13px var(--font-label);fill:var(--soft)}.an-map-name[data-own]{fill:var(--ink);font-weight:500}.an-map-tick{font:400 12px var(--font-label);fill:var(--soft)}.an-map-halo{fill:var(--ink);fill-opacity:.1}.an-map-dot{fill:var(--ink);stroke:var(--ink);stroke-width:1.5px}.an-back{align-self:flex-start}.an-primary{flex-direction:column;gap:4px;min-height:52px;display:flex}.an-primary .ui-cta{width:100%}.an-exhausted{flex-direction:column;gap:2px;display:flex}.an-mark-head,.an-mark-main,.an-mark-side,.an-photo-head,.an-photo-main,.an-photo-tips,.an-photo-side{display:contents}.an-drop[data-over]{outline:2px dashed var(--ink);outline-offset:4px}.an-desk-only{display:none}@media (min-width:1024px){.an-page{max-width:1200px;padding-inline:clamp(24px,4vw,48px)}.an-page>.an-step:not([data-desk=wide]){width:100%;max-width:560px;margin-inline:auto}.an-step-mark{--an-mark-h:min(82dvh, 820px);--an-mark-gap:clamp(32px, 4vw, 64px);column-gap:var(--an-mark-gap);grid-template-rows:auto 1fr;grid-template-columns:min(calc(var(--an-mark-h) * var(--an-r,.75)), calc(100% - 360px - var(--an-mark-gap))) minmax(360px, 1fr);align-items:stretch;row-gap:0;min-height:0;display:grid}.an-mark-main{grid-area:1/1/span 2;align-self:start;display:block}.an-mark-head{background:var(--card);border:1px solid var(--line);border-bottom:0;flex-direction:column;grid-area:1/2;gap:8px;padding:24px 24px 8px;display:flex}.an-mark-side{background:var(--card);border:1px solid var(--line);border-top:0;flex-direction:column;grid-area:2/2;gap:12px;padding:8px 24px 24px;display:flex}.an-mark-side .an-bar{background:0 0;margin-top:auto}.an-step-mark .an-bar{margin:auto 0 0;padding:12px 0 0;position:static}.an-desk-only{display:block}.an-map{width:100%;max-width:420px}.an-page{background:0 0}}.an-sw{width:var(--sw-size,100%);flex-direction:column;gap:6px;min-width:0;margin:0;display:flex}.an-sw-cloth{aspect-ratio:1;background:url(/analysis/premium/swatch.webp) center / contain no-repeat, var(--sw);background-blend-mode:overlay;width:100%;display:block;-webkit-mask:url(/analysis/premium/swatch.webp) 50%/contain no-repeat;mask:url(/analysis/premium/swatch.webp) 50%/contain no-repeat}.an-sw{filter:drop-shadow(0 0 .6px #17151259)}.an-sw[data-light]{filter:drop-shadow(0 0 .7px #17151280)drop-shadow(0 1px 1.5px #1715121f)}.an-sw figcaption{font:500 12px/1.25 var(--font-label);color:var(--ink)}.an-skin{grid-template-rows:auto auto auto;grid-template-columns:18px 1fr;width:100%;margin:0;display:grid}.an-skin-key{color:var(--soft);grid-column:1/-1;align-items:center;gap:6px;padding-top:6px;font-size:13px;display:inline-flex}.an-skin-key i{background:var(--sw);width:14px;height:14px;box-shadow:0 0 0 1px var(--ink);border-radius:50%}.an-skin-stage{aspect-ratio:1;grid-column:2;position:relative;overflow:hidden}.an-skin-field{image-rendering:auto;width:100%;height:100%;position:absolute;inset:0}.an-skin-stage svg{width:100%;height:100%;position:absolute;inset:0}.an-skin-rule{stroke:#ffffff8c;stroke-width:1px;vector-effect:non-scaling-stroke}.an-skin-second{fill:none;stroke:#17151273;stroke-width:1px;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.an-skin-halo{fill:#ffffff47;stroke:#ffffffb3;stroke-width:1px;vector-effect:non-scaling-stroke}.an-skin-pin{background:var(--sw);border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;box-shadow:0 0 0 2px #fff,0 0 0 3px #171512b3}.an-skin-pin:before,.an-skin-pin:after{content:"";background:#171512bf;position:absolute}.an-skin-pin:before{height:1px;top:7.5px;left:-9px;right:-9px}.an-skin-pin:after{width:1px;top:-9px;bottom:-9px;left:7.5px}.an-skin-name{font:400 15px/1 var(--font-display);color:#171512;position:absolute;top:10px;left:10px}.an-skin-name[data-warm]{left:auto;right:10px}.an-skin-name:not([data-light]){color:#fbf9f4;top:auto;bottom:10px}.an-skin-name[data-own]{font-weight:600}.an-skin-axis{font:400 12px/1 var(--font-label);color:var(--soft);justify-content:space-between;display:flex}.an-skin-x{grid-column:2;padding-top:6px}.an-skin-y{writing-mode:vertical-rl;flex-direction:row-reverse;grid-area:1/1;transform:rotate(180deg)}.an-tones{flex-direction:column;gap:18px;display:flex}.an-tone{grid-template-columns:1fr;gap:6px;display:grid}.an-tone-track{margin-top:12px}.an-tone-label{font:500 13px/1 var(--font-label);color:var(--ink)}.an-tone-track{background:var(--track);border-radius:3px;height:6px;position:relative;box-shadow:inset 0 0 0 1px #0000000f}.an-tone-track i{left:var(--at);background:var(--ink);width:2px;height:16px;margin-left:-1px;position:absolute;top:-5px}.an-tone-track i:after{content:"";border:5px solid #0000;border-top-color:var(--ink);position:absolute;top:-6px;left:-4px}.an-tone-ends{font:400 12px/1 var(--font-label);color:var(--soft);justify-content:space-between;display:flex}.an-ret{width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute}.an-ret svg{width:100%;height:100%;overflow:visible}.an-ret-out{fill:none;stroke:#00000080;stroke-width:3px}.an-ret-in{fill:none;stroke:#fff;stroke-width:1.25px}.an-ret-tick{stroke:#fff;stroke-width:1.25px}.an-ret-dot{fill:#fff;stroke:#00000080;stroke-width:.75px}.an-ret[data-active] .an-ret-in{stroke-width:2px}.an-ret b{font:600 11px/1 var(--font-label);color:#fff;text-shadow:0 0 2px #000c;position:absolute;top:-6px;left:30px}.an-loupe{width:var(--size);flex-direction:column;gap:6px;margin:0;display:flex}.an-loupe canvas{width:var(--size);height:var(--size);box-shadow:0 0 0 1px var(--ink);border-radius:50%}.an-loupe-strip{background:var(--sw);height:10px;display:block;box-shadow:inset 0 0 0 1px #00000014}.an-loupe figcaption{font:500 13px/1 var(--font-label)}.an-mark-loupe{z-index:2;pointer-events:none;position:absolute;transform:translate(-50%,calc(-100% - 34px))}.an-mark-loupe[data-below]{transform:translate(-50%,34px)}.an-mark-loupe .an-loupe{gap:4px}.an-mark-loupe .an-loupe canvas{box-shadow:0 0 0 2px #fff,0 0 0 3px #17151299}.an-mark-loupe figcaption{display:none}.an-loupe[data-empty] canvas{background:repeating-linear-gradient(135deg, var(--line) 0 1px, transparent 1px 8px) var(--paper-raised)}@media (min-width:1024px){.an-step-mark .an-picks{grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 4px;display:grid}.an-picks .an-pick{border:1px solid var(--line);min-width:0;color:var(--soft);font:inherit;background:0 0;border-radius:0;flex-direction:column;align-items:center;gap:10px;padding:14px 12px 12px;display:flex}.an-picks button.an-pick{cursor:pointer}.an-picks button.an-pick:not([data-active],[data-warn]):hover{border-color:var(--soft)}.an-picks .an-pick[data-active]{border-color:var(--ink);color:var(--ink)}.an-picks .an-pick[data-warn]{border-color:var(--warn)}.an-picks .an-pick:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.an-picks .an-pick .an-loupe{width:100%;max-width:var(--size)}.an-picks .an-pick .an-loupe canvas{aspect-ratio:1;width:100%;height:auto}.an-pick-name{font:500 14px/1 var(--font-label);letter-spacing:.01em;align-items:center;gap:8px;display:inline-flex}.an-pick-name i{background:var(--sw);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #00000040}.an-step-mark .an-seg{display:none}}.an-hairs{border:0;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0 0;padding:0;display:grid}.an-hairs legend{margin-bottom:6px}.an-hairs button{min-height:44px;color:var(--ink);font:500 14px/1.2 var(--font-label);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:2px 0 6px;display:flex}.an-hairs img{aspect-ratio:1;width:100%;transition:opacity .16s;display:block}.an-hairs button[data-dim] img{opacity:.5}.an-hairs button[data-dim] span{color:var(--soft)}.an-hairs button span{border-bottom:1.5px solid #0000;padding-bottom:2px}.an-hairs button[aria-pressed=true] span{border-bottom-color:var(--ink)}.an-hairs button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (prefers-reduced-motion:reduce){.an-hairs img{transition:none}}.an-aside{border-top:1px solid var(--ink);max-width:46ch;margin:10px 0 0;padding-top:8px}.an-aside p{margin:0;font-size:14px;line-height:1.45}.an-aside .an-aside-k{font:500 12px/1.2 var(--font-label);letter-spacing:.01em;color:var(--soft);margin-bottom:2px}@media (min-width:1024px){.an-step-photo{--an-stage-h:clamp(360px, calc(100dvh - 200px), 500px);grid-template-rows:auto auto;grid-template-columns:minmax(0,7fr) minmax(0,6fr);align-items:start;gap:20px clamp(32px,4vw,56px);display:grid}.an-page:has(>.an-step-photo){padding-bottom:24px}.an-photo-head{flex-direction:column;grid-column:1/-1;display:flex}.an-photo-head .an-back{min-height:32px;padding:6px 0}.an-photo-main{grid-template-columns:minmax(0, calc(var(--an-stage-h) * .75)) minmax(196px, 1fr);height:var(--an-stage-h);column-gap:24px;min-width:0;display:grid}.an-photo-row{display:contents}.an-step-photo .an-drop,.an-step-photo .an-photo-thumb{height:var(--an-stage-h);min-width:0;min-height:0}.an-step-photo .ui-photo{flex-direction:column;height:100%;display:flex}.an-step-photo .ui-photo-frame{aspect-ratio:auto;flex:auto;height:auto;min-height:0}.an-step-photo .an-photo-thumb .ui-photo-status{display:block}.an-photo-tips,.an-photo-check{flex-direction:column;gap:14px;min-width:0;min-height:0;display:flex}.an-photo-tips{justify-content:space-between}.an-photo-tips .ui-tips{grid-template-columns:1fr;gap:10px}.an-photo-tips .ui-tips li{grid-template-columns:clamp(56px, calc(var(--an-stage-h) * .15), 76px) minmax(0, 1fr);align-items:center;gap:12px}.an-step-photo .an-tips li{padding:8px 0 8px 18px;font-size:14px;line-height:1.35;display:block;position:relative}.an-step-photo .an-tips li:before{content:"";background:var(--ink);width:8px;height:1px;position:absolute;top:calc(8px + .67em);left:0}.an-photo-check .an-checklist{margin:0}.an-photo-side{height:var(--an-stage-h);flex-direction:column;gap:14px;min-width:0;display:flex}.an-photo-side .an-consent{flex-direction:column;min-height:0;display:flex}.an-photo-side .ui-consent{border:0;border-top:1px solid var(--ink);background:0 0;flex-direction:column;min-height:0;padding:14px 0 0;display:flex}.an-photo-side .ui-consent-points{min-height:0;overflow:auto}.an-photo-side .ui-consent>:not(.ui-consent-points){flex:none}.an-photo-side .an-consent .an-link{min-height:32px;padding:6px 0;font-size:14px}.an-photo-side .an-nudge{margin-top:0}.an-step-photo .an-bar{background:0 0;border-top:0;margin:auto 0 0;padding:0;position:static}}@media (min-width:1024px) and (max-width:1279.98px){.an-step-photo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px}.an-photo-main{grid-template-columns:minmax(0, calc(var(--an-stage-h) * .75)) minmax(150px, 1fr)}.an-fs-photo .an-photo-main{grid-template-columns:minmax(0,1fr)}.an-photo-tips .ui-tips li{grid-template-columns:52px minmax(0,1fr);gap:10px}}@media (min-width:1024px) and (max-height:680px){.an-photo-side .ui-consent-points{gap:4px;font-size:13px;line-height:1.32}.an-photo-side .ui-consent{padding-top:10px}.an-photo-side .ui-consent-check{margin-top:8px;padding-top:8px}}.an-entry{gap:16px;padding-top:22px}.an-entry-title{font:600 clamp(38px, 10.6vw, 52px)/1 var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0}.an-entry-lede{color:var(--ink);margin:10px 0 0;font-size:17px;line-height:1.45}.an-motion{flex-direction:column;align-self:center;gap:4px;width:min(100%,max(160px,75svh - 300px));margin:0;display:flex}.an-motion-box{aspect-ratio:3/4;position:relative;overflow:hidden}.an-motion-frame{mix-blend-mode:darken;position:absolute;inset:0}.an-motion-poster,.an-motion-video{object-fit:cover;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.an-motion-video{opacity:0}.an-motion-frame[data-active=video] .an-motion-video{opacity:1}.an-motion-frame[data-active=video] .an-motion-poster{visibility:hidden}@media (prefers-reduced-motion:reduce){.an-motion-video{display:none}}.an-motion-tag{background:var(--ink);color:var(--bg);font:500 12px/1 var(--font-label);letter-spacing:.01em;padding:5px 8px;position:absolute;top:0;right:0}.an-motion figcaption{justify-content:flex-end;display:flex}.an-motion figcaption .an-link{align-self:auto;align-items:center;padding:0;font-size:14px;display:inline-flex}.an-entry-act{flex-direction:column;gap:10px;display:flex}.an-entry-act .ui-cta{width:100%}.an-entry-act .an-saved .ui-cta{width:auto}.an-entry-meta{margin:0}.an-res{flex-direction:column;padding-top:6px;display:flex}.an-answer{flex-direction:column;gap:12px;display:flex}.an-answer .an-title{font-weight:400}.an-res-tag{background:var(--ink);color:var(--bg);font:500 12px/1 var(--font-label);align-self:flex-start;margin:0;padding:5px 8px}.an-answer{--an-k-title:310px;--an-k-reason:0px;--an-k-extra:0px;--an-map-k:calc(var(--an-k-title) + var(--an-k-reason) + var(--an-k-extra))}.an-answer[data-title=name],.an-answer[data-title=pair],.an-answer[data-title=pick]{--an-k-title:250px}.an-answer:has(.an-reason){--an-k-reason:52px}.an-res[data-sample] .an-answer{--an-k-extra:80px}.an-answer-map .an-skin{width:min(100%, 300px, max(200px, calc(100svh - var(--an-map-k))))}.an-lock-jump{align-items:center;min-height:44px;padding:0;display:inline-flex}.an-primary{gap:6px;margin-top:4px}.an-primary .ui-meta{margin:0}.an-answer-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 16px;display:flex}.an-answer-foot .an-fine{margin:0}.an-act{border-top:1px solid var(--ink);flex-direction:column;gap:14px;margin-top:44px;padding-top:22px;scroll-margin-top:16px;display:flex}.an-act-h2{font:400 clamp(28px, 7.6vw, 36px)/1.05 var(--font-display);letter-spacing:-.025em;margin:0}.an-act-h3{font:500 15px/1.2 var(--font-label);color:var(--ink);margin:14px 0 0}.an-act .an-why{max-width:46ch;margin:0;font-size:16px}.an-act-read{border-block:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;padding:4px 0;display:flex}.an-act-read .an-link{padding:10px 0}.an-act .an-verdict{margin:0}.an-palette{grid-template-columns:repeat(4,1fr);gap:10px 8px;margin:0;padding:0;list-style:none;display:grid}.an-tiles{gap:12px 8px;margin:0}.an-tiles li{font-size:14px}.an-keep{margin-top:10px}.an-opens{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.an-opens li{border-bottom:1px solid var(--line);grid-template-columns:16px 1fr;gap:10px;padding:13px 0;font-size:16px;line-height:1.35;display:grid}.an-opens li:before{content:"";background:var(--ink);width:10px;height:1px;margin-top:.7em}.an-packs{gap:8px;margin:10px 0 0;display:grid}.an-packs-h{font:500 15px/1.2 var(--font-label);margin:0 0 2px}.an-pack{background:var(--card);cursor:pointer;width:100%;font:inherit;text-align:left;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:14px 44px 14px 14px;display:flex}.an-pack-top{align-items:baseline;gap:10px;display:flex}.an-pack-price{font:600 22px/1 var(--font-display);letter-spacing:-.02em}.an-pack-pick{font:500 12px/1 var(--font-label);color:var(--soft)}.an-pack-unit{color:var(--soft);margin-top:4px;font-size:14px}.an-pack-lines{color:var(--ink);gap:3px;margin-top:8px;font-size:14px;line-height:1.35;display:grid}.an-pack-lines span:first-child{font-weight:500}.an-buy{flex-direction:column;gap:6px;margin-top:6px;display:flex}.an-buy .ui-cta{width:100%}.an-buy .an-fine{margin:0}.an-buy .an-fine:empty{min-height:0;margin:0}.an-verdict-cell[data-empty] .an-verdict-frame{box-shadow:inset 0 0 0 1px var(--line);background:0 0}.an-lock-palette{flex-wrap:wrap;align-items:flex-start;gap:8px 16px;display:flex}.an-lock-palette .an-palette{grid-template-columns:repeat(6,32px);gap:6px;display:grid}.an-lock-palette .an-palette[data-clash]{grid-template-columns:repeat(3,32px)}.an-lock-palette li{width:32px}.an-lock-sw{--sw:var(--paper-raised);filter:drop-shadow(0 0 .7px #1715128c)}@media (min-width:1024px){.an-entry{grid-template:".motion"1fr"text motion""act motion"".motion"1fr/minmax(0,6fr) minmax(0,5fr);align-items:start;gap:36px clamp(40px,5vw,88px);min-height:min(100dvh - 120px,820px);padding-top:40px;display:grid}.an-entry-text{grid-area:text}.an-entry-act{grid-area:act;max-width:480px}.an-motion{grid-area:motion;place-self:center end;width:100%;max-width:calc(min(80dvh,720px)/1.33333)}.an-entry-title{max-width:9ch;font-size:clamp(60px,5.8vw,88px);line-height:.96}.an-entry-lede{margin-top:18px;font-size:19px}.an-res{grid-template-columns:minmax(300px,4fr) minmax(0,7fr);align-items:start;column-gap:clamp(40px,5vw,80px);padding-top:26px;display:grid}.an-answer{--an-k-title:364px;position:sticky;top:24px}.an-answer[data-title=name]{--an-k-title:311px}.an-answer[data-title=pair],.an-answer[data-title=pick]{--an-k-title:364px}.an-answer:has(.an-reason){--an-k-reason:32px}.an-res[data-sample] .an-answer{--an-k-extra:81px}.an-answer-map .an-skin{width:100%;max-width:min(400px, max(200px, calc(100dvh - var(--an-map-k))))}.an-lock-jump{display:none}.an-acts>.an-act:first-child{margin-top:0}.an-act{gap:16px;margin-top:72px;padding-top:26px}.an-act-h2{font-size:40px}.an-act .an-tones{grid-template-columns:1fr 1fr;gap:18px 40px;display:grid}.an-act .an-verdict-frame{aspect-ratio:4/5}.an-lock .an-verdict-row{max-width:440px}.an-palette{grid-template-columns:repeat(6,1fr);gap:12px}.an-lock-palette .an-palette{flex-wrap:wrap;display:flex}.an-lock-palette li{width:34px}.an-tiles{grid-template-columns:repeat(4,1fr)}.an-packs{grid-template-columns:repeat(3,1fr)}.an-packs-h{grid-column:1/-1}.an-pack{height:100%}.an-buy{flex-flow:wrap;align-items:center;gap:6px 20px}.an-buy .ui-cta{width:auto;min-width:340px}}@media (min-width:1024px) and (max-height:699.98px){.an-answer{position:static}}.an-fs-sub{color:var(--soft);margin:0;font-size:16px;line-height:1.45}.an-fs-kicker{font:500 12px/1.2 var(--font-label);letter-spacing:.06em;text-transform:uppercase;color:var(--soft);margin:0;padding:0}.an-fs-h1s{font-size:clamp(28px,7vw,34px)}.an-fs-opts{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.an-fs-opts>legend{margin-bottom:8px}.an-fs-opts-2{grid-template-columns:1fr 1fr}.an-fs-opts-3{grid-template-columns:repeat(3,1fr)}.an-fs-opts-4{grid-template-columns:repeat(4,1fr)}.an-fs-opt{border:1px solid var(--line);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:6px 4px;font-size:14px;line-height:1.2;display:flex}.an-fs-opt:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.an-fs-opt[data-on]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.an-fs-opt[data-dim]{color:var(--soft)}.an-fs-opt[data-dim] .an-fs-opt-art{opacity:.5}.an-fs-opt-art{width:100%;display:block}.an-fs-opt-art img{width:100%;max-width:110px;height:auto;margin-inline:auto;display:block}.an-lock-palette.an-lock-visual{flex-flow:column;gap:10px;margin:4px 0 6px}.an-lock-palette.an-lock-visual .an-palette{grid-template-columns:repeat(6,32px);display:grid}.an-lock-palette.an-lock-visual .an-palette[data-clash]{grid-template-columns:repeat(3,32px)}.an-lock-palette.an-lock-visual li{width:32px}.an-lock-buy{margin-top:10px}.an-entry-pay{min-height:1.4em;margin:0}.an-res-pending{min-height:40vh}.an-res-pending .an-answer{align-content:start;gap:12px;display:grid}}