:root{color-scheme:light;--ink:#24201e;--paper:#faf8f5;--wine:#702e43;--line:#d8d0ca}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 Arial,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}header{max-width:1060px;margin:auto;padding:25px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{font:30px Georgia,serif;text-decoration:none;letter-spacing:-1.5px}.brand span{display:block;font:8px Arial,sans-serif;letter-spacing:2.2px;margin-top:3px}.edition,.eyebrow,.progress-label,.facts{font-size:10px;letter-spacing:1.6px}.edition{font-size:9px}main{max-width:760px;padding:30px 24px 0;margin:auto;outline:none}.intro,.result{text-align:center}h1,h2,h3,p{margin:0}h1{font:normal clamp(42px,7vw,68px)/1.04 Georgia,serif;letter-spacing:-2px;margin:14px 0 18px}h1 em{font-weight:normal;color:var(--wine)}h2{font:normal 34px/1.1 Georgia,serif;letter-spacing:-.7px;margin:24px 0 12px}h3{font:normal 25px Georgia,serif}.lead{color:#625950;font-size:15px}.hero{position:relative;margin:26px 0 20px}.hero img{display:block;width:100%;height:auto}.hero-label{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:var(--paper);padding:8px 15px;font-size:10px;letter-spacing:2px;white-space:nowrap}.facts{letter-spacing:.4px;margin:12px 0 20px}.primary,.secondary{display:block;width:100%;padding:16px 20px;border:1px solid var(--ink);border-radius:0;font-size:13px;letter-spacing:.4px;background:var(--ink);color:white;margin:12px 0}.secondary{background:transparent;color:var(--ink)}button:disabled{cursor:default}.primary:disabled{opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid var(--wine);outline-offset:4px}.fine{color:#756b64;font-size:11px;margin:12px 0}.progress-label{display:flex;justify-content:space-between}.progress{height:2px;background:var(--line);margin:12px 0 24px}.progress span{height:100%;display:block;background:var(--wine)}.prompt{color:#71665e;font-size:13px;margin-bottom:22px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{background:none;border:1px solid transparent;color:var(--ink);padding:0;text-align:left;position:relative}.outfit{display:block;width:100%;aspect-ratio:3/4;overflow:hidden;background:#eae5de}.outfit img{display:block;width:200%;max-width:none;height:100%;object-fit:fill}.outfit.right img{transform:translateX(-50%)}.option strong{display:block;font-size:12px;font-weight:normal;padding:13px 7px 10px}.letter{float:left;margin-right:9px;font-size:10px;color:var(--wine)}.option.selected{border-color:var(--wine)}.option.selected strong{background:var(--wine);color:white}.option.selected .letter{color:white}.option:not(.selected):disabled{opacity:.7}.selection-note{font-size:12px;text-align:center;padding:16px 0 0;color:var(--wine)}footer{max-width:760px;margin:40px auto 0;padding:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:10px;color:#756b64}footer button{padding:0;border:0;background:none;font-size:10px;text-decoration:underline}footer small{width:100%;font-size:9px}dialog{background:var(--paper);border:1px solid var(--line);max-width:460px;width:calc(100% - 32px);padding:26px;color:var(--ink)}dialog::backdrop{background:#24201e77}dialog h2{margin-top:10px}dialog p{font-size:12px;margin:15px 0}.close{float:right;border:0;background:none;font-size:25px}.privacy-actions button{width:100%;padding:13px;border:1px solid var(--ink)}.match-number{font:normal 88px Georgia,serif;color:var(--wine);line-height:1.1;margin:20px 0 5px}.match-number span{font-size:30px}.result-box{padding:26px 18px;border:1px solid var(--line);margin:24px 0}.result-box p{margin:12px 0;font-size:13px}.share-fallback{width:100%;padding:13px;border:1px solid var(--line);background:white;font-size:12px}.review{text-align:left;margin:32px 0}.review-row{display:grid;grid-template-columns:60px 1fr;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}.review-row p{font-size:11px;color:#71665e}.review-row strong{font-size:12px;font-weight:normal}.review-row .outfit{width:60px}.trend-edit{text-align:left;border-top:1px solid var(--line);padding:22px 0;font-size:12px}.trend-edit p{margin:15px 0}.trend-edit a{text-underline-offset:3px}.challenge-note{background:#efe7e7;padding:13px;font-size:12px;margin-bottom:18px}.crowd-list{padding:0;list-style:none;text-align:left;font-size:12px}.crowd-list li{padding:9px 0;border-bottom:1px solid var(--line)}@media(min-width:760px){main{padding-top:44px}.intro .hero{max-width:620px;margin:28px auto 22px}.intro .primary{max-width:430px;margin:16px auto}.options{gap:20px}.option strong{font-size:15px;padding:17px}.outfit{max-height:470px}.result .primary,.result .secondary{max-width:500px;margin:12px auto}}@media(max-width:360px){header{padding:20px 16px}main{padding:25px 10px 0}.edition{font-size:8px;letter-spacing:.5px}h1{font-size:42px}h2{font-size:29px}.options{gap:7px}.option strong{font-size:11px;padding:10px 5px}}

.preview-notice{text-align:center;padding:9px 12px;background:#efe6df;color:#702e43;font-size:11px;letter-spacing:.6px}
/* Trend edition: keep the existing editorial palette, type and card language. */
.outfit{aspect-ratio:3/4;position:relative;max-height:none}
.outfit img{position:absolute;inset:0 auto 0 0;width:400%;height:100%;object-fit:fill;transform:translateX(calc(var(--panel,0) * -25%))}
.option strong{position:relative;padding-right:27px;min-height:50px}
.selection-check{position:absolute;right:10px;top:12px;display:none}
.selected .selection-check{display:inline}
.option:hover{border-color:var(--wine)}
.selection-note{min-height:38px}.centre{text-align:center}
.back{border:0;background:none;color:var(--ink);text-decoration:underline;padding:10px 0;min-height:44px}
.score-card{padding:20px 12px 26px;border-bottom:1px solid var(--line)}
.score-card .match-number{font-size:clamp(110px,22vw,170px);letter-spacing:-7px;margin:12px 0;line-height:1}
.score-card .match-number span{font-size:.38em;letter-spacing:-2px}
.score-card h1{font-size:42px;letter-spacing:-1px}
.score-caption{font-size:12px;color:var(--wine);margin:18px 0 0}
.hero img{aspect-ratio:3/1;object-fit:cover}
.hero-label{bottom:8px;font-size:8px;padding:5px 10px}
@media(min-width:760px){.options{grid-template-columns:repeat(4,1fr);gap:12px}main{max-width:1060px}.intro,.result{max-width:720px;margin:auto}.option strong{font-size:12px;padding:12px 26px 12px 8px}.review-row .outfit{aspect-ratio:3/4}.intro .hero{max-width:720px}.result .review{max-width:620px;margin:32px auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.intro .hero{aspect-ratio:3/2;overflow:hidden}
.intro .hero img{width:200%;max-width:none;height:100%;object-fit:fill}
.intro .hero-label{bottom:15px;font-size:10px;padding:8px 15px}