/* Pine, porcelain and brass: one visual language, not another layer of blue UI. */
:root{--blue:#285749;--bite-blue:#285749;--bite-ink:#193c35;--bite-muted:#53675f;--bite-soft:#edf2ed;--bite-line:#d6dfd5;--visitor-brass:#bc9459;--visitor-cream:#f7f1e5;--visitor-white:#fffefa}
.sample-disclosure{display:block;position:static;clear:both;margin:12px 0 22px;padding:0 0 0 20px;color:var(--muted);font-size:.76rem;line-height:1.6}
.challenge-preview blockquote{margin-bottom:0;padding-block:4px}.challenge-preview .preview-label{color:var(--jade)}
.taste-set-mood{background:#e4ebe3;border:1px solid #d5dfd4;border-radius:30px;padding:4px}
.taste-set-mood button{border-radius:25px;color:var(--ink2)}
.taste-set-mood button[aria-pressed=true]{background:var(--jade);color:#fff;box-shadow:0 3px 8px #193c3518}
.taste-set-copy .eyebrow{color:#755334}.taste-set-card-actions .text-detail{color:var(--jade)}
.taste-set-card{border-color:#d6dfd5;box-shadow:0 8px 28px #193c3508;transition:transform .2s,box-shadow .2s}
.taste-set-card:focus-within{box-shadow:0 8px 28px #193c3517}.taste-set-photo img{transition:transform .35s;filter:saturate(.95)}
.taste-set-copy{background:linear-gradient(165deg,#fffefa,#f7f6ee)}
.taste-set-card-actions{border-top:1px dashed #d6dfd5;margin-top:10px;padding-top:12px}
.taste-set-footer .primary-button,.minimal-dish-actions>.primary-button{background:var(--jade);border-color:var(--jade)}
.taste-set-footer .quiet-button,.dish-trust-line a,.dish-serving>span,.first-bite-dialog a{color:var(--jade)}
.discovery-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:30px;align-items:center;background:var(--surface-jade);border:1px solid #d5dfd4;box-shadow:0 8px 30px #193c3505}
.discovery-hero>div{grid-column:1;grid-row:1;display:block;min-width:0;padding:0}.discovery-hero>img{grid-column:2;grid-row:1;display:block;width:100%;height:165px;object-fit:cover;border-radius:12px;box-shadow:5px 5px 0 #d7dfd0;transform:rotate(2deg)}
.discovery-hero h2{color:var(--ink)}.discovery-hero>div>div{position:static;background:none;padding:0}
.dish-depth .fact-grid section{border-radius:12px;padding:16px;background:#f2f4ed;border:1px solid #e0e6da}
.dish-depth .fact-grid h3{color:var(--jade);font-size:.9rem}.dish-depth .fact-grid p{color:var(--ink2);line-height:1.7}
.food-dialog .tag-pill,.food-dialog .food-tag{color:var(--jade);background:var(--surface-jade)}
.passport-card{border-radius:20px}.passport-card-body{border-top:1px dashed var(--line)}
.discovery-tag-filters>button.active,.discovery-tag-filters>button[aria-pressed=true]{background:var(--jade);color:white;border-color:var(--jade)}
.share-actions{gap:10px}.share-actions>button,.share-actions>a{white-space:normal;text-align:center;line-height:1.4;min-height:46px}
.social-instructions{background:var(--surface-jade);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:18px 0;color:var(--ink2);font-size:.85rem;line-height:1.65}
.social-instructions summary{cursor:pointer;font-weight:700;color:var(--jade);min-height:26px}.social-instructions ol{padding-left:20px;margin:12px 0}.social-instructions li+li{margin-top:8px}.social-instructions p{font-size:.78rem;color:var(--muted)}
.native-share-status{font-size:.82rem;line-height:1.6;color:var(--muted);margin:12px 0;min-height:1.6em}
.whatsapp-button{background:var(--jade);border-color:var(--jade)}
.feedback-launcher{position:fixed;right:22px;bottom:24px;z-index:40;display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 16px;border:1px solid #416459;border-radius:26px;background:#193c35;color:#fffefa;box-shadow:0 6px 22px #193c352a;font:600 .85rem var(--font-body);cursor:pointer;transition:transform .2s,box-shadow .2s;animation:feedback-arrive .45s ease-out both}
.feedback-launcher:hover{transform:translateY(-3px);box-shadow:0 10px 24px #193c3538}.feedback-launcher:focus-visible{outline:3px solid #bc9459;outline-offset:4px}
body:has(dialog[open]) .feedback-launcher{visibility:hidden}
.feedback-dialog{width:min(510px,calc(100% - 28px));max-height:calc(100dvh - 40px);padding:26px;border:1px solid #d4ddd3;border-radius:22px;background:#fffefa;color:var(--ink);box-shadow:0 24px 80px #0c2f3540;overflow:auto;overscroll-behavior:contain}
.feedback-dialog::backdrop{background:#10292275;backdrop-filter:blur(4px)}
.feedback-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px}.feedback-dialog header .eyebrow{font-size:.66rem;letter-spacing:.12em;color:var(--jade)}
.feedback-dialog .icon-button{flex:0 0 44px;background:var(--surface-jade);border-radius:50%;color:var(--jade)}
.feedback-dialog h2{font:600 1.65rem/1.15 var(--font-display);letter-spacing:-.04em;margin:14px 0}.feedback-dialog>p{font-size:.92rem;color:var(--muted);line-height:1.6}
.feedback-dialog fieldset{border:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.feedback-dialog legend{font-size:.85rem;font-weight:650;margin-bottom:8px}.feedback-dialog fieldset label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:24px;padding:8px 12px;min-height:44px;font-size:.8rem;cursor:pointer}.feedback-dialog fieldset label:has(:checked){background:var(--surface-jade);border-color:var(--jade)}
.feedback-dialog input{accent-color:var(--jade);margin:0;width:18px;height:18px;flex-shrink:0}
.feedback-message{display:grid;gap:8px;font-size:.9rem;font-weight:600}.feedback-message textarea{width:100%;resize:vertical;min-height:130px;border:1px solid #a6b7aa;border-radius:10px;padding:12px;background:white;color:var(--ink);font:400 16px/1.6 var(--font-body)}
.feedback-dialog :focus-visible{outline:3px solid #bc9459;outline-offset:3px}.feedback-context{display:flex;align-items:flex-start;gap:10px;margin:16px 0;font-size:.8rem;line-height:1.5}.feedback-dialog small{font-size:.75rem;line-height:1.6;color:var(--muted);display:block}
.feedback-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:20px 0 12px}.feedback-note,.feedback-address,[data-feedback-status]{font-size:.78rem;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.feedback-address{color:var(--jade)}
@keyframes feedback-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.taste-set-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #193c3510}}
@media(max-width:700px){.discovery-hero{grid-template-columns:1fr;gap:18px;padding:20px}.discovery-hero>img{grid-column:1;grid-row:1;height:135px;transform:none;box-shadow:none;object-position:center 48%}.discovery-hero>div{grid-column:1;grid-row:2}.discovery-hero h2{font-size:2rem}.feedback-launcher{right:16px;bottom:calc(82px + env(safe-area-inset-bottom,0px));min-height:44px;padding:10px 14px}.feedback-dialog{padding:20px;max-height:calc(100dvh - 24px)}.share-actions{display:flex;flex-wrap:wrap}.share-actions>*{flex:1 1 150px}.social-instructions{padding:14px}.feedback-dialog fieldset label{font-size:.76rem}}
@media(max-width:700px){.discovery-hero{gap:12px}.discovery-hero>img{height:105px}.discovery-hero h2{font-size:1.8rem;margin:8px 0 12px}.discovery-hero>div>p:not(.eyebrow){font-size:.9rem;margin:8px 0}.discovery-hero .city-sources{font-size:.78rem;display:inline-block;margin-right:8px}.feedback-launcher{width:46px;height:46px;border-radius:50%;padding:11px;justify-content:center}.feedback-launcher>span{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.feedback-launcher,.taste-set-card,.taste-set-photo img{animation:none;transition:none}.feedback-launcher:hover,.taste-set-card:hover{transform:none}}
