:root{color-scheme:light;--paper:#f3f0e8;--ink:#25291f;--muted:#77796d;--line:#d7d7ca;--olive:#555e45;--serif:"Songti SC","Noto Serif CJK SC","STSong",SimSun,serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif}*{box-sizing:border-box}body{margin:0;background:#ddded5;color:var(--ink);font-family:var(--sans);height:100dvh;display:grid;place-items:center}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--olive);outline-offset:4px}button{border-radius:0}a{color:inherit;text-decoration:none}.app{container-type:inline-size;width:min(100vw,56.25dvh);height:min(100dvh,177.7778vw);background:var(--paper);display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 12px 80px #34392c0b}.masthead{display:flex;align-items:center;justify-content:space-between;margin:0 7.2cqw;padding:5.4cqw 0 4.2cqw;border-bottom:1px solid var(--ink);flex-shrink:0}.brand{display:flex;gap:2.2cqw;align-items:center}.brand img{width:10cqw;height:10cqw;object-fit:contain}.brand>span{font-family:Georgia,serif;font-size:7cqw;line-height:.9;letter-spacing:-.04em}.brand-sub{display:block;font:1.8cqw/1.5 var(--sans);letter-spacing:.16em;margin-top:1.3cqw}.edition{font-size:2.6cqw;text-align:right;letter-spacing:.18em;line-height:1.85}.edition>span{font-size:1.65cqw;letter-spacing:.1em}main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin;outline:none}.colophon{margin:0 7.2cqw;display:flex;justify-content:space-between;align-items:center;padding:3.4cqw 0 4cqw;border-top:1px solid var(--line);font-size:2cqw;color:var(--muted);letter-spacing:.06em;flex-shrink:0}.colophon span:last-child{font-size:1.65cqw;letter-spacing:.12em}.home{flex:1;display:flex;flex-direction:column;padding:6cqw 7.2cqw 4.5cqw;min-height:0}.eyebrow{margin:0;font-size:2cqw;letter-spacing:.18em;line-height:1.6}.home-title{font-family:var(--serif);font-size:10cqw;font-weight:400;letter-spacing:.075em;line-height:1.28;margin:3cqw 0 2cqw}.home-title em{font-family:Georgia,serif;font-size:9.7cqw;letter-spacing:-.05em;font-weight:400}.title-row{display:flex;justify-content:space-between;align-items:flex-end}.vertical-note{writing-mode:vertical-rl;font-size:2cqw;letter-spacing:.25em;line-height:1.6;margin-bottom:2.8cqw}.hero{margin:3cqw 0 0;position:relative;flex:1;min-height:30cqw;max-height:61cqw;background:#e6e0d2;overflow:hidden}.hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}.photo-caption{display:flex;justify-content:space-between;font-size:1.8cqw;letter-spacing:.12em;margin:2cqw 0 4cqw;color:var(--muted)}.intro{font-size:2.75cqw;line-height:1.9;margin:0 0 4cqw}.primary{border:1px solid var(--ink);background:var(--ink);color:var(--paper);width:100%;padding:4.2cqw 4.5cqw;display:flex;align-items:center;justify-content:space-between;font-size:3cqw;letter-spacing:.1em;transition:background .18s;min-height:12cqw}.primary:hover{background:#454c38}.primary:disabled{background:#dcded3;border-color:#dcded3;color:#858779}.primary span{font-family:Georgia,serif;font-size:5cqw;line-height:.5}.begin-note{text-align:center;font-size:1.9cqw;color:var(--muted);margin:2.5cqw 0 0;letter-spacing:.08em}.edition-label,.outside-note{position:fixed;left:5vw;font:10px/1.9 var(--sans);letter-spacing:.18em;color:#73786b}.edition-label{top:7vh}.outside-note{bottom:7vh;writing-mode:vertical-rl}.step{display:flex;flex:1;flex-direction:column;padding:5cqw 7.2cqw 4.5cqw;animation:arrive .32s ease}.step-nav{display:flex;justify-content:space-between;align-items:center;font-size:2cqw;letter-spacing:.12em}.back{background:none;border:0;padding:1.5cqw 2cqw 1.5cqw 0;font-size:2.8cqw}.progress{display:flex;gap:1.5cqw}.progress i{width:7cqw;height:2px;background:var(--line)}.progress i.on{background:var(--olive)}.step-heading{display:flex;align-items:flex-start;justify-content:space-between;margin:6cqw 0 2cqw}.step-heading h1{font:400 7.7cqw/1.3 var(--serif);letter-spacing:.03em;margin:0}.step-number{font:italic 12cqw/.9 Georgia,serif;color:#bbbfb0}.description{font-size:2.6cqw;color:var(--muted);line-height:1.8;margin:0 0 6cqw}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2cqw}.type-option{min-height:15cqw;background:transparent;border:1px solid var(--line);text-align:left;padding:2.9cqw 1.8cqw;transition:all .15s}.type-option strong{display:block;font:3.6cqw Georgia,serif;letter-spacing:.03em}.type-option small{display:block;font-size:2cqw;color:var(--muted);margin-top:1.7cqw}.type-option[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.type-option[aria-pressed=true] small{color:#d4d7c9}.selection-note{min-height:10cqw;margin:4cqw 0 1cqw;display:flex;align-items:center;font:3cqw/1.8 var(--serif);color:var(--olive)}.step-actions{margin-top:auto;padding-top:4cqw}.text-button{background:none;border:0;border-bottom:1px solid var(--line);padding:2cqw 0;font-size:2.5cqw}.unknown{margin-top:2.5cqw;text-align:center}.choice-list{display:flex;flex-direction:column}.choice{display:flex;align-items:center;gap:4cqw;width:100%;text-align:left;border:0;border-top:1px solid var(--line);background:transparent;padding:4.5cqw 0;min-height:20cqw}.choice:last-child{border-bottom:1px solid var(--line)}.choice-index{font:italic 4cqw Georgia,serif;color:var(--muted);width:6cqw}.choice-copy{flex:1}.choice strong{display:block;font:400 4.4cqw var(--serif);letter-spacing:.05em}.choice small{display:block;font-size:2.2cqw;color:var(--muted);margin-top:1.6cqw}.choice-mark{width:4cqw;height:4cqw;border:1px solid #a3a795;border-radius:50%;position:relative}.choice[aria-pressed=true] .choice-mark{border-color:var(--ink)}.choice[aria-pressed=true] .choice-mark:after{content:"";position:absolute;inset:.75cqw;background:var(--ink);border-radius:50%}.choice[aria-pressed=true] .choice-index{color:var(--ink)}.choice[aria-pressed=true] strong{color:#52603c}.quiet-note{font-size:2.15cqw;color:var(--muted);line-height:1.8;margin:4cqw 0}.scent-option .swatch{width:9cqw;height:11cqw;flex-shrink:0;border-radius:50% 50% 0 0;background:var(--swatch);position:relative;overflow:hidden}.swatch:after{content:"";position:absolute;inset:15% 38% 0;border-left:1px solid #ffffff88;transform:rotate(25deg)}.scent-option .choice-index{display:none}.mini-pairs{display:grid;gap:3cqw}.pair{display:grid;grid-template-columns:1fr 1fr;gap:2cqw}.pair button{background:none;border:1px solid var(--line);padding:3.3cqw 1cqw;font-size:2.8cqw}.pair button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.result{padding:4cqw 7.2cqw 4cqw;display:flex;flex:1;flex-direction:column;animation:arrive .4s ease}.result .step-nav{margin-bottom:3cqw}.result-kicker{display:flex;align-items:center;justify-content:space-between;padding:2cqw 0;font-size:1.8cqw;letter-spacing:.14em}.result-kicker b{font:italic 3.3cqw Georgia,serif}.result h1{font:400 8cqw/1.3 var(--serif);letter-spacing:.05em;margin:2cqw 0 1cqw}.result-en{font:italic 3.6cqw/1.4 Georgia,serif;margin:0 0 4cqw;color:var(--olive)}.result-art{height:31cqw;position:relative;overflow:hidden}.result-art img{width:100%;height:100%;object-fit:cover;object-position:50% 65%}.result-art>span{position:absolute;bottom:3cqw;left:3cqw;font:italic 6cqw Georgia,serif;color:#292f25}.result-context{font-size:2.4cqw;line-height:1.8;margin:3cqw 0 2cqw;color:var(--olive)}.notes{margin:0}.note-row{display:grid;grid-template-columns:13cqw 1fr 8cqw;gap:2cqw;padding:2.4cqw 0;border-top:1px solid var(--line);align-items:baseline}.note-row dt{font-size:2.5cqw}.note-row dt small{display:block;font:1.5cqw/1.6 Georgia,serif;letter-spacing:.08em;color:var(--muted)}.note-row dd{font:2.8cqw/1.6 var(--serif);margin:0}.note-row>span{text-align:right;font:italic 3cqw Georgia,serif;color:var(--muted)}.result .quiet-note{font-size:1.8cqw;margin:2cqw 0 3cqw}.result .primary{padding:3.4cqw 4.5cqw;min-height:11cqw}.result-actions{margin-top:auto}.result-secondary{display:flex;justify-content:space-between;margin-top:2cqw}.result-secondary button{font-size:2.4cqw}.toast{position:fixed;bottom:7vh;background:var(--ink);color:var(--paper);font-size:13px;padding:12px 20px;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}dialog{border:1px solid var(--line);padding:20px;background:var(--paper);width:min(90vw,370px);max-height:92dvh;color:var(--ink)}dialog::backdrop{background:#20251ec9}dialog>p{font:20px var(--serif);margin:4px 0 14px}dialog img{display:block;width:100%;max-height:64dvh;object-fit:contain}dialog .save-hint{font:12px var(--sans);margin:14px 0}dialog .primary{font-size:14px;min-height:44px;padding:14px}dialog .primary span{font-size:20px}.dialog-close{position:absolute;right:12px;top:9px;border:0;background:none;font-size:28px}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){body{background:var(--paper)}.app{width:100vw;height:100dvh;box-shadow:none}.edition-label,.outside-note{display:none}.masthead{padding-top:max(5.4cqw,env(safe-area-inset-top))}.colophon{padding-bottom:max(4cqw,env(safe-area-inset-bottom))}.hero{max-height:78cqw}.home{padding-top:7cqw}.home-title{font-size:10.5cqw}.intro{margin-top:1cqw}.step-heading{margin-top:8cqw}.choice{min-height:22cqw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-height:600px) and (max-width:600px){main{overflow-y:auto}.home{min-height:145cqw}.step,.result{min-height:140cqw}}
/* Keep the bottle's cap inside the editorial photo window. */
.hero img{object-position:center 22%}
@media(max-width:600px){.hero{max-height:none}}
@media(max-aspect-ratio:1/1){.edition-label,.outside-note{display:none}}
.description{font-size:2.9cqw}.intro{font-size:3.1cqw}.primary{font-size:3.3cqw}.choice small{font-size:2.5cqw}.result-context{font-size:2.9cqw}.note-row dd{font-size:3.2cqw}.note-row dt{font-size:2.8cqw}.result-art{height:37cqw}
/* A complete spread on 9:16 kiosks and shorter phones. */
@media(min-width:601px),(max-height:740px){
 .step{padding-top:3cqw;padding-bottom:3cqw}
 .step-heading{margin-top:3cqw;margin-bottom:1.5cqw}
 .step-heading h1{font-size:7cqw}
 .description{margin-bottom:3cqw}
 .type-option{min-height:13.6cqw;padding:2cqw 1.8cqw}
 .selection-note{min-height:6cqw;margin:2cqw 0 0}
 .step-actions{padding-top:3cqw}
 .choice{min-height:17cqw;padding:2.8cqw 0}
 .choice strong{font-size:4cqw}
 .choice small{font-size:2.3cqw}
 .scent-option .swatch{height:9cqw;width:7.5cqw}
 .result{padding-top:3cqw;padding-bottom:3cqw}
 .result .step-nav{margin-bottom:1cqw}
 .result h1{font-size:7cqw;margin-top:1cqw}
 .result-en{margin-bottom:2cqw}
 .result-art{height:28cqw}
 .result-context{margin:2cqw 0;font-size:2.6cqw}
 .note-row{padding:1.7cqw 0}
 .result .quiet-note{margin:1.5cqw 0 2cqw}
}
/* Result-specific QR and mobile download landing page. */
.with-qr{display:grid;grid-template-columns:1fr 20cqw;gap:3cqw;align-items:center}
.result-qr{display:flex;flex-direction:column;align-items:center;gap:1cqw}
.result-qr canvas{width:19cqw;height:19cqw;display:block;background:#fff}
.result-qr span{font-size:1.85cqw;white-space:nowrap;color:var(--muted)}
.result-buttons .primary{font-size:3cqw;padding-left:3cqw;padding-right:3cqw}
.result-buttons .result-secondary button{font-size:2.2cqw}
.download-view{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;padding:4cqw 7.2cqw;gap:3cqw}
.download-view h1{font:400 5.8cqw var(--serif);margin:0}
.download-preview{flex:1;min-height:0;width:100%;display:flex;justify-content:center;align-items:center}
.download-preview img{width:100%;height:100%;min-height:0;object-fit:contain}
.download-preview p{font-size:3cqw}
.download-hint{font-size:2.5cqw;line-height:1.6;color:var(--muted);margin:0}
.download-view .primary{flex-shrink:0;min-height:11cqw;padding:3cqw 4cqw}
.download-view .text-button{font-size:2.5cqw}
[hidden]{display:none!important}
@media(min-width:601px),(max-height:740px){.with-qr{grid-template-columns:1fr 18cqw}.result-qr canvas{width:17cqw;height:17cqw}}