:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--html-bg:#e7ece7;--bg:#f7f4ed;--surface:#fffdfa;--surface-2:#eef3ee;--surface-raised:#fff;--ink:#17211c;--muted:#66726b;--line:#d6d8cc;--line-strong:#c3c8ba;--grid-line:#2d746c13;--accent:#2d746c;--accent-2:#b65d2e;--gold:#c69b49;--good:#206b4f;--bad:#9f3d35;--want:#7357a6;--good-soft:#dcebe4;--bad-soft:#f1ddd9;--want-soft:#e8e0f1;--active-soft:#e0ebe6;--tag-bg:#ecf0e7;--tag-ink:#445149;--image-bg:#f8f5ec;--dialog-hero:#eef2ea;--spec-bg:#fbfaf5;--bar-bg:#e5e1d6;--reason-bg:#fff7f5;--reason-line:#e0c5c2;--reason-chip-bg:#fff;--nav-bg:#fffdfaf0;--sticky-bg:#f7f4edeb;--empty-bg:#ffffff9e;--profile-metric-bg:#eef3ee;--button-on-accent:#fff;--shell-sheen:#ffffff70;--card-sheen:#ffffffb8;--shadow:0 18px 36px #1f1c141c;--soft-shadow:0 10px 24px #1f1c1414;--focus:#2d746c33;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--html-bg:#0d1110;--bg:#111715;--surface:#1b231f;--surface-2:#222c27;--surface-raised:#202a25;--ink:#f3efe4;--muted:#a9b8af;--line:#35413a;--line-strong:#4a5a51;--grid-line:#8bd2c50f;--accent:#8bd2c5;--accent-2:#f0ad68;--gold:#d3ad63;--good:#73c79d;--bad:#ee8d82;--want:#bda8ec;--good-soft:#20382f;--bad-soft:#3b2423;--want-soft:#302842;--active-soft:#243d39;--tag-bg:#28332d;--tag-ink:#ddd8c8;--image-bg:#101512;--dialog-hero:#17201c;--spec-bg:#161d1a;--bar-bg:#303b35;--reason-bg:#2a1c1d;--reason-line:#74433e;--reason-chip-bg:#1b221e;--nav-bg:#121815f0;--sticky-bg:#111715eb;--empty-bg:#2027209e;--profile-metric-bg:#202a25;--button-on-accent:#101512;--shell-sheen:#8bd2c50d;--card-sheen:#ffffff0d;--shadow:0 22px 44px #00000057;--soft-shadow:0 12px 28px #0000003d;--focus:#8bd2c538}*{box-sizing:border-box}[hidden]{display:none!important}body{background:linear-gradient(180deg, #2d746c1a, transparent 330px), linear-gradient(90deg, var(--grid-line) 0 1px, transparent 1px 100%), linear-gradient(0deg, var(--grid-line) 0 1px, transparent 1px 100%), var(--bg);min-height:100vh;color:var(--ink);background-size:100% 100%,26px 26px,26px 26px,auto;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{background:linear-gradient(180deg, var(--shell-sheen), transparent 220px), var(--bg);width:min(100%,480px);min-height:100vh;margin:0 auto;padding:18px 14px 104px;box-shadow:0 0 0 1px #17211c0f,0 28px 80px #1c251f1f}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:4px 2px 14px;display:flex}.brand-lockup{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.brand-mark{background:linear-gradient(145deg, #c69b49f5, #2d746ce6), var(--surface);color:#fffaf0;width:44px;height:44px;box-shadow:var(--soft-shadow);border:1px solid #c69b497a;border-radius:8px;place-items:center;font-size:1.15rem;font-weight:950;display:grid}.top-actions{flex:none;gap:8px;display:flex}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:1.6rem;line-height:1.02}h2{margin-bottom:0;font-size:1.12rem}h3{margin-bottom:6px;font-size:1rem}.icon-button,.primary-button,.secondary-button,.text-button,.quick-btn,.filter-chip,.nav-button{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.icon-button{border-radius:8px;place-items:center;min-width:42px;height:42px;padding:0 10px;font-size:.76rem;font-weight:900;display:inline-grid}.theme-toggle{border:1px solid var(--line-strong);background:var(--surface-2);box-shadow:var(--soft-shadow);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;display:grid}.theme-button{border:0;border-color:var(--line-strong);min-width:40px;height:34px;color:var(--muted);background:0 0;border-radius:6px;padding:0 6px;font-size:.7rem;font-weight:900}.theme-button.is-active{background:var(--accent);color:var(--button-on-accent)}.theme-button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.text-button{min-height:36px;color:var(--bad);border-radius:8px;padding:0 12px;font-weight:800}.primary-button{border-color:var(--accent);background:var(--accent);min-height:46px;color:var(--button-on-accent);border-radius:8px;padding:0 14px;font-weight:900}.secondary-button{border-color:var(--line-strong);background:var(--surface);min-height:36px;color:var(--ink);border-radius:8px;padding:0 12px;font-weight:850}.search-field{color:var(--muted);text-transform:uppercase;gap:6px;font-size:.77rem;font-weight:800;display:grid}.search-field input{border:1px solid var(--line);background:var(--surface-raised);width:100%;min-height:50px;color:var(--ink);box-shadow:var(--soft-shadow);border-radius:8px;outline:none;padding:0 14px 0 42px}.search-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus), var(--soft-shadow)}.search-field{position:relative}.search-field:after{content:"";border:2px solid var(--accent);opacity:.78;border-radius:50%;width:14px;height:14px;position:absolute;bottom:15px;left:14px}.search-field:before{content:"";background:var(--accent);opacity:.78;border-radius:999px;width:8px;height:2px;position:absolute;bottom:13px;left:28px;transform:rotate(45deg)}.taste-strip{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.taste-stat{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;min-width:0;padding:10px 11px;box-shadow:0 8px 18px #1f1c140d}.taste-stat strong{color:var(--ink);font-size:1.05rem;display:block}.taste-stat span{color:var(--muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.72rem;font-weight:800;display:block;overflow:hidden}.view{display:none}.view.is-active{display:block}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin:14px 0 12px;display:flex}.heading-actions{align-items:center;gap:8px;display:flex}.count-pill{background:var(--active-soft);min-width:36px;height:30px;color:var(--accent);border:1px solid #2d746c29;border-radius:999px;place-items:center;font-weight:900;display:inline-grid}.stack,.grid{gap:12px;display:grid}.filter-row{scrollbar-width:none;gap:8px;margin:0 -14px 12px;padding:0 14px 2px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.match-type-filter{gap:7px;margin-bottom:12px;display:grid}.match-type-filter>span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.match-type-row{margin-bottom:0}.filter-chip{border-radius:999px;flex:none;min-height:36px;padding:0 12px;font-size:.82rem;font-weight:800;box-shadow:0 7px 14px #1f1c140a}.filter-chip.is-active{border-color:var(--accent);background:var(--accent);color:var(--button-on-accent)}.shelf-controls,.match-controls{border:1px solid var(--line);background:var(--surface-raised);box-shadow:var(--soft-shadow);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px;padding:10px;display:grid}.match-controls{grid-template-columns:minmax(0,1fr)}.shelf-controls .select-field:last-child,.match-controls .select-field{grid-column:1/-1}.select-field{min-width:0;color:var(--muted);text-transform:uppercase;gap:6px;font-size:.72rem;font-weight:800;display:grid}.select-field select{border:1px solid var(--line);background:var(--spec-bg);width:100%;min-height:44px;color:var(--ink);border-radius:8px;outline:none;padding:0 10px}.select-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.bottle-card{border:1px solid var(--line);background:linear-gradient(135deg, var(--card-sheen), transparent 44%), var(--surface-raised);min-height:178px;box-shadow:var(--shadow);border-radius:8px;grid-template-columns:116px minmax(0,1fr);gap:12px;padding:11px;display:grid;position:relative;overflow:hidden}#recommendationList .bottle-card:first-child{border-color:#c69b499e}.bottle-card:before{content:"";background:linear-gradient(180deg, var(--accent), var(--gold));opacity:0;width:4px;position:absolute;inset:0 auto 0 0}#recommendationList .bottle-card:first-child:before,.bottle-card.has-status:before{opacity:1}.bottle-card.status-liked:before{background:var(--good)}.bottle-card.status-disliked:before{background:var(--bad)}.bottle-card.status-want:before{background:var(--want)}.bottle-art{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff70, transparent 44%), linear-gradient(135deg, var(--image-bg), var(--surface-2));border-radius:8px;width:100%;height:100%;min-height:140px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff38}.bottle-art:after{content:"+";border:1px solid var(--line);background:var(--surface-raised);width:22px;height:22px;color:var(--accent);pointer-events:none;border-radius:50%;place-items:center;font-size:.84rem;font-weight:950;display:grid;position:absolute;bottom:6px;right:6px;box-shadow:0 8px 16px #1f1c141f}.product-photo{width:100%;height:100%;min-height:inherit;object-fit:contain;padding:6px}.product-photo-button{width:100%;height:100%;min-height:inherit;background:0 0;border:0;padding:0;display:grid}.product-photo-button:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.product-photo-pair{grid-template-columns:minmax(0,1fr) minmax(0,.84fr);gap:2px}.product-photo-pair .product-photo{padding:5px 2px 5px 5px}.product-photo-pair .product-photo+.product-photo,.product-photo-pair .product-photo-button+.product-photo-button .product-photo{padding:5px 5px 5px 2px}.card-content{align-content:start;min-width:0;display:grid}.meta-line{min-width:0;color:var(--muted);grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:8px;margin-bottom:4px;font-size:.78rem;font-weight:800;display:grid}.price{max-width:100%;color:var(--accent-2);white-space:nowrap;font-weight:950;display:block}.bottle-name{overflow-wrap:anywhere;margin:0 0 4px;font-size:1.04rem;line-height:1.13}.note{color:var(--muted);margin:0 0 8px;font-size:.84rem;line-height:1.35}.tag-row{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.tag{background:var(--tag-bg);max-width:100%;color:var(--tag-ink);border:1px solid #66726b1c;border-radius:999px;padding:4px 8px;font-size:.7rem;font-weight:800}.match-line{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin-bottom:10px;display:grid}.match-score{background:conic-gradient(var(--accent) var(--score), var(--active-soft) 0);width:44px;height:44px;color:var(--ink);border-radius:50%;place-items:center;font-size:.8rem;font-weight:950;display:inline-grid;position:relative}.match-score:before{content:"";border-radius:inherit;background:var(--surface-raised);position:absolute;inset:5px}.match-score>span{z-index:1;position:relative}.match-reason{color:var(--ink);margin:0;font-size:.77rem;line-height:1.25}.actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.quick-btn{min-width:0;min-height:36px;color:var(--muted);background:var(--surface-raised);border-radius:8px;padding:0 4px;font-size:.72rem;font-weight:900}.quick-btn.is-active{color:var(--button-on-accent)}.quick-btn[data-status=tried].is-active{border-color:var(--accent);background:var(--accent)}.quick-btn[data-status=liked].is-active{border-color:var(--good);background:var(--good)}.quick-btn[data-status=disliked].is-active{border-color:var(--bad);background:var(--bad)}.quick-btn[data-status=want].is-active{border-color:var(--want);background:var(--want)}.compare-button{color:var(--accent-2);background:var(--spec-bg);border-color:#b65d2e47;grid-column:span 2}.compare-button.is-active{border-color:var(--accent-2);background:var(--accent-2);color:var(--button-on-accent)}.dialog-body .compare-button{grid-column:1/-1}.details-button{color:var(--accent);background:var(--active-soft);border-color:#2d746c47;grid-column:span 2}.bottom-nav{z-index:4;width:min(100%,480px);padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -16px 28px #12181514}.nav-button{min-height:54px;color:var(--muted);border-radius:8px;place-items:center;gap:2px;font-size:.76rem;font-weight:900;display:grid;position:relative}.nav-badge{background:var(--accent-2);min-width:18px;height:18px;color:var(--button-on-accent);border-radius:999px;place-items:center;padding:0 5px;font-size:.64rem;font-weight:950;display:grid;position:absolute;top:5px;right:9px}.nav-button.is-active{border-color:var(--accent);color:var(--accent);background:var(--active-soft)}.nav-icon{background:var(--surface-2);border-radius:8px;place-items:center;width:24px;height:24px;display:grid;position:relative}.nav-icon:before,.nav-icon:after{content:"";position:absolute}.nav-icon-match:before{border:2px solid;border-radius:50%;width:12px;height:12px}.nav-icon-match:after{background:currentColor;border-radius:999px;width:8px;height:2px;bottom:4px;right:3px;transform:rotate(45deg)}.nav-icon-shelf:before{border:2px solid;border-radius:3px;inset:5px 4px}.nav-icon-shelf:after{background:currentColor;height:2px;top:11px;left:6px;right:6px}.nav-icon-compare:before{border:2px solid;border-radius:999px;width:14px;height:4px;top:5px;left:5px}.nav-icon-compare:after{border:2px solid;border-radius:999px;width:14px;height:4px;bottom:5px;right:5px}.nav-icon-profile:before{background:currentColor;border-radius:50%;width:8px;height:8px;top:4px}.nav-icon-profile:after{border:2px solid;border-bottom:0;border-top-left-radius:9px;border-top-right-radius:9px;height:8px;bottom:4px;left:5px;right:5px}.nav-button.is-active .nav-icon{background:var(--surface-raised)}.compare-panel{gap:12px;display:grid}.compare-summary{background:linear-gradient(135deg, #2d746c1f, transparent 60%), var(--surface-raised);box-shadow:var(--soft-shadow);border:1px solid #2d746c2e;border-radius:8px;gap:4px;padding:12px;display:grid}.compare-summary strong{font-size:.94rem}.compare-summary span{color:var(--muted);font-size:.8rem;font-weight:760;line-height:1.35}.compare-board{grid-template-columns:repeat(var(--compare-columns), minmax(154px, 1fr));scrollbar-width:none;gap:10px;padding-bottom:4px;display:grid;overflow-x:auto}.compare-board::-webkit-scrollbar{display:none}.compare-card{border:1px solid var(--line);background:linear-gradient(135deg, var(--card-sheen), transparent 46%), var(--surface-raised);min-width:0;box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.compare-media{height:160px;padding:10px 10px 0;position:relative}.compare-media .bottle-art{min-height:150px}.compare-remove{background:var(--surface);width:34px;min-width:34px;height:34px;box-shadow:var(--soft-shadow);position:absolute;top:16px;right:16px}.compare-card-body{gap:10px;padding:12px;display:grid}.compare-card h3{overflow-wrap:anywhere;margin:-4px 0 0;font-size:.98rem;line-height:1.16}.compare-scoreline{color:var(--ink);grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;font-size:.76rem;font-weight:760;line-height:1.25;display:grid}.compare-spec-list{gap:6px;margin:0;display:grid}.compare-spec-list div{border:1px solid var(--line);background:var(--spec-bg);border-radius:8px;gap:2px;padding:8px;display:grid}.compare-spec-list dt{color:var(--muted);text-transform:uppercase;font-size:.64rem;font-weight:850}.compare-spec-list dd{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:.78rem;font-weight:850;line-height:1.25}.compare-mini-bars{gap:7px;display:grid}.compare-mini-row{color:var(--muted);grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:6px;font-size:.68rem;font-weight:850;display:grid}.compare-mini-row .bar{height:7px}.compare-mini-row strong{color:var(--ink);text-align:right}.compare-tags{margin-bottom:0}.compare-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.compare-card-actions .secondary-button{min-height:36px;padding:0 8px;font-size:.74rem}.bottle-dialog{width:min(94vw,452px);max-height:92vh;color:var(--ink);background:0 0;border:0;border-radius:8px;padding:0}.bottle-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1116139e}.image-dialog{width:min(96vw,920px);max-height:96vh;color:var(--ink);background:0 0;border:0;padding:0}.image-dialog::backdrop{background:#080a09c7}.image-viewer{border:1px solid var(--line);background:var(--surface);max-height:96vh;box-shadow:var(--shadow);border-radius:8px;gap:10px;padding:12px;display:grid;position:relative}.image-close-button{z-index:2;background:var(--surface);position:absolute;top:12px;right:12px}.zoom-photo{object-fit:contain;background:var(--image-bg);border-radius:8px;width:100%;max-width:100%;max-height:calc(96vh - 78px);display:block}.image-caption{color:var(--muted);text-align:center;margin:0;font-size:.82rem;font-weight:800}.user-dialog,.transfer-dialog,.policy-dialog{width:min(92vw,390px);color:var(--ink);background:0 0;border:0;border-radius:8px;padding:0}.transfer-dialog{width:min(94vw,520px)}.user-dialog::backdrop,.transfer-dialog::backdrop,.policy-dialog::backdrop{background:#080a0994}.user-card,.transfer-card{border:1px solid var(--line);background:var(--surface-raised);box-shadow:var(--shadow);border-radius:8px;gap:14px;padding:20px;display:grid;position:relative}.transfer-card{padding-top:24px}.policy-card{max-height:88vh;overflow:auto}.policy-body{gap:12px;display:grid}.policy-section{border:1px solid var(--line);background:var(--spec-bg);border-radius:8px;gap:7px;padding:12px;display:grid}.policy-section h3,.policy-section p{margin:0}.policy-section h3{font-size:.92rem}.policy-section p{color:var(--muted);font-size:.86rem;font-weight:650;line-height:1.45}.transfer-close-button{width:34px;min-height:34px;position:absolute;top:12px;right:12px}.form-field{color:var(--muted);text-transform:uppercase;gap:6px;font-size:.77rem;font-weight:800;display:grid}.form-field input{border:1px solid var(--line);background:var(--spec-bg);width:100%;min-height:46px;color:var(--ink);border-radius:8px;outline:none;padding:0 12px}.form-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.field-help{color:var(--muted);text-transform:none;font-size:.75rem;font-weight:650;line-height:1.35}.user-scope-note{margin-bottom:0}.check-row{color:var(--ink);grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;font-size:.9rem;font-weight:750;display:grid}.check-row input{width:18px;height:18px;accent-color:var(--accent)}.transfer-text{border:1px solid var(--line);background:var(--spec-bg);width:100%;min-height:220px;color:var(--ink);resize:vertical;border-radius:8px;padding:10px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.45}.transfer-text:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus);outline:none}.transfer-message{min-height:18px;color:var(--muted);font-size:.82rem;font-weight:750}.transfer-location{border:1px solid var(--line);background:var(--spec-bg);border-radius:8px;gap:5px;padding:10px 12px;display:grid}.transfer-location span{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:850}.transfer-location strong{color:var(--ink);overflow-wrap:anywhere;font-size:.9rem;line-height:1.25}.transfer-location small{color:var(--muted);font-size:.78rem;font-weight:650;line-height:1.35}.transfer-actions{flex-wrap:wrap;gap:8px;display:flex}.feedback-card{max-height:90vh;overflow:auto}.feedback-card h2,.feedback-recipient,.feedback-privacy{margin:0}.feedback-recipient{color:var(--muted);font-size:.86rem;font-weight:700}.feedback-recipient strong{color:var(--ink);overflow-wrap:anywhere}.feedback-form{gap:14px;display:grid}.feedback-kind{border:0;gap:7px;min-width:0;margin:0;padding:0;display:grid}.feedback-kind legend,.feedback-field>span{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:850}.feedback-kind legend{margin-bottom:7px}.feedback-segments{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.feedback-type-button{min-width:0;min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0 8px;font-size:.78rem;font-weight:850}.feedback-type-button.is-active{background:var(--accent);color:var(--button-on-accent);box-shadow:var(--soft-shadow)}.feedback-field{gap:7px;display:grid}.feedback-text{border:1px solid var(--line-strong);background:var(--spec-bg);width:100%;min-height:140px;color:var(--ink);font:inherit;resize:vertical;border-radius:8px;padding:11px 12px;font-size:.9rem;line-height:1.45}.feedback-text::placeholder{color:var(--muted)}.feedback-privacy{color:var(--muted);font-size:.78rem;font-weight:650;line-height:1.4}.feedback-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.feedback-actions button,.feedback-entry-button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.feedback-actions button{min-height:46px;padding-left:10px;padding-right:10px;font-size:.8rem}.button-icon{flex:none;width:17px;height:17px}.policy-section a{color:var(--accent);font-weight:850}.dialog-card{border:1px solid var(--line);background:var(--surface-raised);max-height:92vh;box-shadow:var(--shadow);border-radius:8px;position:relative;overflow:auto}.close-button{z-index:2;background:var(--surface);margin:10px 10px -52px auto;position:sticky;top:10px;left:calc(100% - 52px)}.dialog-hero{border-bottom:1px solid var(--line);background:linear-gradient(135deg, var(--card-sheen), transparent 52%), var(--dialog-hero);grid-template-columns:44% 1fr;gap:14px;padding:18px 18px 16px;display:grid}.dialog-hero .bottle-art{min-height:224px}.photo-source{color:var(--muted);margin:2px 0 0;font-size:.72rem;line-height:1.35}.photo-source a{color:var(--accent);font-weight:850;text-decoration:none}.personal-note-panel{border:1px solid var(--line);background:linear-gradient(135deg, var(--card-sheen), transparent 58%), var(--spec-bg);border-radius:8px;margin:12px 0;padding:12px}.personal-note-panel h3{margin-bottom:8px}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.spec{border:1px solid var(--line);background:var(--spec-bg);border-radius:8px;min-width:0;padding:10px;box-shadow:inset 0 1px #ffffff2e}.spec span{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:800;display:block}.spec strong{overflow-wrap:anywhere;font-size:.88rem;display:block}.flavor-bars{gap:8px;margin:12px 0 14px;display:grid}.bar-row{color:var(--muted);grid-template-columns:62px minmax(0,1fr) 26px;align-items:center;gap:8px;font-size:.75rem;font-weight:800;display:grid}.bar{background:var(--bar-bg);border-radius:999px;height:9px;overflow:hidden}.bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--gold));height:100%}.reason-panel{border:1px solid var(--reason-line);background:var(--reason-bg);border-radius:8px;margin-top:14px;padding:12px}.reason-panel h3{color:var(--bad)}.reason-grid{flex-wrap:wrap;gap:8px;display:flex}.reason-chip{border:1px solid var(--reason-line);background:var(--reason-chip-bg);min-height:34px;color:var(--bad);border-radius:999px;padding:0 10px;font-size:.78rem;font-weight:850}.reason-chip.is-active{background:var(--bad);color:#fff}.note-box{border:1px solid var(--line);background:var(--surface-raised);width:100%;min-height:84px;color:var(--ink);resize:vertical;border-radius:8px;margin-top:10px;padding:10px}.note-box:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus);outline:none}.profile-panel{gap:12px;display:grid}.profile-card{border:1px solid var(--line);background:linear-gradient(135deg, var(--card-sheen), transparent 58%), var(--surface-raised);box-shadow:var(--soft-shadow);border-radius:8px;padding:14px}.user-summary{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;display:grid}.profile-actions{flex-wrap:wrap;gap:8px;display:flex}.responsible-card{gap:10px;display:grid}.responsible-card .secondary-button{justify-self:start}@media (width>=480px){.user-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center}.profile-actions{justify-content:flex-end}}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.profile-metric{background:var(--profile-metric-bg);border:1px solid #66726b1f;border-radius:8px;padding:12px}.profile-metric strong{font-size:1.35rem;display:block}.profile-metric span{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:850}.history-list{gap:8px;display:grid}.history-item{background:var(--spec-bg);color:inherit;text-align:left;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.status-badge{background:var(--tag-bg);color:var(--muted);border-radius:999px;padding:5px 8px;font-size:.7rem;font-weight:900}.status-badge.liked{background:var(--good-soft);color:var(--good)}.status-badge.disliked{background:var(--bad-soft);color:var(--bad)}.status-badge.want{background:var(--want-soft);color:var(--want)}.empty-state{border:1px dashed var(--line);background:var(--empty-bg);color:var(--muted);text-align:center;border-radius:14px;justify-items:center;gap:10px;padding:20px 18px;display:grid}.empty-state p{margin:0}.empty-title{color:var(--text);font-size:.98rem;font-weight:900}.empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:2px;display:flex}.empty-action{background:var(--accent);color:#fff;border:0;border-radius:999px;min-height:38px;padding:9px 13px;font-weight:900;box-shadow:0 10px 22px #754f3133}.recommendation-onboarding{border-style:solid;border-color:color-mix(in srgb, var(--accent) 35%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 9%, transparent), transparent 58%), var(--empty-bg);text-align:left;justify-items:start;margin-bottom:14px;padding:14px 15px}.recommendation-onboarding[hidden]{display:none}.recommendation-onboarding .empty-actions{justify-content:flex-start;width:100%;margin-top:0}@media (width>=760px){body{padding:24px 0}.app-shell{border-radius:24px;min-height:calc(100vh - 48px)}.bottom-nav{border-right:1px solid var(--line);border-left:1px solid var(--line);border-radius:18px 18px 0 0;left:50%;right:auto;transform:translate(-50%)}}@media (width<=380px){.bottle-card,.bottle-card.is-compact{grid-template-columns:92px minmax(0,1fr)}.actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-hero{grid-template-columns:1fr}}:root{--html-bg:#edf0eb;--bg:#f8f6ef;--surface:#fffdf8;--surface-2:#eef4ef;--muted:#5f6d66;--line:#d8dccf;--line-strong:#bfc8ba;--grid-line:#2d746c0b;--shadow:0 16px 34px #1f1c141a;--soft-shadow:0 8px 20px #1f1c1412}body{background:linear-gradient(180deg, #c69b4921, #2d746c12 260px, transparent 430px), linear-gradient(90deg, var(--grid-line) 0 1px, transparent 1px 100%), linear-gradient(0deg, var(--grid-line) 0 1px, transparent 1px 100%), var(--bg)}.app-shell{background:linear-gradient(180deg, var(--shell-sheen), transparent 260px), var(--bg);box-shadow:0 0 0 1px #17211c0e,0 24px 72px #1c251f1a}.theme-button,.filter-chip,.nav-button,.quick-btn{background:linear-gradient(180deg, var(--card-sheen), transparent), var(--surface)}.search-panel{border-bottom:1px solid #66726b2e;margin-bottom:10px;padding-bottom:16px}.search-field input{border-color:var(--line-strong);box-shadow:0 10px 22px #1f1c1412}.taste-stat{padding:10px 11px 9px;box-shadow:0 7px 16px #1f1c140b}.bottle-card{box-shadow:var(--soft-shadow);padding:12px}.bottle-card.is-featured{background:linear-gradient(135deg, #c69b4924, transparent 42%), linear-gradient(135deg, var(--card-sheen), transparent 58%), var(--surface-raised);border-color:#c69b49c7;box-shadow:0 18px 38px #1f1c1421}.bottle-art{background:linear-gradient(180deg, #ffffff94, transparent 46%), linear-gradient(135deg, var(--image-bg), var(--surface-2));border-color:#66726b2e}.card-kicker{width:fit-content;color:var(--accent-2);text-transform:uppercase;background:#c69b4924;border:1px solid #c69b4975;border-radius:999px;margin-bottom:6px;padding:4px 8px;font-size:.68rem;font-weight:950}.meta-line{margin-bottom:5px}.meta-line span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bottle-name{margin-bottom:5px;font-size:1.06rem;line-height:1.15}.note{margin-bottom:9px;font-size:.85rem;line-height:1.42}.match-line{background:var(--spec-bg);border:1px solid #2d746c1f;border-radius:8px;margin-bottom:11px;padding:8px}.match-score{width:46px;height:46px;font-size:.82rem}.match-reason{color:var(--muted);font-size:.78rem;font-weight:720;line-height:1.3}.quick-btn[data-status=liked]{border-color:color-mix(in srgb, var(--good) 28%, var(--line))}.quick-btn[data-status=disliked]{border-color:color-mix(in srgb, var(--bad) 28%, var(--line))}.quick-btn[data-status=want]{border-color:color-mix(in srgb, var(--want) 28%, var(--line))}.bottom-nav{border-top:1px solid #66726b2e;box-shadow:0 -14px 26px #12181512}.nav-button.is-active{background:linear-gradient(180deg, #2d746c1a, transparent), var(--active-soft)}.theme-toggle .theme-button{box-shadow:none;background:0 0}:root{--html-bg:#143638;--bg:#f3ece2;--surface:#faf6ef;--surface-2:#e9dfd3;--surface-raised:#fffaf3;--ink:#17292a;--muted:#6d6a63;--line:#ddd1c1;--line-strong:#c8b8a4;--grid-line:#2352510b;--accent:#245a59;--accent-deep:#173b3d;--accent-2:#a56631;--gold:#c68b40;--good:#3f7558;--bad:#9a4b3e;--want:#76617d;--good-soft:#dce8dd;--bad-soft:#f0ddd7;--want-soft:#e8dfea;--active-soft:#dce8e2;--tag-bg:#ece4d9;--tag-ink:#4b514c;--image-bg:#eee5d9;--dialog-hero:#f2e9dc;--spec-bg:#f6f0e7;--bar-bg:#ded4c6;--reason-bg:#fbefeb;--reason-line:#d9bab2;--reason-chip-bg:#fffaf3;--nav-bg:#173b3dfa;--sticky-bg:#faf6eff7;--empty-bg:#fffaf3c2;--profile-metric-bg:#eee5da;--button-on-accent:#fff8ed;--shell-sheen:#ffffff57;--card-sheen:#ffffff80;--shadow:0 18px 44px #19272424;--soft-shadow:0 9px 24px #19272417;--focus:#c68b4047;font-family:Inter,Aptos,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--html-bg:#081817;--bg:#101a19;--surface:#182523;--surface-2:#22322f;--surface-raised:#1d2b28;--ink:#f4ecdf;--muted:#b4aea3;--line:#34433f;--line-strong:#52615b;--grid-line:#c29d650a;--accent:#91beb4;--accent-deep:#102f30;--accent-2:#d19a5e;--gold:#ddb06b;--good:#79bd8f;--bad:#e18a7b;--want:#c1a5ce;--good-soft:#21392d;--bad-soft:#402725;--want-soft:#342a3a;--active-soft:#233d38;--tag-bg:#2b3834;--tag-ink:#e2d9c9;--image-bg:#111b19;--dialog-hero:#162522;--spec-bg:#15201e;--bar-bg:#34413d;--reason-bg:#2b1f1d;--reason-line:#72483f;--reason-chip-bg:#1b2825;--nav-bg:#091d1dfa;--sticky-bg:#182523f7;--empty-bg:#1d2b28c7;--profile-metric-bg:#23322f;--button-on-accent:#10201e;--shell-sheen:#ddb06b0a;--card-sheen:#ffffff09;--shadow:0 22px 50px #00000061;--soft-shadow:0 11px 28px #00000042;--focus:#ddb06b40}html{background:var(--html-bg)}body{background:linear-gradient(90deg, #c68b4014, transparent 30%, #08181729), var(--html-bg);color:var(--ink)}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:var(--bg);width:min(100%,520px);padding:0 16px 112px;box-shadow:0 0 0 1px #c68b4038,0 30px 90px #04121247}.topbar{padding:calc(18px + env(safe-area-inset-top)) 18px 22px;background:var(--accent-deep);color:#fff7e9;border-bottom:1px solid #ddb06b61;margin:0 -16px;position:relative}.topbar:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:1px;position:absolute;bottom:-1px;left:18px;right:18px}.brand-lockup{grid-template-columns:50px minmax(0,1fr);gap:12px}.brand-mark{width:50px;height:50px;color:var(--gold);background:#fff8ed0a;border-color:#ddb06bb8;border-radius:8px;box-shadow:inset 0 0 0 1px #fff8ed0a}.brand-mark svg{width:29px;height:29px}.brand-copy{min-width:0}.brand-copy h1,h2,h3,.bottle-name,.taste-stat strong,.profile-metric strong{letter-spacing:0;font-family:Georgia,Iowan Old Style,Palatino Linotype,Palatino,serif;font-weight:600}.brand-copy h1{color:#fff7e9;margin:0;font-size:2rem;line-height:.98}#userEyebrow{color:#fff7e9ad;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin:5px 0 0;font-size:.66rem;font-weight:750;overflow:hidden}.theme-toggle{box-shadow:none;background:#0719196b;border-color:#fff7e92e;gap:2px;padding:3px}.theme-button{color:#fff7e9a3;min-width:36px;height:32px}.theme-toggle .theme-button.is-active{background:var(--gold);color:#17292a}.search-panel{z-index:2;border-bottom:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;margin:0 -16px 12px;padding:18px 16px 14px;position:relative;top:auto}.search-panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.search-panel-heading h2{margin:0;font-size:1.42rem;line-height:1.05}.heading-action-button{border:1px solid var(--line);background:var(--surface-2);width:38px;min-width:38px;height:38px;color:var(--accent);border-radius:50%;flex:none;padding:0}.heading-action-button:hover{border-color:var(--accent);background:var(--active-soft)}.heading-action-button svg{width:18px;height:18px}.search-field{display:block;position:relative}.search-field input{border-color:var(--line-strong);background:var(--surface-raised);border-radius:8px;min-height:50px;padding:0 42px;box-shadow:0 7px 18px #1e2f2b12}.search-field:before,.search-field:after{content:none}.search-icon{z-index:1;width:20px;height:20px;color:var(--muted);pointer-events:none;position:absolute;top:15px;left:14px}.taste-strip{border-top:1px solid var(--line);gap:0;margin-top:13px;padding-top:11px}.taste-stat{border:0;border-right:1px solid var(--line);box-shadow:none;text-align:center;background:0 0;border-radius:0;padding:0 10px}.taste-stat:first-child{padding-left:0}.taste-stat:last-child{border-right:0;padding-right:0}.taste-stat strong{color:var(--accent);font-size:1.02rem}.taste-stat span{margin-top:2px;font-size:.62rem}.section-heading{align-items:center;margin:18px 0 13px}.section-heading h2{font-size:1.48rem;line-height:1.08}.eyebrow{color:var(--accent-2);margin-bottom:5px;font-size:.65rem;font-weight:850}.count-pill,.collection-count{background:var(--active-soft);min-width:34px;height:28px;color:var(--accent);border:1px solid #245a5933;border-radius:999px;place-items:center;padding:0 8px;font-size:.76rem;font-weight:900;display:inline-grid}.match-type-filter{gap:8px;margin-bottom:13px}.match-type-filter>span{color:var(--ink);font-size:.65rem}.match-type-row{scroll-snap-type:x proximity;gap:7px;margin:0 -16px;padding:0 16px 6px;scroll-padding-inline:16px}.match-type-row .filter-chip{border-color:var(--line);background:var(--surface-raised);width:auto;min-width:max-content;min-height:44px;color:var(--ink);box-shadow:none;scroll-snap-align:start;white-space:nowrap;border-radius:999px;justify-content:flex-start;align-items:center;gap:7px;padding:6px 12px 6px 7px;font-size:.72rem;line-height:1;display:inline-flex}.category-icon{background:var(--spec-bg);width:30px;height:30px;color:var(--accent-2);border-radius:50%;flex:0 0 30px;place-items:center;display:grid}.category-icon .ui-icon{width:17px;height:17px}.match-type-row .filter-chip.is-active{border-color:var(--gold);background:var(--accent-deep);color:#fff7e9;box-shadow:inset 0 0 0 1px #c68b4047}.match-type-row .filter-chip.is-active .category-icon{background:var(--gold);color:var(--accent-deep)}.shelf-controls,.match-controls{border:1px solid var(--line);box-shadow:none;background:0 0;border-left:0;border-right:0;border-radius:0;margin-bottom:15px;padding:11px 0}.select-field select{border-color:var(--line-strong);background:var(--surface-raised)}.stack,.grid,.profile-panel,.compare-panel{gap:14px}.favorites-grid{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.favorite-card{border:1px solid var(--line);background:var(--surface-raised);min-width:0;box-shadow:var(--soft-shadow);border-radius:8px;display:grid;overflow:hidden}.favorite-card>.bottle-art{aspect-ratio:4/3;border:0;border-bottom:1px solid var(--line);border-radius:0;width:100%;height:auto;min-height:0}.favorite-card .product-photo{padding:14px}.favorite-card .product-photo-pair .product-photo{padding:12px 8px}.favorite-card-body{gap:9px;padding:14px;display:grid}.favorite-card-body .bottle-name,.favorite-card-body .note{margin:0}.favorite-actions{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;margin-top:3px;display:grid}.favorite-actions .quick-btn,.favorite-actions .details-button{flex-direction:row;grid-column:auto;min-height:42px}.favorite-actions .favorite-remove-button{border-color:color-mix(in srgb, var(--bad) 45%, var(--line));background:var(--surface);width:42px;min-width:42px;color:var(--bad);padding:0}.favorite-actions .favorite-remove-button .ui-icon{width:18px;height:18px}.favorites-grid>.empty-state{grid-column:1/-1}.bottle-card,.compare-card,.profile-card{border-color:var(--line);background:var(--surface-raised);box-shadow:var(--soft-shadow);border-radius:8px}.bottle-card{grid-template-columns:122px minmax(0,1fr);gap:13px;min-height:190px;padding:12px}.bottle-card.is-compact{grid-template-columns:110px minmax(0,1fr);min-height:176px}.bottle-card:before{background:var(--gold);width:3px}.bottle-card.is-featured{background:var(--surface-raised);box-shadow:var(--shadow);border-color:#c68b40b8;grid-template-columns:1fr;gap:0;padding:0}.bottle-card.is-featured:before{background:linear-gradient(90deg, var(--accent), var(--gold), var(--accent-2));width:100%;height:3px;inset:0 0 auto}.bottle-card.is-featured .bottle-art{border:0;border-bottom:1px solid var(--line);border-radius:0;min-height:250px}.bottle-card.is-featured .card-content{padding:16px}.bottle-art{background:linear-gradient(180deg, #ffffff8f, transparent 48%), var(--image-bg);border-color:#7063512e;border-radius:8px;min-height:156px}.product-photo{filter:drop-shadow(0 12px 12px #23201b26);padding:7px}.card-kicker{color:var(--accent-2);background:#c68b401f;border-color:#c68b407a;margin-bottom:8px}.meta-line{color:var(--muted);font-size:.72rem}.price{color:var(--accent-2)}.bottle-name{color:var(--ink);margin-bottom:6px;font-size:1.16rem;line-height:1.1}.note{color:var(--muted);font-size:.82rem;line-height:1.42}.tag{background:var(--tag-bg);border:1px solid #70635121;border-radius:999px;padding:4px 7px;font-size:.66rem}.match-line{background:var(--spec-bg);border-color:#245a5924;margin-bottom:11px;padding:8px}.match-score{background:conic-gradient(var(--gold) var(--score), var(--active-soft) 0)}.match-reason{font-size:.75rem}.actions{gap:6px}.quick-btn{background:var(--surface);min-height:38px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;gap:5px;display:flex}.ui-icon,.icon-button svg,.nav-icon svg{flex:none;width:16px;height:16px}.compare-button,.details-button{background:var(--spec-bg)}.details-button{color:var(--accent);border-color:#245a5940;flex-direction:row-reverse}.bottom-nav{width:min(100%,520px);padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--nav-bg);border-top-color:#ddb06b70;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;box-shadow:0 -14px 34px #06181833}.nav-button{color:#fff7e9a8;background:0 0;border:0;border-radius:0;min-height:58px;font-size:.68rem;position:relative}.nav-button:after{content:"";background:0 0;border-radius:999px;height:2px;position:absolute;bottom:2px;left:28%;right:28%}.nav-button.is-active{color:#fff7e9;background:0 0;border:0}.nav-button.is-active:after{background:var(--gold)}.nav-icon,.nav-button.is-active .nav-icon{color:currentColor;background:0 0;border-radius:0;width:24px;height:24px}.nav-icon:before,.nav-icon:after{content:none;display:none}.nav-icon svg{width:22px;height:22px}.nav-badge{background:var(--gold);color:#17292a;top:3px;right:13px}.compare-summary{background:var(--surface-raised);border-color:#c68b4066}.compare-card.is-best{border-color:#c68b40c2}.compare-remove{color:var(--bad)}.compare-remove .ui-icon{width:17px;height:17px}.profile-card{padding:15px}.profile-panel>.profile-card:first-child{background:var(--accent-deep);color:#fff7e9;border-color:#c68b406b}.profile-panel>.profile-card:first-child .eyebrow{color:var(--gold)}.profile-panel>.profile-card:first-child .note{color:#fff7e9ad}.profile-panel>.profile-card:first-child .secondary-button{color:#fff7e9;background:#fff7e914;border-color:#fff7e938}.user-identity{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;display:grid}.profile-avatar{width:48px;height:48px;color:var(--gold);background:#fff7e914;border:1px solid #ddb06ba8;border-radius:50%;place-items:center;font-family:Georgia,Iowan Old Style,serif;font-size:1.3rem;display:grid}.profile-metrics-card{box-shadow:none;background:0 0;border:0;padding:0}.profile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-metric{border-color:var(--line);background:var(--surface-raised);text-align:center;min-width:0;padding:11px 6px}.profile-metric strong{color:var(--accent);font-size:1.22rem}.profile-metric span{font-size:.6rem}.collection-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.collection-heading h3{margin:0}.history-list{gap:0}.history-item{border-bottom:1px solid var(--line);background:0 0;border-radius:0;grid-template-columns:54px minmax(0,1fr) auto;gap:11px;min-height:70px;padding:9px 0}.history-item:last-child{border-bottom:0}.history-media{border:1px solid var(--line);background:var(--image-bg);border-radius:8px;place-items:center;width:54px;height:54px;display:grid;overflow:hidden}.history-photo{object-fit:contain;width:100%;height:100%;min-height:0;padding:3px}.history-copy{align-content:center;gap:3px;min-width:0;display:grid}.history-copy strong,.history-copy .note{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.history-copy strong{font-family:Georgia,Iowan Old Style,serif;font-size:.86rem}.history-copy .note{margin:0;font-size:.7rem}.responsible-card{border-left:3px solid var(--gold)}.empty-title{color:var(--ink)}.icon-button{border-color:var(--line-strong);background:var(--surface-raised);color:var(--ink)}.bottle-dialog,.image-dialog,.user-dialog,.transfer-dialog,.policy-dialog{border-radius:8px}.bottle-dialog{width:min(100vw,520px);max-height:94vh;margin:auto auto 0}.bottle-dialog::backdrop,.image-dialog::backdrop,.user-dialog::backdrop,.transfer-dialog::backdrop,.policy-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#051212b8}.dialog-card{border-radius:8px 8px 0 0;max-height:94vh}.dialog-toolbar{z-index:3;border-bottom:1px solid var(--line);background:var(--sticky-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:flex-end;align-items:center;min-height:52px;padding:7px 10px;display:flex;position:sticky;top:0}.dialog-toolbar .close-button{margin:0;position:static}.close-button,.image-close-button,.transfer-close-button{width:38px;min-width:38px;height:38px;padding:0}.close-button svg,.image-close-button svg,.transfer-close-button svg{width:18px;height:18px}.dialog-hero{background:var(--dialog-hero);gap:15px;padding:20px 18px 18px}.dialog-copy{align-content:center;display:grid}.dialog-copy h2{margin-bottom:7px;font-size:1.55rem;line-height:1.04}.dialog-title-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.detail-price{color:var(--accent-2);background:#c68b4024;border-radius:999px;flex:none;padding:4px 7px;font-size:.67rem;font-weight:900}.dialog-body{padding:17px 18px 22px}.spec,.policy-section,.personal-note-panel,.reason-panel{border-radius:8px}.personal-note-panel{background:var(--spec-bg);border-color:#c68b4061;margin-top:16px;padding:14px}.personal-note-panel .note{margin-bottom:0}.note-box{border-color:var(--line-strong);background:var(--surface-raised);min-height:108px;line-height:1.45}.bar-fill{background:linear-gradient(90deg, var(--accent), var(--gold))}.user-card,.transfer-card,.image-viewer{background:var(--surface-raised);border-radius:8px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.bottle-card,.filter-chip,.quick-btn,.secondary-button,.nav-button{transition:border-color .16s,background-color .16s,color .16s,transform .16s}.quick-btn:active,.secondary-button:active,.filter-chip:active{transform:translateY(1px)}}@media (width>=760px){body{padding:28px 0}.app-shell{border-radius:8px;width:min(100% - 48px,860px);min-height:calc(100vh - 56px);overflow:hidden}.topbar{padding-top:22px}.match-type-row{scroll-snap-type:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;padding:0 0 6px;scroll-padding-inline:0;display:grid;overflow:visible}.match-type-row .filter-chip{scroll-snap-align:none;gap:5px;width:100%;min-width:0;min-height:40px;padding:5px 7px 5px 6px;font-size:.68rem}.match-type-row .category-icon{flex-basis:26px;width:26px;height:26px}.match-type-row .category-icon .ui-icon{width:15px;height:15px}.shelf-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.shelf-controls .select-field:last-child{grid-column:auto}.stack,.grid,.favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#recommendationList .bottle-card.is-featured{grid-column:1/-1;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr)}.bottle-card.is-featured .bottle-art{border-right:1px solid var(--line);border-bottom:0;min-height:310px}.bottle-card.is-featured .card-content{align-content:center;padding:22px}.profile-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-panel>.profile-card:first-child,.profile-metrics-card,.responsible-card,.collection-card{grid-column:1/-1}.bottom-nav{border-left:1px solid #ddb06b4d;border-right:1px solid #ddb06b4d;border-radius:8px 8px 0 0;width:min(100% - 48px,860px);left:50%;right:auto;transform:translate(-50%)}.bottle-dialog{width:min(92vw,640px);margin:auto}.dialog-card{border-radius:8px}}@media (width>=900px){.match-type-row{grid-template-columns:repeat(6,minmax(0,1fr))}.match-type-row .filter-chip:nth-child(13){grid-column:2}}@media (width<=460px){.dialog-hero{grid-template-columns:1fr;gap:14px}.dialog-hero .bottle-art{min-height:232px}.dialog-copy .match-line{margin-top:12px}}@media (width<=420px){.topbar{align-items:flex-start;gap:10px}.brand-lockup{grid-template-columns:44px minmax(0,1fr);gap:9px}.brand-mark{width:44px;height:44px}.brand-copy h1{font-size:1.72rem}.theme-button{min-width:32px;padding:0 4px;font-size:.64rem}.bottle-card,.bottle-card.is-compact{grid-template-columns:105px minmax(0,1fr)}.bottle-card.is-featured{grid-template-columns:1fr}.bottle-card:not(.is-featured) .actions{grid-template-columns:repeat(2,minmax(0,1fr))}.bottle-card:not(.is-featured) .compare-button,.bottle-card:not(.is-featured) .details-button{grid-column:span 1}.profile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.compare-board{gap:8px}.compare-card-body{gap:8px;padding:10px}.compare-scoreline{grid-template-columns:1fr;justify-items:start}.compare-scoreline>span:last-child{font-size:.72rem;line-height:1.35}.compare-spec-list div{padding:7px}}@media (width<=350px){.app-shell{padding-left:12px;padding-right:12px}.topbar,.search-panel,.match-type-row{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}#userEyebrow{text-overflow:clip;white-space:normal;max-width:104px;font-size:.58rem;line-height:1.2;overflow:visible}.bottle-card,.bottle-card.is-compact{grid-template-columns:92px minmax(0,1fr)}.actions,.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.account-card{gap:12px;display:grid}.account-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.account-heading h3{overflow-wrap:anywhere}.sync-badge{border:1px solid var(--line);background:var(--spec-bg);color:var(--muted);border-radius:999px;flex:none;padding:5px 8px;font-size:.68rem;font-weight:850}.sync-badge.is-synced{border-color:color-mix(in srgb, var(--good) 42%, var(--line));color:var(--good)}.sync-badge.is-syncing,.sync-badge.is-offline{border-color:color-mix(in srgb, var(--gold) 50%, var(--line));color:var(--accent-2)}.sync-badge.is-error{border-color:color-mix(in srgb, var(--bad) 48%, var(--line));color:var(--bad)}.account-actions,.auth-actions{flex-wrap:wrap;gap:8px;display:flex}.danger-text-button{color:var(--bad)}.auth-card{width:min(92vw,460px)}.auth-mode-toggle{border:1px solid var(--line);background:var(--spec-bg);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin:18px 0;padding:3px;display:grid}.auth-mode-button{min-height:38px;color:var(--muted);font:inherit;background:0 0;border:0;border-radius:6px;font-size:.78rem;font-weight:850}.auth-mode-button.is-active{background:var(--surface-raised);color:var(--ink);box-shadow:var(--soft-shadow)}.auth-form{gap:14px;display:grid}.auth-message{min-height:1.4em;margin:0}@media (width>=760px){.account-card{grid-column:1/-1}}@media (width>=1100px){body{padding:0}.app-shell{border-radius:0;width:min(100%,1280px);min-height:100vh;padding:26px 32px 48px 132px}.stack,.grid,.favorites-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bottle-card:not(.is-featured) .actions{grid-template-columns:repeat(2,minmax(0,1fr))}.bottle-card:not(.is-featured) .compare-button,.bottle-card:not(.is-featured) .details-button{grid-column:span 1}#recommendationList .bottle-card.is-featured{grid-column:1/-1}.bottom-nav{border:1px solid #ddb06b61;border-radius:8px;grid-template-columns:1fr;gap:2px;width:92px;padding:8px;inset:98px auto auto max(16px,50% - 624px);transform:none;box-shadow:0 14px 34px #0618182e}.nav-button{min-height:70px}.nav-button:after{bottom:5px;left:22%;right:22%}}