.tasting-passport{display:grid;gap:13px;margin:-7px 0 18px;padding:16px;color:var(--ink);background:#fffdf4;border:1px solid #eadf9e;border-radius:16px;box-shadow:0 10px 24px rgba(24,50,74,.07)}
.tasting-passport-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
.tasting-passport-head>div{display:grid;gap:4px}
.tasting-passport-head span{color:#8c6514;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.tasting-passport-head strong{font-size:15px;line-height:1.35}
.tasting-passport-head p{margin:0;color:#6d6856;font-size:12px;font-weight:650;line-height:1.55}
.tasting-passport-progress{padding:6px 8px;color:#6b5315;background:#fff4b8;border-radius:999px;font-size:11px;white-space:nowrap}
.tasting-passport-incoming{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px;color:#fff;background:linear-gradient(135deg,#17324a,#21546a);border-radius:12px}
.tasting-passport-incoming>div{display:grid;gap:3px}
.tasting-passport-incoming span{color:#ffe871;font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.tasting-passport-incoming strong{font-size:13px;line-height:1.4}
.tasting-passport-incoming p{margin:0;color:#d8e6eb;font-size:11px;font-weight:650;line-height:1.5;user-select:text}
.tasting-passport-incoming button{align-self:center;min-height:42px;padding:8px 11px;color:#17324a;background:#ffe871;border:1px solid #ffe871;border-radius:10px;cursor:pointer;font-size:11px;font-weight:950}
.tasting-passport-incoming>small{grid-column:1/-1;color:#bdd0d8;font-size:10px;font-weight:700}
.tasting-passport-fields{display:grid;gap:10px}
.tasting-passport-group{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;align-items:center}
.tasting-passport-group>span{color:#6d6856;font-size:11px;font-weight:900}
.tasting-passport-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.tasting-passport-options button{min-height:40px;padding:7px 5px;color:#5c594c;background:#fff;border:1px solid #ddd7bd;border-radius:10px;cursor:pointer;font-size:11px;font-weight:900}
.tasting-passport-options button[aria-pressed="true"]{color:#fff;background:var(--ink);border-color:var(--ink);box-shadow:0 0 0 2px #ffe871}
.tasting-passport-options button:focus-visible,.tasting-passport-actions button:focus-visible,.tasting-passport-incoming button:focus-visible{outline:3px solid rgba(236,120,61,.32);outline-offset:2px}
.tasting-passport-result{display:grid;gap:4px;padding:11px 12px;background:#f0f7f3;border-left:3px solid #258469}
.tasting-passport-result[hidden]{display:none}
.tasting-passport-result span{color:#28715e;font-size:10px;font-weight:950;letter-spacing:.1em}
.tasting-passport-result strong{font-size:13px;line-height:1.55;user-select:text}
.tasting-passport-actions{display:grid;grid-template-columns:1fr auto;gap:7px}
.tasting-passport-actions button{min-height:42px;padding:8px 12px;border-radius:10px;cursor:pointer;font-size:12px;font-weight:950}
.tasting-passport-share{color:#fff;background:var(--orange);border:1px solid var(--orange)}
.tasting-passport-share:disabled{color:#88877f;background:#e8e6dc;border-color:#e8e6dc;cursor:not-allowed}
.tasting-passport-reset{color:var(--ink);background:#fff;border:1px solid var(--ink)}
.tasting-passport-privacy{color:#777266;font-size:10px;font-weight:700;line-height:1.5}
.tasting-passport-status{min-height:1.4em;margin:-7px 0 0;color:#28715e;font-size:11px;font-weight:900}
@media(max-width:820px){
  .tasting-passport{padding:14px}
  .tasting-passport-head{grid-template-columns:1fr}
  .tasting-passport-incoming{grid-template-columns:1fr}
  .tasting-passport-incoming button{min-height:44px}
  .tasting-passport-incoming>small{grid-column:auto}
  .tasting-passport-progress{justify-self:start}
  .tasting-passport-group{grid-template-columns:1fr;gap:5px}
  .tasting-passport-options button{min-height:44px;font-size:12px}
  .tasting-passport-head p,.tasting-passport-result strong{font-size:13px}
  .tasting-passport-actions button{min-height:46px}
  .tasting-passport-privacy,.tasting-passport-status{font-size:12px}
}