.trip-fields{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin:-4px 0 20px}.trip-fields label{display:flex;flex-direction:column;gap:8px}.trip-fields label span{font-family:var(--serif);font-size:12px;color:#725c4d}.trip-fields input{width:100%;height:52px;border:1px solid var(--line);background:rgba(255,253,247,.78);color:var(--ink);border-radius:0;padding:0 14px;font:14px var(--sans);outline:none;transition:.2s}.trip-fields input:focus{border-color:var(--cocoa);box-shadow:0 0 0 3px rgba(107,63,37,.08)}
.hero-object{display:block;border:0;padding:0;background:transparent;cursor:pointer;color:inherit}.hero-object:focus-visible{outline:2px solid var(--cocoa);outline-offset:14px;border-radius:50%}.hero-object:hover img{transform:translateY(-9px) rotate(2deg) scale(1.025)}.tap-cue{position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);width:max-content;background:var(--paper);border:1px solid var(--line);padding:9px 13px;font-size:9px;letter-spacing:.12em;color:var(--cocoa);box-shadow:0 7px 18px rgba(91,55,30,.12)}.tap-cue b{margin-left:5px}
.trip-postmark{width:max-content;margin:14px auto 0;border:1px solid var(--tan);border-radius:50%;padding:8px 16px;font-size:9px;letter-spacing:.14em;color:var(--cocoa);transform:rotate(-2deg)}
.analysis-mode{display:block;width:max-content;margin:10px auto 0;padding:5px 9px;background:#efe4d3;color:var(--cocoa);font-size:8px;letter-spacing:.14em;border-radius:20px}.analysis-mode.ai{background:#dce9d4;color:#405d34}
.destination-card{margin-top:22px;background:var(--cocoa);color:var(--cream);padding:32px;box-shadow:var(--shadow);position:relative;overflow:hidden}.destination-card:after{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(255,248,236,.16);border-radius:50%;right:-70px;top:-80px}.destination-card header{padding-bottom:20px;border-bottom:1px solid rgba(255,248,236,.22)}.destination-card header span,.destination-facts small{font-size:9px;letter-spacing:.19em;color:#edca9e}.destination-card h3{font-size:28px;margin:10px 0 0;color:#fff}.destination-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.destination-facts section{padding:20px 18px 0 0}.destination-facts section+section{border-left:1px solid rgba(255,248,236,.18);padding-left:18px}.destination-facts p{font-family:var(--serif);font-size:13px;line-height:1.75;margin:8px 0 0;color:#fff8ec;word-break:keep-all}
.color-recipe{margin-top:22px;padding:28px;background:var(--paper);border:1px solid var(--line)}.color-recipe h3{font-size:25px;margin:10px 0 20px}.color-bar{height:18px;display:flex;overflow:hidden;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(52,37,29,.08)}.color-bar i{height:100%;display:block;transition:width .8s ease}.color-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 18px;margin-top:18px}.color-legend div{display:grid;grid-template-columns:13px 1fr auto;align-items:center;gap:8px;font-size:11px}.color-legend b{width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 1px rgba(52,37,29,.1)}.color-legend em{font-style:normal;font-weight:700;color:var(--cocoa)}
.travel-letter{margin:22px 0 0;background:#f5ead8;border:1px solid var(--line);padding:34px;position:relative;box-shadow:0 18px 50px rgba(91,55,30,.09)}.travel-letter:after{content:"";position:absolute;inset:8px;border:1px solid rgba(107,63,37,.1);pointer-events:none}.travel-letter header{text-align:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.travel-letter header h3{font-size:28px;margin:12px 0 0}.letter-sections section{padding:22px 0;border-bottom:1px solid var(--line)}.letter-sections section>span{font-size:9px;letter-spacing:.18em;font-weight:700;color:var(--cocoa)}.letter-sections p,.closing-note{font-family:var(--serif);font-size:16px;line-height:1.9;color:#5f4b3e;margin:10px 0 0;word-break:keep-all}.food-note{background:rgba(255,253,247,.5);margin:0 -14px;padding-left:14px!important;padding-right:14px!important}.closing-note{text-align:center;font-weight:700;color:var(--cocoa);padding:25px 10px 0}
.local-source{position:relative;z-index:2;display:inline-block;margin-top:14px;color:var(--cocoa);font-size:10px;letter-spacing:.08em;text-underline-offset:4px}.local-source[hidden]{display:none}
.hero-copy h1,.section-heading h2,.result-intro h2,.compare-screen>h2,.flavors-screen h2,.share-card h3,.jar-copy h3{text-wrap:balance;word-break:keep-all;line-height:1.2;letter-spacing:-.045em}.friend-upload-grid{margin-bottom:24px}.friend-upload-grid .friend-slot{width:auto;margin-bottom:0}.friend-result-detail{margin-top:55px;padding-top:45px;border-top:1px solid var(--line);text-align:left}.friend-result-detail>h3{text-align:center;font-size:46px;color:var(--cocoa);margin:12px 0 8px}.friend-result-detail>.eyebrow,.friend-result-detail>.flavor-note{display:block;text-align:center}.friend-letter{margin-bottom:30px}.friend-jar{height:430px;background:#ede1cf;margin:0 -28px 35px;display:flex;align-items:center;justify-content:center;overflow:hidden}.friend-jar img{height:94%;width:auto;filter:drop-shadow(0 22px 18px rgba(50,30,20,.14))}
.jar-cookie,.jar-image{display:none}.filled-jar-image{position:absolute;height:100%;width:auto;left:50%;transform:translateX(-50%);filter:drop-shadow(0 22px 18px rgba(50,30,20,.14))}
@media(max-width:520px){.trip-fields{grid-template-columns:1fr}.travel-letter{padding:27px 24px}.color-legend{grid-template-columns:1fr}.destination-facts{grid-template-columns:1fr}.destination-facts section+section{border-left:0;border-top:1px solid rgba(255,248,236,.18);padding-left:0}.destination-card{padding:27px 24px}.friend-jar{height:340px;margin-left:-20px;margin-right:-20px}.friend-result-detail>h3{font-size:38px}}