:root{--wine-image-height:132px}.wine-card:has(.wine-visual){min-height:275px;padding:0}.wine-card-main{display:block;width:100%;min-height:273px;border:0;background:transparent;color:inherit;padding:13px;text-align:left;font:inherit;cursor:pointer}.wine-card-main:focus-visible{outline:1px solid #d9aa57;outline-offset:-4px}.wine-visual{height:138px;position:relative;transform-style:preserve-3d;transition:transform .43s cubic-bezier(.2,.8,.25,1);z-index:1}.wine-visual.revealed,.wine-card.flipping .wine-visual{transform:rotateY(180deg)}.wine-face{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden}.wine-face.back{transform:rotateY(180deg)}.wine-face img{width:100%;height:var(--wine-image-height);object-fit:contain;filter:grayscale(1) contrast(.85) brightness(.75);transition:filter .4s}.wine-face.back img{filter:saturate(1.1) contrast(1.03)}.wine-card:has(.wine-visual)::after{z-index:2}.wine-card:has(.wine-visual) .wine-name,.wine-card:has(.wine-visual) .wine-appellation,.wine-card:has(.wine-visual) .tier{z-index:3}.wine-zoom{position:absolute;left:10px;top:10px;z-index:5;width:31px;height:31px;display:grid;place-items:center;border:1px solid #9b7741;border-radius:50%;background:#160b0ddd;color:#e1bd72;cursor:pointer;box-shadow:0 4px 12px #0007;transition:.18s transform,.18s background}.wine-zoom:hover,.wine-zoom:focus-visible{transform:scale(1.1);background:#5b1e2d;outline:0}.zoom-icon{position:relative;width:15px;height:15px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:500 11px/1 "DM Mono"}.zoom-icon::after{content:"";position:absolute;width:7px;height:1px;background:currentColor;right:-5px;bottom:-3px;transform:rotate(45deg);transform-origin:left center}.image-dialog{width:min(94vw,540px);max-width:540px}.image-dialog-content{position:relative;padding:26px}.image-dialog h2{margin-bottom:13px}.image-dialog-visual{height:calc(var(--wine-image-height) * 3);display:grid;place-items:center;background:radial-gradient(circle,#2d2020 0,#120708 72%);border:1px solid #493034;overflow:hidden}.image-dialog-visual img{display:block;width:100%;height:calc(var(--wine-image-height) * 3);object-fit:contain;filter:grayscale(1) contrast(.9) brightness(.8)}.image-dialog.is-collected .image-dialog-visual img{filter:saturate(1.08) contrast(1.03)}
.actions{display:flex;gap:10px}.actions .search{flex:1}.scan-button{border:1px solid #6a4533;background:#211012;color:#ecd7ac;padding:0 17px;font:500 .7rem "DM Mono";letter-spacing:.06em;cursor:pointer}.achievement-strip{display:flex;align-items:center;gap:12px;margin:0 0 25px;padding:9px 13px;border:1px solid #85652e;background:#281b10}.achievement-strip img{width:50px;height:50px;object-fit:contain}.achievement-strip strong{display:block;color:#e7c66e;font:500 1rem "Playfair Display"}.achievement-strip span{display:block;color:#b8a88a;font-size:.72rem;margin-top:3px}@media(max-width:600px){.actions{gap:7px}.scan-button{padding:0 10px;font-size:.58rem}}
.plus-button{font-size:1.3rem;padding:0 14px}dialog{border:1px solid #624033;background:#1c0d0f;color:#f2e8db;width:min(92vw,440px);padding:0}dialog::backdrop{background:#0b0405cc}dialog form{padding:26px;position:relative}dialog h2{font:500 1.7rem "Playfair Display";margin:0 0 18px}.dialog-close{position:absolute;right:14px;top:10px;z-index:2;border:0;background:transparent;color:#d9aa57;font-size:1.5rem;cursor:pointer}dialog label{display:block;margin:13px 0;font:500 .68rem "DM Mono";letter-spacing:.08em;color:#cbbcaf}dialog label span{color:#86766e}dialog input,dialog textarea{display:block;width:100%;margin-top:6px;border:1px solid #513034;background:#120708;color:#f2e8db;padding:10px;font:.85rem "DM Sans"}dialog textarea{height:80px;resize:vertical}dialog .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:600px){.image-dialog-content{padding:20px 14px}.image-dialog-visual,.image-dialog-visual img{height:min(calc(var(--wine-image-height) * 3),62vh)}}