.look{gap:var(--s4);display:grid}@media (width>=64rem){.look{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,.8fr);align-items:start}}.look__stage{justify-items:center;display:grid}.look__stage svg{width:100%;max-width:340px;height:auto}.look__step{margin:0 0 var(--s3)}.look__step h2{font-size:var(--step-1);margin-bottom:var(--s1)}.look__hint{margin:0 0 var(--s1);color:var(--muted);font-size:var(--step--1)}.look__opts{margin-bottom:var(--s1);flex-wrap:wrap;gap:8px;display:flex}.look__opt{border:2px solid var(--ink);border-radius:var(--radius);background:var(--bg);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;padding:8px 14px;font-weight:600}.look__opt[aria-checked=true],.look__opt[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.look__opt[aria-disabled=true]{opacity:.55;cursor:not-allowed;text-decoration:line-through}.look__opt:focus-visible,.look__swatch:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.look__swatches{margin:var(--s1) 0;flex-wrap:wrap;gap:8px;display:flex}.look__swatch{border:2px solid var(--line);background:var(--bg);cursor:pointer;border-radius:50%;width:44px;height:44px;padding:4px}.look__swatch span{border-radius:50%;width:100%;height:100%;display:block}.look__swatch[aria-checked=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--ink)}.look__sum{border:2px solid var(--ink);border-radius:var(--radius-lg);padding:var(--s3);background:var(--surface);color:var(--ink)}.look__sum h2{font-size:var(--step-2);margin-bottom:var(--s1)}.look__flag{font-weight:700;font-size:var(--step--1);margin:0 0 var(--s2);border:2px dashed;border-radius:999px;padding:2px 10px;display:inline-block}.look__total{font-family:var(--font-display);font-weight:700;font-size:var(--step-2);margin:0 0 var(--s1)}.look__desc,.look__lines{margin:0 0 var(--s2)}.look__lines{padding-left:1.1em}.look__actions{flex-wrap:wrap;gap:8px;display:flex}.look__status{margin:var(--s1) 0 0;min-height:1em;font-size:var(--step--1)}.look__done{margin:var(--s2) 0 0;padding:var(--s2);border:2px dashed var(--ink);border-radius:var(--radius);font-weight:700}.nails-art__bg{fill:var(--surface)}.nails-art__hand,.nails-art__skin{fill:var(--bg);stroke:var(--ink);stroke-width:3px}.nail-shape{stroke:var(--ink);stroke-width:1.4px;transition:d .3s var(--ease,ease), fill .3s}[data-nail-pick]{cursor:pointer}.char-art [data-hair],.char-art .hl,.char-art .hs,.char-art .hside,.char-art .hfade,.char-art .bfull,.char-art .btrim,.char-art [data-shine]{transition:opacity .35s var(--ease,ease), transform .35s var(--ease,ease);transform-box:fill-box;transform-origin:50% 100%}.char-art [data-hair-fill]{transition:fill .35s}.char-art [data-hair][data-cut=true] .hl{opacity:0;transform:scale(.82)}.char-art [data-hair][data-cut=false] .hs{opacity:0}.char-art [data-hair][data-fade=true] .hside{opacity:0;transform:scaleX(.4)}.char-art [data-hair][data-fade=false] .hfade{opacity:0}.char-art [data-beard][data-trimmed=true] .bfull{opacity:0;transform:scaleY(.7)}.char-art [data-beard][data-trimmed=false] .btrim{opacity:0}.char-art [data-shine][data-on=false]{opacity:0;transform:scale(.9)}@media (prefers-reduced-motion:reduce){.nail-shape,.char-art [data-hair],.char-art .hl,.char-art .hs,.char-art .hside,.char-art .hfade,.char-art .bfull,.char-art .btrim,.char-art [data-shine],.char-art [data-hair-fill]{transition-duration:0s}}.look-card{align-items:center;gap:var(--s2);padding:var(--s3);border:2px solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);grid-template-columns:64px 1fr auto;text-decoration:none;display:grid}.look-card:hover{border-color:var(--accent)}.look-card:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.look-card__art svg{width:64px;height:64px}.look-card__text{gap:2px;display:grid}.look-card__text strong{font-family:var(--font-display);font-size:var(--step-1)}.look-card__go{font-size:var(--step-2);font-weight:700}.look__actions .btn--ghost{color:inherit;font:inherit;background:0 0;font-weight:600}