:root{font-family:system-ui,'Apple SD Gothic Neo',sans-serif;color:#211c2c;background:#f6f5f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #6e4ebc;outline-offset:4px}main{width:min(940px,94%);margin:36px auto}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.logo{text-decoration:none;color:inherit;font-size:30px;font-weight:900;letter-spacing:-1.5px}.logo span{color:#8660cf}.brand-note,.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700}.brand-note{color:#8c8794}.eyebrow{color:#7859b6}h1{font-size:clamp(34px,5vw,56px);line-height:1.15;letter-spacing:-2.5px;margin:16px 0 24px}h2{font-size:24px;line-height:1.45;letter-spacing:-.7px;margin:20px 0 12px}h3{font-size:17px}p{line-height:1.7}.muted{color:#797180;font-size:14px}.tip{font-size:12px;color:#8b8293;line-height:1.75}.card{background:#fff;border:1px solid #e6e2e9;border-radius:22px;padding:30px}.hidden{display:none!important}.segments{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.segments button{border:1px solid #ded8e7;border-radius:14px;padding:18px;background:white;font-weight:700}.segments .on{border:2px solid #8763cf;background:#f0eafb;color:#64459f}.btn{border:0;border-radius:12px;padding:14px 24px;color:#fff;background:#30243f;font-weight:650}.light{background:#eeeaf3;color:#483954}.quiz-meta{display:flex;justify-content:space-between;color:#83788e;font-size:12px}.progress{height:5px;background:#eeeaf3;border-radius:10px;margin:14px 0 24px;overflow:hidden}.progress>div{height:100%;background:#8763cf;transition:width .2s}.stage{padding:16px 18px;border-radius:12px;background:#f3effa;margin-bottom:25px}.stage b{display:block;color:#654797;font-size:14px}.stage span{display:block;color:#8a7d99;font-size:12px;margin-top:5px}.choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.choice{padding:0;position:relative;border:2px solid #e8e4ec;border-radius:14px;overflow:hidden;text-align:left;display:flex;flex-direction:column;min-width:0;background:#fff;color:inherit;transition:transform .15s,border-color .15s}.choice:hover{transform:translateY(-3px);border-color:#b09bd8}.choice.active{border-color:#8260ca;background:#f0e9fc;box-shadow:0 0 0 2px #8260ca12}.choice.active:before{content:'✓';display:grid;place-items:center;position:absolute;top:9px;right:9px;z-index:2;background:#8260ca;color:white;width:24px;height:24px;border-radius:50%;font-size:14px}.choice-label{display:block;padding:12px 10px;line-height:1.5;font-size:14px;font-weight:650}.choice-desc{padding:0 10px 14px;font-size:11px;color:#8a8092;line-height:1.65}.look-image{display:block;width:100%;aspect-ratio:1/1.2;background-image:url('/assets/outfits.png');background-size:400% 400%;background-repeat:no-repeat;background-color:#e9e6e3}.material-image{aspect-ratio:1}.crop{display:block;width:100%;aspect-ratio:1;overflow:hidden;background:#e9e6e3}.crop .look-image{height:100%;aspect-ratio:auto}.crop-top .look-image{transform:scale(1.75);transform-origin:50% 25%}.crop-bottom .look-image{transform:scale(1.7);transform-origin:50% 75%}.crop-shoes .look-image{transform:scale(2.5);transform-origin:50% 100%}.palette-image{display:flex;aspect-ratio:1;width:100%;background:#ede9e4;padding:22px;align-items:center;justify-content:center}.palette-image i{width:33.333%;height:75%;box-shadow:0 12px 15px #0001}.symbol-image{display:grid;place-items:center;aspect-ratio:1.3;width:100%;font-size:52px;color:#947bb8;background:#f6f2fb;font-weight:200}.hierarchy-note{grid-column:1/-1;margin-top:10px;padding-bottom:4px;font-size:13px;font-weight:700;color:#8765ab}.actions{display:flex;justify-content:space-between;gap:14px;margin-top:24px}.error{color:#b44453;font-size:13px}.budget-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.budget-card{padding:22px;border:1px solid #dfd8e9;border-radius:16px;background:#faf8fd}.budget-card label{display:block;font-size:18px;font-weight:750;margin-bottom:24px}.budget-card select{width:100%;padding:12px 8px;border:1px solid #ccc1dc;border-radius:9px;background:white;color:#443451}.budget-card p{font-size:12px;color:#8e829b}.result-top{margin-bottom:26px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.tag{background:#eee7fa;color:#715099;border-radius:20px;padding:7px 11px;font-size:12px}.summary-grid,.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.summary-grid .card{padding:22px}.score-row{margin:16px 0}.score-label{display:flex;justify-content:space-between;font-size:13px;gap:12px}.bar{height:7px;background:#efeaf4;border-radius:5px;overflow:hidden;margin:7px 0}.bar>div{height:100%;background:#9679c9;border-radius:5px}.score-row small{font-size:10px;color:#a095aa}.brand{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid #eee9f2}.brand strong{font-size:16px}.brand p{font-size:12px;color:#8b7d99;margin:8px 0}.brand a{font-size:12px;color:#75529c}.brand-score{font-weight:750;font-size:21px;color:#8c6cbb;white-space:nowrap}.preference-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.preference-list div{padding:15px 0;border-top:1px solid #eee9f2;font-size:13px;line-height:1.7}.preference-list b{display:block;color:#9a8da6;font-size:11px;margin-bottom:5px}.outfit-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0}.outfit-preview>div{border-radius:12px;overflow:hidden;border:1px solid #e8e4ec}.outfit-preview p{margin:0;padding:10px;font-size:12px}footer{text-align:center;color:#b3a9bd;letter-spacing:1px;font-size:10px;padding:36px 0 16px}@media(max-width:650px){main{margin:22px auto}header{margin-bottom:22px}.card{padding:20px}.choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-label{font-size:13px;padding:11px 9px}.choice-desc{font-size:10px}.budget-grid,.summary-grid,.score-grid,.preference-list{grid-template-columns:1fr}.budget-card{padding:18px}.budget-card label{margin-bottom:12px}h2{font-size:21px}.look-image{aspect-ratio:1/1.15}.outfit-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-note{font-size:8px}.btn{padding:14px 18px}.palette-image{padding:15px}.budget-card p{margin-bottom:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Atlas tiles are square: preserve the source aspect instead of stretching a tile. */
.look-image,.material-image{aspect-ratio:1!important;flex-shrink:0;height:auto}.crop .look-image{height:100%;aspect-ratio:1!important}.choice{align-self:stretch}.choice-label{flex-grow:1}.status-banner{padding:14px 18px;border-radius:12px;background:#eee8f8;font-size:13px;line-height:1.8;color:#71538e;margin:18px 0}.status-error{background:#fff0ef;color:#a65353}.look-top3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.look-card{background:#fff;border:1px solid #e5dfec;border-radius:18px;padding:22px}.look-card h3{font-size:20px;margin:12px 0}.look-number{font-size:11px;color:#9c7dc7;letter-spacing:2px}.look-card p{font-size:13px;color:#71677e;line-height:1.9}.evidence{font-size:11px;color:#a491b6}.dna-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dna-item{border-top:1px solid #eee7f5;padding:16px 0}.dna-item b{font-size:12px;color:#9989aa}.dna-item p{font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.product-card{border:1px solid #e5dfec;border-radius:14px;background:white;overflow:hidden;display:flex;flex-direction:column;min-width:0}.product-image{aspect-ratio:4/5;background:#f2efec;display:flex;align-items:center;justify-content:center;color:#a89aaf;font-size:12px;text-align:center}.product-image img{width:100%;height:100%;object-fit:contain;aspect-ratio:4/5}.product-body{padding:14px;display:flex;flex-direction:column;flex-grow:1}.product-brand{font-size:10px;color:#a192ad}.product-body h3{font-size:13px;line-height:1.7;margin:8px 0}.price{font-size:15px;font-weight:750;margin:8px 0}.product-body p{font-size:11px;color:#86778f}.buy{display:block;padding:12px 5px;text-align:center;background:#382848;color:white;text-decoration:none;border-radius:8px;font-size:12px;margin-top:auto}.stock,.checked{font-size:10px;line-height:1.8;color:#9c8ba8}.review-area{border:1px dashed #b99e7c;border-radius:14px;padding:18px;margin:22px 0;background:#fffcf6}.review-area h3{color:#957b5d}.product-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.source-list{font-size:11px;color:#8c7b9c}.source-list a{color:#8c7b9c;word-break:break-all}.pulse{display:inline-block;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.setup-link{font-size:12px;color:#8a69aa}.setup-block pre{white-space:pre-wrap;word-break:break-word;background:#f7f4fa;border-radius:10px;padding:16px;font-size:12px;line-height:1.8}.results-summary{font-size:20px;line-height:1.7;letter-spacing:-.4px}.product-tags{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0}.product-tags span{font-size:9px;background:#f0eaf7;color:#987ba8;padding:3px 6px;border-radius:10px}.brands-list p{font-size:13px}.data-note{font-size:11px;color:#a494af}.empty-products{padding:30px 15px;background:#f8f5fb;border-radius:14px;color:#8b779b;text-align:center;font-size:14px}@media(max-width:800px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.look-top3{grid-template-columns:1fr}.dna-grid{grid-template-columns:1fr}.look-card{padding:20px}}@media(max-width:650px){.look-image{aspect-ratio:1!important}.product-grid{gap:10px}.product-body{padding:10px}.product-section-head{align-items:flex-start;flex-direction:column}.results-summary{font-size:18px}}

.outfit-choice{border:2px solid #e7e1ee;border-radius:14px;overflow:hidden;background:white;display:flex;flex-direction:column}.intent-buttons{display:grid;gap:7px;padding:0 10px 12px}.intent-button{border:1px solid #dcd2ea;background:#f9f6fc;color:#7b658e;font-size:12px;padding:10px 5px;border-radius:8px;cursor:pointer}.intent-button.selected{background:#8260ca;border-color:#8260ca;color:white}.unknown-choice{padding:18px;justify-content:center;align-items:center;color:#95839f;min-height:70px}.unknown-image{aspect-ratio:1;font-size:45px}.choice:has(.unknown-image){opacity:.85}.outfit-choice .choice-label{font-size:13px} @media(max-width:650px){.intent-button{font-size:11px;padding:11px 4px}}
.look-reference{margin:12px 0 18px}.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reference-photo,.brand-piece{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:#f0eeea;color:inherit;text-decoration:none}.reference-photo img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#eeece8}.reference-photo>span{padding:9px;font-size:11px}.image-search-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;font-size:12px}.image-search-links a{color:var(--muted,#666)}.image-loading{display:grid;place-items:center;min-height:160px;padding:20px;border-radius:12px;background:#f2f0eb;color:#777;font-size:13px}.brand-pieces{margin-top:18px;max-width:440px}.brand-image-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.brand-piece img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#efede8}.piece-name{font-size:13px;line-height:1.5;padding:14px 14px 6px}.piece-cta{display:block;margin:8px 14px 14px;padding:12px;text-align:center;background:#222;color:#fff;border-radius:8px;font-size:13px}.image-unavailable{min-height:180px;display:grid;place-items:center;padding:20px;font-size:12px}.google-search-suggestions{width:100%;height:110px;border:0;margin-top:10px}.brand>div{width:100%;min-width:0}.brand{align-items:start}.look-card{min-width:0}.look-top3{align-items:start}@media(max-width:600px){.brand-pieces{max-width:none}.piece-cta{min-height:44px}.product-section-head{align-items:start;gap:12px}.reference-photo img{aspect-ratio:3/4}}
/* Photo-first result portrait */
.taste-portrait{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:36px;background:#eee6f5;border:1px solid #e4d6ef;border-radius:24px;align-items:center}.portrait-copy h1{font-size:clamp(28px,4vw,46px);line-height:1.25;margin:22px 0;word-break:keep-all}.portrait-copy>p{line-height:1.8;color:#776486}.portrait-caption{font-size:11px}.portrait-image{position:relative;overflow:hidden;border-radius:18px;background:#e1dcd9}.portrait-image .look-image{display:block;width:100%}.portrait-image>span:last-child{display:block;padding:10px;font-size:10px;background:#fff9;color:#776486}.portrait-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.portrait-actions .btn{font-size:12px;padding:14px 16px}.result-section{margin:48px 0}.section-heading>span{font-size:10px;letter-spacing:2px;color:#a58bb8}.section-heading h2{margin:12px 0 18px;font-size:25px}.intent-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.intent-panel{padding:22px;border:1px solid #e6deed;background:#fff;border-radius:18px;min-width:0}.intent-panel h3{font-size:17px}.intent-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.intent-photo-grid .look-image{display:block;width:100%;border-radius:10px}.intent-photo-grid p{font-size:12px}.look-top3{grid-template-columns:1fr;gap:22px}.look-card{padding:22px}.look-photo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.look-photo-strip a{display:flex;flex-direction:column;background:#eeeae6;border-radius:10px;overflow:hidden;text-decoration:none;min-width:0;color:#776486}.look-photo-strip img{width:100%;aspect-ratio:3/4;object-fit:contain;display:block}.look-photo-strip span{font-size:10px;padding:8px}.look-photo-strip:has(>a:nth-child(2):last-child){grid-template-columns:1fr 1fr}.look-photo-strip:has(>a:only-child){grid-template-columns:minmax(0,340px)}.photo-sources{margin:10px 0;font-size:11px;color:#9e8aac}.photo-sources summary,.analysis-details summary{cursor:pointer}.analysis-details{border-top:1px solid #eae2f0;margin-top:20px;padding-top:16px;color:#887394;font-size:13px}.analysis-details p{line-height:1.85}.one-line-reason{max-width:72ch}.look-shop{font-size:12px}.brand{padding:28px 0!important;border-top:1px solid #e6deed}.brand-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.brand-title h3{font-size:23px;margin:0}.reference-badge{padding:5px 9px;background:#f3ecdf;color:#947d54;font-size:10px;border-radius:20px}.brand-pieces{max-width:none;margin-bottom:12px}.brand-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:650px}.brand-image-grid:has(>a:only-child){grid-template-columns:minmax(0,310px)}.brand-search{display:inline-block;padding:12px 0;color:#8b65ae;font-size:12px}.brand-home{font-size:11px}.feedback-group{padding:18px 0;border:0;border-top:1px solid #eee6f5;margin-top:24px}.feedback-group legend{font-weight:650;font-size:15px;padding:0 0 10px}.feedback-group button{background:#f7f3fa;border:1px solid #e2d6eb;border-radius:22px;padding:12px 17px;margin:5px;color:#7e6391;cursor:pointer}.feedback-group button.selected{background:#8460bc;color:white;border-color:#8460bc}.reference-photo:focus-visible,.brand-piece:focus-visible,.look-photo-strip a:focus-visible{outline:3px solid #9469c2;outline-offset:3px}@media(max-width:650px){.taste-portrait{grid-template-columns:1fr;padding:22px;gap:20px}.portrait-image{max-width:360px;width:100%;margin:auto;grid-row:1}.portrait-copy h1{font-size:31px}.portrait-actions .btn{flex:1;min-width:130px}.intent-comparison{gap:10px}.intent-panel{padding:12px}.intent-panel h3{font-size:14px}.intent-photo-grid{grid-template-columns:1fr}.intent-photo-grid>div:nth-child(n+2){display:none}.look-photo-strip{gap:6px}.look-card{padding:16px}.look-photo-strip span{font-size:9px;padding:6px}.brand-image-grid{gap:9px}.piece-name{font-size:11px;padding:10px}.piece-cta{margin:5px 8px 10px;font-size:11px;padding:10px}.result-section{margin:34px 0}.section-heading h2{font-size:22px}.feedback-group button{margin:4px;padding:11px 12px;font-size:12px}}

.analysis-progress{margin:14px 0;padding:14px 16px;border-radius:12px;background:#f0eaf6;color:#684b80;font-size:13px;line-height:1.55}.price-verification{margin-top:12px;padding:9px 11px;border-radius:9px;font-size:12px;font-weight:650}.price-verification.unverified{background:#fff2de;color:#815a1f}.price-verification.verified{background:#e7f4eb;color:#2e6840}

.mannequin-look-photo{position:relative;display:flex;align-items:end;min-width:0;aspect-ratio:3/4;overflow:hidden;border-radius:10px;background-color:#eeeae6;background-repeat:no-repeat;background-size:cover;text-decoration:none}.mannequin-look-photo span{width:100%;padding:8px;background:#ffffffd9;color:#5c4a67;font-size:10px;line-height:1.4}

.color-swatch-grid{display:flex;align-items:center;justify-content:center;gap:clamp(7px,2vw,14px);width:100%;aspect-ratio:1;padding:18px;background:#f7f5f2;border-radius:12px;box-sizing:border-box}.color-swatch-grid i{display:block;width:23%;aspect-ratio:1;border-radius:50%;background:var(--swatch);border:1px solid #00000012;box-shadow:0 2px 7px #0000000b}.color-swatch-grid i[style*="#fff"],.color-swatch-grid i[style*="#f7"],.color-swatch-grid i[style*="#f8"],.color-swatch-grid i[style*="#f1"],.color-swatch-grid i[style*="#ea"]{border-color:#d9d5cf}
.fit-choice-group{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 8px}.fit-choice-heading{grid-column:1/-1;margin:6px 0 0;color:#654797;font-size:15px}.fit-choice-group .choice{margin:0}.choices>.unknown-choice{grid-column:1/-1;min-height:64px}.fit-choice-group .look-image{aspect-ratio:1/1.15}@media(max-width:800px){.fit-choice-group{grid-template-columns:repeat(2,minmax(0,1fr))}}

.season-picker,.plus-block,.shoe-pref{margin:22px 0;padding-top:16px;border-top:1px solid #eee9f2}.season-picker h3,.shoe-pref h3{margin:0 0 4px}.season-options,.seasonal-chips,.shoe-choice-grid{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.season-options button,.seasonal-chip,.shoe-chip{border:1px solid #ded8e7;border-radius:999px;background:#fff;padding:10px 16px;color:#45394f;font-weight:650}.season-options button.on,.seasonal-chip.active,.shoe-chip.active{border-color:#8763cf;background:#f0eafb;color:#64459f;box-shadow:0 0 0 1px #8763cf}.plus-panel{margin-top:14px;padding:16px;border-radius:15px;background:#faf8fd}.season-detail{padding:12px 0;border-bottom:1px solid #e8e2ee}.seasonal-group{margin:12px 0}.seasonal-group>b{display:block;font-size:13px;color:#725a8d}.seasonal-chip{padding:8px 12px;font-size:12px}.shoe-pref{grid-column:1/-1}.shoe-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.shoe-chip{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;padding:14px 8px}.shoe-chip span{font-size:21px}.plus-block>.tip{margin-top:8px}.season-picker{padding-top:18px}
@media(max-width:650px){.shoe-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.season-options{gap:7px}.season-options button{padding:9px 13px}.plus-block .btn{width:100%;padding:12px 14px}.plus-panel{padding:12px}}

/* Responsive layout pass: keep the image choices readable on tablets and wide screens. */
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{min-width:320px}
main{width:min(1160px,calc(100% - 48px));margin:clamp(24px,4vw,52px) auto}
img,video,iframe{max-width:100%}
.card,.look-card,.intent-panel,.product-card,.brand{min-width:0}
.choice-label,.choice-desc,.look-card p,.brand p,.product-body h3,.piece-name{overflow-wrap:anywhere}
.choice,.outfit-choice,.product-card{height:100%}
.choice-label{font-size:clamp(13px,1.05vw,15px)}
.btn,.season-options button,.seasonal-chip,.shoe-chip,.intent-button,.feedback-group button{min-height:44px}
.actions .btn{min-height:48px}
.look-photo-strip img,.reference-photo img,.brand-piece img,.product-image img{display:block}
.taste-portrait{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:clamp(24px,4vw,52px)}
.portrait-image{min-width:0;max-width:520px;width:100%;justify-self:end}
.portrait-image .look-image{width:100%;height:auto;object-fit:cover}
.look-top3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.look-card{height:100%;display:flex;flex-direction:column}
.look-card .look-shop{margin-top:auto;align-self:flex-start}
.look-photo-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.brand-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.brand-image-grid:has(>a:only-child){grid-template-columns:minmax(0,310px)}

@media(min-width:1200px){
  .choices{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
  .fit-choice-group{grid-template-columns:repeat(4,minmax(0,1fr))}
  .look-card{padding:24px}
}
@media(max-width:1000px){
  .choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
  .look-top3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .taste-portrait{gap:24px;padding:clamp(22px,4vw,36px)}
}
@media(max-width:760px){
  main{width:calc(100% - 36px);margin:24px auto}
  header{gap:14px;margin-bottom:22px}
  .logo{font-size:28px}
  .brand-note{font-size:9px;letter-spacing:1.2px;text-align:right}
  .choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .fit-choice-group{grid-template-columns:repeat(2,minmax(0,1fr))}
  .look-top3{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .look-card{padding:16px}
  .look-card h3{font-size:18px}
  .look-card p{font-size:12px;line-height:1.7}
  .taste-portrait{grid-template-columns:minmax(0,1fr) minmax(220px,.85fr);padding:22px;gap:18px}
  .portrait-copy h1{font-size:clamp(28px,5vw,38px)}
  .intent-comparison{gap:12px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feedback-group button{margin:4px 3px;padding:11px 13px}
}
@media(max-width:600px){
  main{width:calc(100% - 28px);margin:16px auto 24px}
  header{align-items:center;margin-bottom:18px}
  .brand-note{font-size:8px;letter-spacing:1px}
  .card{padding:18px;border-radius:18px}
  h1{font-size:clamp(32px,9vw,42px);letter-spacing:-1.8px;line-height:1.18}
  h2{font-size:21px;line-height:1.35}
  .segments{gap:8px;margin:18px 0}
  .segments button{padding:14px 7px;font-size:13px}
  .choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0}
  .choice-label{padding:10px 9px;font-size:13px}
  .choice-desc{padding:0 9px 11px;font-size:10px}
  .hierarchy-note{font-size:12px}
  .actions{gap:10px;margin-top:16px}
  .actions .btn{flex:1;padding:12px 10px;font-size:14px}
  #start{width:100%;min-height:50px}
  .look-top3{grid-template-columns:1fr;gap:12px}
  .look-card{padding:16px}
  .look-photo-strip{gap:7px}
  .look-photo-strip:has(>a:only-child){grid-template-columns:minmax(0,1fr)}
  .taste-portrait{grid-template-columns:1fr;padding:16px;gap:14px;border-radius:18px}
  .portrait-image{grid-row:auto;max-width:340px;justify-self:center}
  .portrait-copy h1{font-size:30px;margin:14px 0}
  .portrait-actions{margin-top:16px}
  .portrait-actions .btn{min-width:0;flex:1;padding:12px 10px}
  .result-section{margin:30px 0}
  .section-heading h2{font-size:21px}
  .intent-comparison{grid-template-columns:1fr 1fr;gap:8px}
  .intent-panel{padding:11px}
  .intent-panel h3{font-size:14px}
  .intent-photo-grid{grid-template-columns:1fr}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .product-body{padding:10px}
  .buy,.piece-cta{min-height:44px;display:flex;align-items:center;justify-content:center}
  .brand-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .brand-title h3{font-size:20px}
  .dna-grid{grid-template-columns:1fr}
  .feedback-group button{font-size:12px}
  footer{padding:26px 0 12px}
}
@media(max-width:380px){
  main{width:calc(100% - 22px)}
  .card{padding:14px;border-radius:15px}
  .brand-note{max-width:125px;font-size:7px;letter-spacing:.8px}
  .choice-label{font-size:12px;padding:9px 7px}
  .choice.active:before{width:21px;height:21px;top:6px;right:6px}
  .intent-comparison{grid-template-columns:1fr}
  .intent-panel{padding:14px}
  .intent-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .intent-photo-grid>div:nth-child(n+2){display:block}
  .portrait-actions{flex-direction:column}
  .portrait-actions .btn{width:100%}
  .product-grid{gap:7px}
  .product-body h3,.piece-name{font-size:10px}
  .piece-cta,.buy{font-size:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
