*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f3ed;color:#202020;font:17px/1.55 system-ui,-apple-system,sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-underline-offset:4px}.site-head{max-width:1160px;margin:auto;padding:24px 26px;border-bottom:1px solid #cbc6bc;display:flex;justify-content:space-between;align-items:center;gap:18px}.site-head a{font:30px Georgia,serif;letter-spacing:3px;text-decoration:none}.site-head span{font-size:12px;letter-spacing:2px}#quiz{max-width:1120px;margin:0 auto;padding:35px 24px 65px;min-height:60vh}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#887040}h1,h2,h3{font-family:Georgia,serif;font-weight:500;line-height:1.12}h1,h2{font-size:clamp(30px,4.2vw,48px);margin:12px 0 20px;max-width:1000px}h3{font-size:28px;margin:22px 0 14px}p{max-width:85ch}.lead{font-size:21px;max-width:760px}.help{font-size:18px;max-width:850px;margin:0 0 25px}.small{font-size:14px;color:#5e5a52}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:12px 24px;border:1px solid #202020;border-radius:4px;background:#202020;color:#fff;text-decoration:none;font-weight:650}.btn.secondary{background:transparent;color:#202020;border-color:#a9a193}.text-btn{border:0;background:none;padding:8px 2px;text-decoration:underline;color:#514936}.nav{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #d2cbbd;padding-top:22px;margin-top:26px}.progress{height:5px;background:#e0dbd0;border-radius:10px;margin-bottom:28px}.progress span{display:block;height:100%;background:#a6894b;border-radius:10px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.answer-card{display:flex;flex-direction:column;position:relative;border:1px solid #c9c3b6;background:white;border-radius:10px;overflow:hidden;min-width:0}.answer-card:has(input:checked),.answer-card.chosen{outline:3px solid #a68745;outline-offset:1px}.answer-card label{display:block;cursor:pointer;height:100%}.answer-card .label{display:flex;align-items:center;gap:10px;padding:14px 14px 12px;font-weight:600;line-height:1.35;min-height:64px}.answer-card input{width:21px;height:21px;flex-shrink:0;accent-color:#8b703c;margin:0}.photo{display:block;position:relative;aspect-ratio:1;overflow:hidden;background:#e9e6df}.photo .tile{display:block;width:100%;height:100%;background-repeat:no-repeat}.photo.pair{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:1.12}.photo.pair .single{aspect-ratio:auto;height:100%;overflow:hidden}.photo.pair .tile{background-size:cover}.enlarge{font-size:13px;padding:7px;border:0;background:#f1eee8;color:#484238;width:100%;margin-top:auto}.narrow{max-width:760px}.invitation{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:start}.invitation img{width:100%;max-height:440px;object-fit:cover;object-position:top;border-radius:8px}.benefits{padding-left:22px}.panel{padding:22px;background:#fff;border:1px solid #d1cabd;border-radius:10px;margin:24px 0}.notice{padding:14px 18px;background:#eae4d7;border-left:3px solid #a88a4a;margin:18px 0}.error{color:#892c25;font-weight:600}.fields label{display:block;font-weight:600;margin-top:16px}.fields input{display:block;width:100%;min-height:50px;padding:12px 14px;border:1px solid #aaa293;border-radius:5px;margin:7px 0 15px;background:#fff}.fields input:focus{outline:3px solid #ad925d;outline-offset:2px}button:focus-visible,a:focus-visible,label:has(input:focus-visible),summary:focus-visible{outline:3px solid #a6894b;outline-offset:4px}.purpose{margin-top:24px}#owner{background:#e5decd;border-bottom:1px solid #bfb397;color:#3c3528;font-size:14px}#owner details{max-width:1160px;margin:auto;padding:9px 26px}#owner summary{cursor:pointer;font-weight:700}#owner .owner-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:12px 0}#owner .code{font-size:29px;font-family:ui-monospace,monospace;letter-spacing:6px;display:block}#owner pre{max-height:240px;overflow:auto;font-size:12px;white-space:pre-wrap;word-break:break-word}#owner button{font-size:13px;min-height:35px;padding:6px 12px;margin:6px 6px 6px 0}.owner-messages details{padding:8px 0!important}.swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:20px 0}.swatch{font-size:13px}.swatch i{display:block;height:52px;border:1px solid #c9c5bf;border-radius:5px;margin-bottom:5px}.first-look,.look{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;margin:25px 0}.first-look img,.look img{width:100%;height:auto;border-radius:8px;display:block}.first-look h3,.look h3{margin-top:0}.shop-item{padding:14px 0;border-bottom:1px solid #d8d2c6}.shop-item p{margin:5px 0}.totals{font-weight:700;font-size:19px}details.guide-detail{border-top:1px solid #bfb6a4;margin:22px 0;padding-top:12px}details.guide-detail>summary{font-size:20px;font-weight:650;cursor:pointer;padding:8px 0}details.guide-detail .detail-image{width:100%;max-height:650px;object-fit:contain;background:#efebe3}.result-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.review-list{list-style:none;padding:0}.review-list li{padding:12px 0;border-bottom:1px solid #cfc8bc;display:flex;gap:16px;justify-content:space-between}.review-list strong{display:block}.review-list button{align-self:center}.site-foot{padding:26px;text-align:center;border-top:1px solid #c6bfae;font:20px Georgia,serif}.site-foot small{font:13px system-ui,sans-serif;color:#5e5a52}dialog{border:1px solid #b2a58b;border-radius:12px;padding:25px;max-width:min(850px,94vw);max-height:90vh;overflow:auto;background:#f7f4ed;color:#202020}dialog::backdrop{background:#0009}dialog .cards{grid-template-columns:repeat(3,minmax(0,1fr))}dialog .photo{max-height:270px}.dialog-image{width:min(550px,80vw)}.fallback textarea{width:100%;min-height:250px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{padding:7px 12px;border:1px solid #aaa18f;background:#fff;border-radius:4px}.tabs button[aria-pressed=true]{background:#202020;color:#fff}@media(max-width:900px){.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}.invitation{grid-template-columns:1fr 0.7fr;gap:22px}.swatches{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){body{font-size:16px}.site-head{padding:18px}.site-head span{max-width:110px;font-size:10px;text-align:right}#quiz{padding:24px 18px 45px}.invitation{display:block}.invitation figure{display:none}.cards,.cards.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.answer-card .label{padding:11px 9px;font-size:14px;min-height:67px}.answer-card input{width:18px;height:18px}.help{font-size:17px}.first-look,.look{grid-template-columns:1fr;gap:20px}.swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.nav .btn{padding:10px 17px}.panel{padding:18px}#owner details{padding:9px 18px}#owner .owner-grid{grid-template-columns:1fr}.lead{font-size:20px}dialog{padding:18px}dialog .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.result-actions .btn{font-size:14px;padding:10px 16px}.review-list li{align-items:start}.review-list button{font-size:13px;padding:8px;min-width:62px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.photo.pair{aspect-ratio:2}.photo.pair .single{height:auto;aspect-ratio:1}

.cards.five{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1000px){.cards.five{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.cards.five{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v4.2: bounded galleries and equally sized comparison frames. */
.photo .single{display:block;position:relative;overflow:hidden;aspect-ratio:1}
.photo .photo-canvas{display:block;position:absolute;width:100%;aspect-ratio:1;top:50%;transform:translateY(-50%)}
.photo.pair{aspect-ratio:1;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr}
.photo.pair .single{height:100%;aspect-ratio:auto}
.cards.one{grid-template-columns:minmax(0,380px)}.cards.two{grid-template-columns:repeat(2,minmax(0,380px))}
.eye-tabs button{min-height:44px}.selection-note{min-height:22px}
@media(max-width:600px){.cards.one{grid-template-columns:minmax(0,1fr);max-width:340px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.eye-tabs{gap:6px}.eye-tabs button{font-size:14px;padding:7px 10px}}
.dialog-image .photo{max-height:none;width:100%}.selection-note:empty{display:none}