.muted{color:var(--color-text-muted)}.small{font-size:var(--text-sm)}.stack{display:grid;gap:var(--space-3)}.stack-lg{display:grid;gap:var(--space-5)}.row{display:flex;align-items:center;gap:var(--space-2)}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.screen{max-width:var(--content-max);margin:0 auto;padding:calc(env(safe-area-inset-top) + var(--space-5)) var(--gutter) calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--space-6));display:grid;gap:var(--space-5)}.screen__head{display:flex;align-items:flex-start;gap:var(--space-3)}.screen__titles{flex:1;display:grid;gap:var(--space-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid transparent;font-weight:var(--weight-medium);cursor:pointer;transition:background var(--motion-fast),transform var(--motion-fast)}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;transform:none}.btn--primary:disabled{background:var(--color-surface-sunken);color:var(--color-text-muted)}.btn--secondary:disabled,.btn--ghost:disabled{opacity:.5}.btn--primary{background:var(--color-accent);color:var(--color-on-accent)}.btn--primary:hover:not(:disabled){background:var(--color-accent-strong)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border)}.btn--ghost{background:transparent;color:var(--color-accent);padding:0 var(--space-2)}.btn--danger{background:transparent;color:var(--color-danger);border-color:var(--color-border)}.btn--sm{min-height:36px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn--lg{min-height:56px;font-size:var(--text-lg)}.btn--block{width:100%}.icon-btn{display:inline-grid;place-items:center;width:var(--tap-min);height:var(--tap-min);border:0;background:transparent;border-radius:var(--radius-pill);cursor:pointer;margin-left:calc(-1 * var(--space-2))}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-sm);cursor:pointer;transition:all var(--motion-fast)}.chip--on{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent-strong);font-weight:var(--weight-medium)}.rating-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.rating-picker__option{min-height:56px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--motion-fast)}.rating-picker__option.is-on{color:var(--color-on-accent);border-color:transparent}.rating-picker__option.is-on[data-rating=loved]{background:var(--rating-loved)}.rating-picker__option.is-on[data-rating=liked]{background:var(--rating-liked)}.rating-picker__option.is-on[data-rating=meh]{background:var(--rating-meh)}.rating-picker__option.is-on[data-rating=nope]{background:var(--rating-nope)}.rating-badge{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-on-accent);background:var(--rating-meh)}.rating-badge[data-rating=loved]{background:var(--rating-loved)}.rating-badge[data-rating=liked]{background:var(--rating-liked)}.rating-badge[data-rating=nope]{background:var(--rating-nope)}.rating-badge.rating-badge--guess{background:transparent;color:var(--color-text);border:1.5px dashed var(--color-border)}.rating-badge.rating-badge--guess[data-rating=loved]{border-color:var(--rating-loved);color:var(--rating-loved)}.rating-badge.rating-badge--guess[data-rating=liked]{border-color:var(--rating-liked);color:var(--rating-liked)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-1)}.section{display:grid;gap:var(--space-3)}.section__head{display:flex;justify-content:space-between;align-items:baseline}.section__head h3{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.field{display:grid;gap:var(--space-1)}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium)}.field__hint{font-size:var(--text-sm);color:var(--color-text-muted)}.input{min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);width:100%}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.search{position:relative}.search .input{padding-left:42px}.search>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);cursor:pointer;min-height:var(--tap-min)}.toggle__label{display:block;font-weight:var(--weight-medium)}.toggle__desc{display:block;font-size:var(--text-sm);color:var(--color-text-muted)}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle__track{flex:none;width:46px;height:28px;border-radius:var(--radius-pill);background:var(--color-border);position:relative;transition:background var(--motion-fast)}.toggle__track:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--color-surface);box-shadow:var(--shadow-1);transition:transform var(--motion-medium)}.toggle input:checked+.toggle__track{background:var(--color-accent)}.toggle input:checked+.toggle__track:after{transform:translate(18px)}.toggle input:focus-visible+.toggle__track{outline:2px solid var(--color-focus);outline-offset:2px}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;gap:4px;background:var(--color-surface-sunken);border-radius:var(--radius-pill)}.segmented__opt{min-height:36px;border:0;border-radius:var(--radius-pill);background:transparent;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);cursor:pointer}.segmented__opt.is-on{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-1)}.empty{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-4);text-align:center;color:var(--color-text-muted)}.spinner{width:28px;height:28px;margin:var(--space-6) auto;border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--color-accent);animation:spin .8s linear infinite}.spinner--inline{width:16px;height:16px;margin:0;border-width:2px;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--space-4));transform:translate(-50%);background:var(--color-text);color:var(--color-bg);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);box-shadow:var(--shadow-2);font-weight:var(--weight-medium);z-index:30;animation:rise var(--motion-medium)}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.error{color:var(--color-danger);font-size:var(--text-sm)}.banner{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent-strong);font-size:var(--text-sm)}.banner p{flex:1}.wine-thumb{width:64px;height:80px;border-radius:var(--radius-sm);object-fit:cover;flex:none;background:var(--color-surface-sunken)}.wine-thumb--empty{display:grid;place-items:center;color:var(--color-text-muted)}.wine-thumb--empty[data-color=red]{color:var(--rating-loved)}.wine-thumb--empty[data-color=rose]{color:var(--rating-liked)}.wine-thumb--empty[data-color=white]{color:var(--color-highlight)}.wine-row{display:flex;gap:var(--space-3);align-items:flex-start}.wine-row--link{color:inherit;text-decoration:none}.wine-row__body{flex:1;min-width:0;display:grid;gap:2px}.wine-row__title{font-weight:var(--weight-bold)}.wine-row__meta{font-size:var(--text-sm);color:var(--color-text-muted)}.reason{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-accent-strong);font-weight:var(--weight-medium)}.reason[data-source=twins]{color:var(--color-success)}.list{display:grid;gap:var(--space-3)}.facts-row{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.fact{display:inline-flex;align-items:center;gap:6px;min-width:0}.fact>svg{flex:none;color:var(--color-accent)}.fact--wide{flex-basis:100%;color:var(--color-text)}.card--link{display:flex;color:inherit;text-decoration:none;transition:transform .1s,box-shadow .1s}.card--link:hover{box-shadow:var(--shadow-2)}.card--link:active{transform:scale(.99)}.card--link:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.wine-hero{display:block;width:100%;padding:0;border:0;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-sunken);cursor:zoom-in}.wine-hero img{display:block;width:100%;max-height:60vh;object-fit:contain}.wine-hero--empty{display:grid;place-items:center;aspect-ratio:4 / 3;color:var(--color-text-muted);cursor:default}.wine-hero--empty[data-color=red]{color:var(--rating-loved)}.wine-hero--empty[data-color=rose]{color:var(--rating-liked)}.wine-hero--empty[data-color=white]{color:var(--color-highlight)}.lightbox{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:var(--space-4);border:0;background:#000000eb;cursor:zoom-out}.lightbox img{max-width:100%;max-height:100%;object-fit:contain}.thumb-strip{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1)}.thumb-strip__opt{flex:none;width:56px;height:70px;padding:0;border:2px solid transparent;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface-sunken);cursor:pointer}.thumb-strip__opt img{width:100%;height:100%;object-fit:cover}.thumb-strip__opt.is-on{border-color:var(--color-accent)}.facts{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-4);margin:0;font-size:var(--text-sm)}.facts dt{color:var(--color-text-muted)}.facts dd{margin:0}.pressable{cursor:pointer;text-align:left;width:100%;font:inherit}.pressable.is-on{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft)}.tabbar{position:fixed;inset:auto 0 0;z-index:20;padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--color-surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border)}.tabbar__inner{max-width:var(--content-max);margin:0 auto;height:var(--tabbar-height);display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.tabbar a{display:grid;justify-items:center;gap:2px;font-size:var(--text-xs);text-decoration:none;color:var(--color-text-muted);padding:var(--space-2) 0}.tabbar a.active{color:var(--color-accent)}.tabbar a.tabbar__snap{color:var(--color-on-accent)}.tabbar__snap span.bubble{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--color-accent);box-shadow:var(--shadow-2);margin-top:-18px}.snap-target{display:grid;place-items:center;gap:var(--space-3);aspect-ratio:4 / 3;border-radius:var(--radius-lg);border:2px dashed var(--color-border);background:var(--color-surface-sunken);color:var(--color-text-muted);cursor:pointer;text-align:center;padding:var(--space-4)}.snap-photo{width:100%;max-height:260px;object-fit:cover;border-radius:var(--radius-lg)}.sticky-actions{position:sticky;bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom));z-index:5;margin:0 calc(-1 * var(--gutter));padding:var(--space-4) var(--gutter) var(--space-3);background:linear-gradient(to bottom,transparent,var(--color-bg) var(--space-4))}.screen--bare{--tabbar-height: 0px}.hero{display:grid;gap:var(--space-4);padding-top:var(--space-7)}.hero h1{font-size:2.5rem;color:var(--color-accent)}.trait-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.trait{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-sunken);font-size:var(--text-sm)}.member{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.member:last-child{border-bottom:0}.match{font-weight:var(--weight-bold);color:var(--color-accent)}.match--low{color:var(--color-text-muted)}.price-input{position:relative}.price-input>span{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.price-input .input{padding-left:32px}.disclosure{padding:0}.disclosure__toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border:0;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer}.disclosure__chevron{display:inline-flex;color:var(--color-text-muted);transform:rotate(-90deg);transition:transform .15s}.disclosure.is-open .disclosure__chevron{transform:rotate(90deg)}.disclosure__body{padding:0 var(--space-4) var(--space-4)}.writeup h4,.sources h4{margin:0 0 2px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.writeup p{margin:0}.sources ul{margin:0;padding-left:var(--space-4);font-size:var(--text-sm);display:grid;gap:var(--space-1)}.sources a{color:var(--color-accent-strong)}.filters{display:grid;gap:var(--space-2)}.filters .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.filters .chips::-webkit-scrollbar{display:none}.filters .chip{flex:none}:root{--palette-wine-950: #2a0a17;--palette-wine-800: #5c1530;--palette-wine-600: #8a2446;--palette-wine-400: #c25a7c;--palette-wine-100: #f6e3ea;--palette-paper: #fbf7f2;--palette-sand: #f1e9df;--palette-sand-dark: #e2d6c8;--palette-ink: #241419;--palette-stone: #75656b;--palette-gold: #b8862b;--palette-sage: #5f7a5c;--palette-slate: #5d6673;--palette-night: #161013;--palette-night-raised: #21181c;--palette-night-line: #382a30;--palette-mist: #efe4e7;--palette-mist-muted: #b9a7ad;--color-bg: var(--palette-paper);--color-surface: #ffffff;--color-surface-sunken: var(--palette-sand);--color-border: var(--palette-sand-dark);--color-text: var(--palette-ink);--color-text-muted: var(--palette-stone);--color-accent: var(--palette-wine-600);--color-accent-strong: var(--palette-wine-800);--color-accent-soft: var(--palette-wine-100);--color-on-accent: #ffffff;--color-highlight: var(--palette-gold);--color-success: var(--palette-sage);--color-danger: #b3261e;--color-focus: var(--palette-wine-400);--color-scrim: rgb(20 8 12 / .45);--rating-loved: var(--palette-wine-600);--rating-liked: var(--palette-wine-400);--rating-meh: var(--palette-stone);--rating-nope: var(--palette-slate);--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--leading-tight: 1.2;--leading-normal: 1.5;--weight-regular: 400;--weight-medium: 500;--weight-bold: 650;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgb(36 20 25 / .06), 0 1px 1px rgb(36 20 25 / .04);--shadow-2: 0 8px 24px rgb(36 20 25 / .12);--motion-fast: .12s ease-out;--motion-medium: .22s cubic-bezier(.2, .8, .2, 1);--tap-min: 44px;--content-max: 520px;--gutter: var(--space-4);--tabbar-height: 64px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: var(--palette-night);--color-surface: var(--palette-night-raised);--color-surface-sunken: #1b1317;--color-border: var(--palette-night-line);--color-text: var(--palette-mist);--color-text-muted: var(--palette-mist-muted);--color-accent: var(--palette-wine-400);--color-accent-strong: #e08aa6;--color-accent-soft: #3a1a26;--color-on-accent: #1a0b11;--rating-loved: #e07397;--rating-liked: #b8798e;--rating-meh: #8f8186;--rating-nope: #7f8a98;--shadow-1: none;--shadow-2: 0 8px 24px rgb(0 0 0 / .5);color-scheme:dark}}:root[data-theme=dark]{--color-bg: var(--palette-night);--color-surface: var(--palette-night-raised);--color-surface-sunken: #1b1317;--color-border: var(--palette-night-line);--color-text: var(--palette-mist);--color-text-muted: var(--palette-mist-muted);--color-accent: var(--palette-wine-400);--color-accent-strong: #e08aa6;--color-accent-soft: #3a1a26;--color-on-accent: #1a0b11;--rating-loved: #e07397;--rating-liked: #b8798e;--rating-meh: #8f8186;--rating-nope: #7f8a98;--shadow-1: none;--shadow-2: 0 8px 24px rgb(0 0 0 / .5);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin:0;letter-spacing:-.01em}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0}a{color:var(--color-accent)}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}