/* Layout: dark cellar. Fixed sidebar on the left, then a candle-lit hero with search and cellar figures,
   a featured bottle beside "recent toegevoegd", and the full wine list as table or grid. One committed dark look. */
:root{
  --bg:#0E0C0B; --side:#131110; --panel:#191513; --panel-2:#211C19; --line:#2F2824; --line-2:#3D342E;
  --fg:#F2EADF; --muted:#A8998A; --dim:#7A6D62;
  --gold:#E3BC86; --gold-2:#C99A5B; --gold-fg:#1B130C;
  --red:#B8303B; --white:#E6D7A0; --rose:#E8A5B0; --bubbly:#CDB56E; --danger:#E0737C;
  --f-display:"Cormorant Garamond","Iowan Old Style",Georgia,serif;
  --f-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{background:var(--bg);color:var(--fg)}
body{font:15px/1.5 var(--f-body);margin:0}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.num{font-variant-numeric:tabular-nums}

.app{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100%}

/* sidebar */
.side{position:sticky;top:env(safe-area-inset-top,0px);height:100vh;background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:50px 16px 24px;overflow:hidden}
.side::after{content:"";position:absolute;inset:auto 0 0 0;height:44%;pointer-events:none;z-index:0;
  background:linear-gradient(to bottom,var(--side) 0%,rgb(19 17 16 / .55) 30%,rgb(19 17 16 / .08) 60%,rgb(19 17 16 / .55) 85%,rgb(19 17 16 / .85) 100%),
    url("/img/7623b3e95e1edf0ee512e270d66743dd.webp") 68% 40%/cover no-repeat}
.side>*{position:relative;z-index:1}
.brand{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:16px;text-align:center}
.hnav{position:absolute;top:12px;left:12px;display:flex;gap:6px;z-index:3}
.hnav button{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-2);background:rgb(255 255 255 / .04);color:#D4CCC4;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.hnav button:hover:not(:disabled){background:rgb(227 188 134 / .14);color:var(--gold);border-color:rgb(227 188 134 / .5)}
.hnav button:disabled{opacity:.3;cursor:default}
.brand .logo{width:172px;height:auto;max-width:100%;margin-bottom:6px;filter:drop-shadow(0 6px 14px rgb(0 0 0 / .6))}
.brand .nm{font:500 30px/1 var(--f-display);letter-spacing:.01em}
.brand .tag{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.nav{display:flex;flex-direction:column;gap:2px}
@media (min-width:901px){.nav{flex:0 1 auto;max-height:max(300px,calc(68vh - 200px));min-height:0;overflow-y:auto;overscroll-behavior:contain;position:relative;z-index:1;margin:0 -8px;padding:0 8px 18px;scrollbar-width:thin;scrollbar-color:rgb(227 188 134 / .35) transparent;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 calc(100% - 26px),transparent 100%)}
  .nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-thumb{background:rgb(227 188 134 / .3);border-radius:3px}.nav::-webkit-scrollbar-track{background:transparent}
  .nav button,.nav .navlbl,.nav hr,.navgrp{flex:none}
  .side .foot{flex:none;padding-top:10px}}
.nav button{display:flex;align-items:center;gap:14px;border:0;background:none;color:#D4CCC4;padding:8px 14px;border-radius:10px;text-align:left;font-size:14.5px;text-shadow:0 1px 8px rgb(0 0 0 / .85)}
.navlbl{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#CCC5BE;padding:10px 14px 2px;text-shadow:0 1px 8px rgb(0 0 0 / .9)}
.nav .navhead{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;cursor:pointer;padding:12px 14px 6px;font:500 10.5px/1 var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:#CCC5BE;border-radius:8px}
.nav .navhead:hover{color:var(--gold);background:none}
.nav .navhead .chev{transition:transform .25s;opacity:.8}.nav .navhead[aria-expanded="true"] .chev{transform:rotate(180deg)}
.nav .navhead.cur span{color:var(--gold)}
.navgrp{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.navgrp.open{grid-template-rows:1fr}
.navin{overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:2px}
@media (min-width:901px){.navgrp .navin>button{margin-left:16px}}
.nav button:hover{color:var(--fg);background:rgb(255 255 255 / .03)}
.nav button[aria-current="true"]{background:var(--panel-2);color:var(--fg)}
.nav button[aria-current="true"] svg{color:var(--gold)}
.nav hr{border:0;border-top:1px solid var(--line);margin:8px 6px}
@media (min-width:901px) and (max-height:900px){.side .foot p,.side .foot .qsrc,.side .foot i{display:none!important}}
.side .foot{margin-top:auto;position:relative;z-index:1;padding:0 6px}
.side .foot p{font:500 23px/1.12 var(--f-display);white-space:nowrap;margin:0 0 14px;text-shadow:0 2px 12px rgb(0 0 0 / .8)}
.side .foot .qsrc{display:block;margin:-6px 0 14px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#E6D6C2;text-shadow:0 1px 8px rgb(0 0 0 / .9)}
.side .foot i{display:block;width:40px;height:2px;background:var(--gold-2)}

/* hero */
main{min-width:0}
.hero{position:relative;padding:56px 44px 34px;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line);aspect-ratio:1671/941;max-height:92vh;display:flex;flex-direction:column;justify-content:flex-end}
.hero>*{flex:none}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(90deg,rgb(14 11 9 / .85) 0%,rgb(14 11 9 / .55) 34%,rgb(14 11 9 / 0) 62%),
    linear-gradient(0deg,rgb(14 11 9 / .85) 0%,rgb(14 11 9 / .2) 28%,transparent 45%),
    url("/img/de374d4110f6d085df20f608265d72bb.webp") 50% 50%/cover no-repeat,#120e0c}
.hero::after{display:none;content:"";position:absolute;inset:0;z-index:-1;opacity:.35;
  background:radial-gradient(circle at 50% 50%,#070504 0 8px,#4a3524 9px 10px,rgb(90 60 35 / .25) 11px,transparent 13px) 0 0/30px 28px;
  -webkit-mask-image:linear-gradient(100deg,transparent 30%,#000 75%);mask-image:linear-gradient(100deg,transparent 30%,#000 75%)}
.glass{display:none!important;position:absolute;right:30%;top:40px;width:120px;height:auto;z-index:-1;filter:drop-shadow(0 20px 30px rgb(0 0 0 / .6))}
.quote{position:absolute;right:44px;top:60px;max-width:250px;text-align:right;font:italic 400 18px/1.35 var(--f-display);color:#E9DCCB}
.credit{position:absolute;right:14px;bottom:8px;font-size:10.5px;color:rgb(255 255 255 / .35)}
.quote small{display:block;margin-top:8px;font:500 11px/1 var(--f-body);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-style:normal}
.hero h1{font:400 clamp(40px,5.4vw,66px)/1.02 var(--f-display);margin:0;letter-spacing:-.005em;max-width:15ch;text-wrap:balance}
.hero h1 em{color:var(--gold);font-weight:400}
.hero .lead{max-width:44ch;color:#DCD0C2;font-size:16px;margin:16px 0 22px}
.searchbar{display:flex;gap:10px;max-width:520px}
.searchbar label{flex:1;position:relative;min-width:0}
.searchbar input{width:100%;background:rgb(12 10 9 / .7);border:1px solid var(--line-2);border-radius:999px;padding:13px 18px 13px 46px;font-size:15px;backdrop-filter:blur(6px)}
.searchbar input::placeholder{color:var(--dim)}
.searchbar svg{z-index:1;position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:34px}
.stat{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid rgb(227 188 134 / .16);border-radius:12px;background:rgb(22 17 14 / .62);backdrop-filter:blur(8px);min-width:0}
.stat svg{color:var(--gold);flex:0 0 auto}
.stat b{display:block;font:500 28px/1 var(--f-display)}
.stat span{font-size:12.5px;color:var(--muted)}

.content{padding:28px 32px 60px;display:flex;flex-direction:column;gap:24px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px}

/* featured + recent */
.duo{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:20px}
.feat{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 190px;min-height:290px}
.feat .scene{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.feat .txt{position:relative;z-index:1;padding:28px 32px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;background:linear-gradient(90deg,rgb(14 11 9 / .85),rgb(14 11 9 / .35) 80%,transparent)}
.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#E6D6C2}
.feat h3{font:500 clamp(28px,3.4vw,42px)/1.05 var(--f-display);margin:2px 0 0;text-wrap:balance}
.feat .where{font-size:14px;color:#E0D3C4}
.feat .desc{font-size:14px;color:#CDBFB0;max-width:46ch;margin-top:6px}
.feat .acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;align-items:center}
.feat .bottle{position:relative;z-index:1;display:grid;place-items:center;padding:18px;background:radial-gradient(70% 60% at 50% 55%,rgb(255 238 214 / .16),transparent 70%)}
.feat .bottle img{max-height:250px;max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 24px rgb(0 0 0 / .6))}
.feat .bottle.photo img{border-radius:8px;max-height:230px;object-fit:cover}
.btn{border:1px solid var(--line-2);background:transparent;border-radius:8px;padding:9px 18px;font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:8px}
.btn:hover{border-color:var(--gold-2);color:var(--gold)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--gold-fg)}
.btn.gold:hover{background:#EDCB9A;color:var(--gold-fg)}
.btn:disabled{opacity:.45;cursor:default;border-color:var(--line);color:var(--muted)}
.btn.danger{color:var(--danger);border-color:var(--danger)}
.recent{padding:20px 20px 10px;display:flex;flex-direction:column}
.phead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}
.phead .eyebrow{color:var(--fg)}
.textlink{border:0;background:none;padding:0;color:var(--muted);font-size:13px}
.textlink:hover{color:var(--gold)}
.ritem{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--line);cursor:pointer}
.ritem:hover .rn{color:var(--gold)}
.ritem .rn{font:500 19px/1.15 var(--f-display);overflow-wrap:anywhere}
.ritem .rm{font-size:12.5px;color:var(--muted)}
.pill{border:1px solid var(--line-2);border-radius:8px;padding:5px 10px;font-size:13px;white-space:nowrap}
.pill b{color:var(--gold);font-weight:600}

/* thumbs */
.thumb{width:44px;height:60px;border-radius:6px;background:linear-gradient(#2a221e,#1c1714);display:grid;place-items:center;overflow:hidden;flex:0 0 auto}
.thumb{position:relative}
.row .thumb{width:58px;height:88px}
.thumb img{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:contain;display:block}
.thumb.photo img{inset:0;width:100%;height:100%}
.thumb.photo img{object-fit:cover}
.thumb svg,.gcard .pic svg,.pic svg{color:#4a3f38}

/* wines */
.wines{padding:24px 24px 8px}
#wines{position:relative;isolation:isolate;overflow:hidden}
#wines::before{content:"";position:absolute;left:0;right:0;top:0;aspect-ratio:2048/768;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgb(14 11 9 / .78) 0%,rgb(14 11 9 / .4) 22%,rgb(14 11 9 / .05) 45%,rgb(14 11 9 / 0) 70%,rgb(25 21 19 / .78) 92%,var(--panel) 100%),linear-gradient(90deg,rgb(14 11 9 / .4) 0%,rgb(14 11 9 / 0) 45%),url("/img/586853494f71de99bb35a4f64697a710.webp") center/100% 100% no-repeat}
#wines>.top h2,#wines>.top .lsub{text-shadow:0 1px 3px rgb(0 0 0 / .9),0 2px 14px rgb(0 0 0 / .85)}
#wines>.top .lsub{color:#E6DACB}
#wines>.top{margin-bottom:max(12px,calc(37.5% - 125px))}
.wines .top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.lsub{margin:6px 0 0;color:var(--muted);font-size:14px}
.allchips{margin:-6px 0 14px}
.wines.all-mode .row.empty,.wines.all-mode .gcard.empty{opacity:.72}
.wines h2,.opened h2{font:500 34px/1 var(--f-display);margin:0}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;padding:7px 14px;font-size:13.5px;color:#D3C6B8}
.chip:hover{border-color:var(--line-2)}
.chip[aria-pressed="true"]{border-color:var(--gold-2);color:var(--gold);background:rgb(227 188 134 / .08)}
.selects{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sel{appearance:none;-webkit-appearance:none;background:var(--panel-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23A8998A' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--line);border-radius:8px;padding:8px 32px 8px 12px;font-size:13.5px;max-width:170px}
.sel option{background:#1d1815;color:var(--fg)}
.views{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.views button{border:0;background:var(--panel-2);color:var(--muted);width:38px;height:36px;display:grid;place-items:center}
.views button[aria-pressed="true"]{background:#2C2521;color:var(--gold)}
.toggle{font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center;margin-left:4px}
.toggle input{accent-color:var(--gold-2)}

.table{border-top:1px solid var(--line)}
.thead,.row{display:grid;grid-template-columns:58px minmax(0,2.3fr) minmax(0,1.3fr) 64px 92px max-content 124px;gap:16px;align-items:center}
.thead{font-size:12px;color:var(--muted);padding:10px 8px;border-bottom:1px solid var(--line)}
.thead .r,.row .r{text-align:right}
.row{padding:10px 8px;border-bottom:1px solid var(--line);cursor:pointer;row-gap:6px}
.row .thumb{grid-row:1 / span 2;align-self:center}
.row .rowst{grid-column:2 / 7;grid-row:2;margin-top:0}
.row:hover{background:rgb(255 255 255 / .025)}
.row.empty{opacity:.45}
.name{font:500 19px/1.2 var(--f-display);overflow-wrap:anywhere}
.meta{font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.note{font-size:12px;color:var(--dim);font-style:italic;overflow-wrap:anywhere}
.cell{font-size:13.5px;color:#DCCFC1;overflow-wrap:anywhere}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:0}
.glass-ic{display:inline-block;vertical-align:-3px;margin-right:7px;color:#CDBFB0;flex:0 0 auto}
.t-Red{background:var(--red)}.t-White{background:var(--white)}.t-Rosé{background:var(--rose)}.t-Champagne{background:var(--bubbly)}
.age{display:block;font-size:11px;color:var(--dim)}
.step{display:flex;align-items:center;justify-content:flex-end;gap:2px}
.step button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);background:transparent;font-size:16px;line-height:1;display:grid;place-items:center;color:var(--muted)}
.step button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}
.step button:disabled{opacity:.3;cursor:default}
.step output{min-width:32px;text-align:center;font-weight:600;font-size:15px}
.mlabel{display:none}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;padding:6px 0 16px}
.gcard{border:1px solid var(--line);border-radius:12px;background:var(--panel-2);padding:14px;display:flex;flex-direction:column;gap:8px;cursor:pointer;min-width:0}
.gcard:hover{border-color:var(--line-2)}
.gcard.empty{opacity:.45}
.gcard .pic{height:190px;border-radius:8px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(70% 60% at 50% 55%,rgb(255 238 214 / .08),transparent 70%)}
.gcard .pic{position:relative}
.gcard .pic img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain}
.gcard .pic.photo img{inset:0;width:100%;height:100%}
.gcard .pic.photo img{object-fit:cover}
.gcard .name{font-size:18px}
.gcard .foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 6px;margin-top:auto}
.gcard .foot>:last-child{margin-left:auto}
.gcard .price{font-size:13px;color:var(--muted)}
.est{font-style:italic;color:var(--muted);white-space:nowrap}.est b{font-weight:inherit;white-space:nowrap}

.state{padding:44px 20px;text-align:center;color:var(--muted)}
.state h3{font:500 28px/1.2 var(--f-display);color:var(--fg);margin:0 0 6px}

.opened{padding:24px}
#opened-sec{position:relative;isolation:isolate;overflow:hidden}
#opened-sec::before{content:"";position:absolute;left:0;right:0;top:0;aspect-ratio:2048/768;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgb(14 11 9 / .7) 0%,rgb(14 11 9 / .3) 24%,rgb(14 11 9 / 0) 45%,rgb(14 11 9 / 0) 72%,rgb(25 21 19 / .75) 92%,var(--panel) 100%),linear-gradient(90deg,rgb(14 11 9 / .45) 0%,rgb(14 11 9 / 0) 50%),url("/img/cb61e393c73ed3cb3c264b155801b8f2.webp") center/100% 100% no-repeat}
#opened-sec>h2,#opened-sec>.lead{text-shadow:0 1px 3px rgb(0 0 0 / .9),0 2px 14px rgb(0 0 0 / .85)}
#opened-sec>.lead{color:#E6DACB;margin-bottom:max(16px,calc(37.5% - 125px))}
.opened ul{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid var(--line)}
.opened li{display:flex;gap:14px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.opened .when{color:var(--muted);font-size:12.5px;min-width:96px}
.opened .what{flex:1;min-width:0;overflow-wrap:anywhere}
.archban{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid var(--line-2);border-radius:12px;padding:12px 16px;background:var(--bg)}
.archban b{display:block;font:500 13px/1.2 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.archban span{font-size:13px;color:var(--muted)}
.archq{border:1px solid var(--gold-2);border-radius:12px;padding:12px 16px;background:rgb(201 160 99 / .08);display:flex;flex-direction:column;gap:8px}
.archq h4{margin:0;font:500 13px/1.2 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.archq p{margin:0;font-size:13px;color:var(--muted)}
.archbtns{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.outtag{display:inline-block;margin-top:6px;font-size:12px;padding:2px 10px;border-radius:99px;border:1px solid var(--line-2);color:var(--muted)}
.opened .lead{margin:6px 0 16px;color:var(--muted);font-size:14px}
.dform{border:1px solid var(--line-2);border-radius:14px;padding:16px;background:var(--panel-2);display:flex;flex-direction:column;gap:12px}
.dform h4,.jhead h3{margin:0;font:500 13px/1.2 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.dform>input,.dform>.clrwrap>input{background:var(--bg);border:1px solid var(--line-2);border-radius:10px;padding:12px 14px;font-size:15px}
.dpicks{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:8px}
@media (max-width:900px){.dpicks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.dpicks{grid-template-columns:1fr}}
.dhint{grid-column:1/-1;font-size:12.5px;color:var(--muted)}
.dpick{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--bg);color:inherit;font:inherit;cursor:pointer;min-width:0}
.dnodate{align-self:flex-start;font-size:12.5px;margin-top:4px}
.dpick:hover{border-color:var(--gold-2)}
.dpick b,.dsel b{font:500 17px/1.2 var(--f-display)}.dpick em,.dsel em{color:var(--gold)}
.dpick small,.dsel small{display:flex;gap:4px;align-items:center;font-size:12px;color:var(--muted);margin-top:2px}
.dpick .thumb,.dsel .thumb{flex:0 0 36px;width:36px;height:54px}
.dsel{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px}.dsel>div{flex:1;min-width:0}
.flbl{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
.ratein{display:flex;align-items:center;gap:4px}
.ratein button{background:none;border:0;padding:4px;cursor:pointer}
.ratein i,.rate i{display:inline-block;width:11px;height:16px;color:var(--line-2);line-height:0}
.ratein i svg,.rate i svg{width:100%;height:100%}
.ratein button.on i,.rate i.on{color:var(--gold)}
.ratein i{width:18px;height:26px}
.ratelbl{margin-left:8px;font-size:13px;color:var(--muted)}
.rate{display:inline-flex;gap:2px;vertical-align:middle}
.jhead{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:24px 0 4px}
.jhead input{flex:0 1 340px;min-width:0;background:var(--bg);border:1px solid var(--line-2);border-radius:10px;padding:9px 12px;font-size:14px}
.jmonth{margin:18px 0 0;font:500 20px/1.2 var(--f-display);color:var(--fg);text-transform:capitalize}
.jlist{list-style:none;margin:8px 0 0;padding:0;border-top:1px solid var(--line)}
.opened li.jitem{display:flex;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.opened li.jitem>.thumb{flex:0 0 52px;width:52px;height:78px;align-self:center}
.jbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.jtop{display:flex;gap:10px;align-items:center;justify-content:space-between}
.jitem .when{font-size:12.5px;color:var(--muted)}
.jitem .what{font:500 19px/1.25 var(--f-display);color:var(--fg);overflow-wrap:anywhere}.jitem .what .cnt{font:600 15px var(--f-body);color:var(--gold);margin-right:2px}.jitem .what .meta{font:400 13px var(--f-body)}.jitem .what a{color:inherit;text-decoration:none}.jitem .what a:hover{color:var(--gold)}
.jocc{font-size:13px;color:var(--gold)}
.jnote{font:italic 400 17px/1.35 var(--f-display);color:#E4D7C8;white-space:pre-line}
.jact{display:flex;gap:16px;margin-top:4px}.jact .linkbtn{font-size:12px;font-weight:400;color:var(--dim);text-decoration:none}.jact .linkbtn:hover,.jact .linkbtn:focus-visible{color:var(--gold);text-decoration:underline}
.opened li.jitem.editing{display:block}.jedit{display:flex;flex-direction:column;gap:10px}
.wsrc{margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgb(255 255 255 / .02);font-size:13px;display:flex;flex-direction:column;gap:6px}.wsrc p{margin:0;color:#DCD0C2}.wsrc small{color:var(--muted);font-size:11.5px}
.wconf{display:inline-block;font-size:11.5px;letter-spacing:.04em;padding:2px 8px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted)}.wconf.c-hoog{color:#6FBF95;border-color:rgb(111 191 149 / .5)}.wconf.c-middel{color:var(--gold);border-color:rgb(227 188 134 / .5)}.wconf.c-laag{color:#C9A27A;border-color:rgb(201 162 122 / .4)}
.wlinks{display:flex;flex-wrap:wrap;gap:6px 14px}.wlinks a{color:var(--gold);font-size:12.5px;text-decoration:none}.wlinks a:hover{text-decoration:underline}
.shist{list-style:none;margin:6px 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}
.shist li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:13.5px}
.shedit{background:none;border:0;padding:0;font:inherit;font-size:12.5px;color:var(--muted);cursor:pointer;margin-left:auto}.shedit:hover{color:var(--gold);text-decoration:underline}
.shform{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}.shform[hidden]{display:none}.shform input{background:#1E1916;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:7px 10px;font:inherit;color-scheme:dark}
.shist em{color:var(--gold);font-style:normal;font-size:13px}.shist q{flex-basis:100%;white-space:pre-line;font:italic 400 16px/1.35 var(--f-display);color:#E4D7C8}
.scores .lead{margin:-8px 0 0;color:var(--muted);font-size:14px}
.scores{position:relative;isolation:isolate;overflow:hidden}
.vintsec{padding:24px;display:flex;flex-direction:column;gap:14px}.vintsec h2{font:500 34px/1 var(--f-display);margin:0}
.vtools{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.vwrap{position:relative;overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:rgb(255 255 255 / .015)}
.vgrid{display:grid;grid-template-columns:200px repeat(var(--n),minmax(26px,1fr));min-width:calc(200px + var(--n) * 27px);font-size:11.5px}
.vgrid .vh{position:sticky;top:0;padding:8px 0 6px;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;border-bottom:1px solid var(--line);background:var(--panel)}
.vgrid .vh.dec{color:var(--gold)}
.vgrid .vr{position:sticky;left:0;z-index:2;background:var(--panel);padding:0 12px;display:flex;flex-direction:column;justify-content:center;min-height:34px;border-right:1px solid var(--line);border-bottom:1px solid rgb(255 255 255 / .04)}
.vgrid .vr b{font-weight:500;font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vgrid .vr small{color:var(--muted);font-size:11px}
.vgrid .vr.has b{color:var(--gold)}
.vc{position:relative;margin:2px 1px;border-radius:4px;min-height:30px;display:grid;place-items:center;color:rgb(255 255 255 / .82);font-variant-numeric:tabular-nums;cursor:default;transition:outline-color .1s;outline:2px solid transparent}
.vc:hover{outline-color:rgb(246 215 154 / .8);z-index:1}
.vc.na{background:transparent}
.vc.mine{box-shadow:inset 0 0 0 2px #F6D79A;z-index:1}.vc .own{position:absolute;right:-5px;top:-6px;z-index:2;min-width:12px;height:12px;padding:0 3px;border-radius:7px;background:#F6D79A;color:#2a1d12;font:700 9px/12px var(--f-body);box-shadow:0 0 0 1.5px var(--panel),0 0 6px rgb(246 215 154 / .7)}
.vc.mine{cursor:pointer}
.vc.dim{opacity:.35}
.vkey{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin-bottom:2px}
.vk{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px 12px 8px 8px;border:1px solid var(--line);border-radius:10px;background:rgb(255 255 255 / .02);min-width:150px;flex:1 1 150px}
.vk i{grid-row:1/3;width:38px;height:30px;border-radius:5px;display:grid;place-items:center;font:600 12px/1 var(--f-body);font-style:normal}
.vk b{font:500 15px/1.15 var(--f-display);color:var(--text)}.vk small{font-size:11.5px;color:var(--muted)}
.vleg{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:12.5px;color:var(--muted)}
.vleg .sw{display:inline-flex;gap:2px;vertical-align:middle;margin:0 6px}.vleg .sw i{width:18px;height:12px;border-radius:2px}
.vmine{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.vm{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgb(255 255 255 / .02);cursor:pointer;text-align:left;color:inherit;font:inherit}
.vm:hover{border-color:rgb(227 188 134 / .45)}.vm .sc{font:600 18px/1 var(--f-display);color:var(--gold);text-align:right}.vm .sc small{display:block;font:400 11px var(--f-body);color:var(--muted);margin-top:3px}
.vm .nm{display:block;font:500 15px/1.2 var(--f-display)}.vm .nm em{color:var(--gold);font-style:italic}.vm .rg{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.vm .pill{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;font:600 15px/1 var(--f-body);color:#fff}
@media (max-width:900px){.vintsec{padding:18px 14px}.vgrid{grid-template-columns:130px repeat(var(--n),minmax(24px,1fr))}.vgrid .vr{padding:0 8px}}
.scores::before{content:"";position:absolute;left:0;right:0;top:0;aspect-ratio:2048/768;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgb(14 11 9 / .6) 0%,rgb(14 11 9 / .15) 22%,rgb(14 11 9 / 0) 45%,rgb(14 11 9 / 0) 72%,rgb(25 21 19 / .75) 92%,var(--panel) 100%),linear-gradient(90deg,rgb(14 11 9 / .45) 0%,rgb(14 11 9 / 0) 45%),url("/img/d2212441f0a4ae092fe0d508a857b882.webp") center/100% 100% no-repeat}
.scores>h2,.scores>.lead{text-shadow:0 1px 3px rgb(0 0 0 / .9),0 2px 14px rgb(0 0 0 / .85)}
.scores>.lead{color:#E6DACB;margin-bottom:max(0px,calc(37.5% - 115px))}
.sctools{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.sctools .chips{display:flex;gap:8px;flex-wrap:wrap}
.rec.click{cursor:pointer}.rec.click:hover{border-color:var(--gold-2)}
.sclist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.scrow{display:grid;grid-template-columns:28px 40px minmax(0,1fr) 150px 92px;gap:14px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line);cursor:pointer}
.scrow:hover{background:rgb(255 255 255 / .02)}.scrow.empty{opacity:.5}
.scrow .rank{font:500 18px/1 var(--f-display);color:var(--muted);text-align:right}
.scrow .thumb{width:40px;height:60px}
.scmain{min-width:0;display:flex;flex-direction:column;gap:3px}.scmain .name{font:500 18px/1.2 var(--f-display);overflow-wrap:anywhere}
.scmain>.meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.scmain .name .meta{font:400 14px var(--f-body);color:var(--gold)}
.topkoop{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-fg);background:var(--gold);border-radius:99px;padding:1px 8px}
.crits{display:flex;flex-wrap:wrap;gap:6px}.crits span{font-size:12px;border:1px solid var(--line-2);border-radius:6px;padding:2px 7px;color:var(--muted)}.crits b{color:var(--fg);font-weight:600}
.scv,.sco{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.scv .big,.sco .big,.shsc .big{font:500 28px/1 var(--f-display);color:var(--gold)}
.sub{font-size:11.5px;color:var(--muted)}
.sbar{display:block;width:90px;height:5px;border-radius:9px;background:var(--line-2);overflow:hidden}.sbar>span{display:block;height:100%;background:var(--gold)}
.shsc{display:flex;gap:14px;align-items:center;margin:6px 0 10px}.shsc .big small{font-size:14px;color:var(--muted);margin-left:2px}
.crl{display:grid;grid-template-columns:minmax(120px,auto) minmax(0,1fr);gap:4px 12px;margin:4px 0 8px;font-size:13.5px}.crl dt{color:var(--muted)}.crl dd{margin:0}
@media (max-width:720px){.scrow{grid-template-columns:22px 34px minmax(0,1fr) 78px;gap:10px}.scrow .sco{display:none}.scrow .thumb{width:34px;height:52px}.sbar{width:64px}.scv .sub{font-size:10.5px}}
.clrwrap{position:relative;display:flex;min-width:0;align-items:center}
.clrwrap>input{width:100%;padding-right:38px!important}
.clrbtn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;border:0;background:var(--line-2);color:var(--fg);display:grid;place-items:center;cursor:pointer;padding:0}
.clrbtn:hover{background:var(--gold);color:var(--gold-fg)}
.clrbtn svg{position:static!important;transform:none!important;left:auto!important;color:inherit!important}
.clrbtn[hidden]{display:none!important}
input[type=search]::-webkit-search-cancel-button{display:none}
.dcharts{margin-top:16px}
.tbig{font-size:13.5px;color:var(--muted);margin:2px 0 10px}.tbig b{font:500 34px/1 var(--f-display);color:var(--gold);margin-right:6px}.tbig span{display:block;margin-top:2px;font-size:12.5px}
.stackbar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--line)}.stackbar span{display:block;height:100%}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:12px;color:var(--muted)}.legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:0}
.tip{margin:8px 0 0;font-size:13px;color:#DCCFC1}
.mcols{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;align-items:end;height:130px}
.mc{display:flex;flex-direction:column;align-items:center;gap:3px;height:100%;justify-content:flex-end}
.mc .bar{flex:1;width:100%;max-width:22px;display:flex;align-items:flex-end}.mc .bar span{display:block;width:100%;background:var(--gold-2);border-radius:3px 3px 0 0;min-height:1px}
.mc:hover .bar span{background:var(--gold)}.mc b{font-size:11px;font-weight:500;min-height:13px}.mc small{font-size:10.5px;color:var(--muted)}
.vs{display:flex;flex-direction:column;gap:8px}
.vsr{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px}.vsr .l{display:flex;gap:4px;align-items:center;color:#DCCFC1}
.vsb{display:flex;flex-direction:column;gap:3px}.vsb span{display:block;height:7px;border-radius:0 4px 4px 0}.vsb .d{background:var(--gold)}.vsb .h{background:var(--line-2)}
.vsr .v{font-variant-numeric:tabular-nums;color:var(--fg);font-size:12.5px}
.svlist{display:flex;flex-direction:column}
.svr{display:grid;grid-template-columns:minmax(0,1fr) 38px 38px 44px;gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--line);font-size:13px;cursor:pointer}
.svr:hover .l{color:var(--gold)}.svr .l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.svr em{color:var(--muted);font-style:normal}
.svr .own{color:var(--gold);text-align:right}.svr .viv{color:var(--muted);text-align:right}.svr .dd{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.svr .dd.up{color:#8FBF7F}.svr .dd.down{color:#D08A6A}
.mpics{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.mpics.sm{flex-basis:100%;margin-top:2px}
.mpic{width:76px;height:76px;border-radius:10px;overflow:hidden;cursor:zoom-in;border:1px solid var(--line-2);box-shadow:0 4px 10px rgb(0 0 0 / .35);transition:transform .15s}
.mpics.sm .mpic{width:58px;height:58px}
.mpic:hover,.mpic:focus-visible{transform:scale(1.04);outline:none;border-color:rgb(227 188 134 / .6)}.mpic img{width:100%;height:100%;object-fit:cover;display:block}
.epics{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.epic{position:relative;width:76px;height:76px;border-radius:10px;overflow:hidden;border:1px solid var(--line-2)}.epic img{width:100%;height:100%;object-fit:cover;display:block}
.epic button{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:0;background:rgb(10 8 7 / .75);color:#fff;font:600 14px/1 var(--f-body);cursor:pointer}
.eadd{width:76px;height:76px;border-radius:10px;border:1px dashed rgb(227 188 134 / .45);background:rgb(255 255 255 / .02);color:var(--gold);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:500 12px var(--f-body)}.eadd span{font-size:22px;line-height:1}.eadd:hover{background:rgb(227 188 134 / .08)}
.mphoto{position:relative;flex:none;width:72px;height:92px;border-radius:10px;overflow:hidden;border:1px solid var(--line-2)}.mphoto img{width:100%;height:100%;object-fit:cover;display:block}.mphoto i{position:absolute;right:4px;bottom:4px;font:600 11px/1 var(--f-body);font-style:normal;background:rgb(10 8 7 / .75);color:#fff;padding:3px 5px;border-radius:6px}
.memwall{margin-top:18px}.memwall h3{margin:0 0 10px;font:500 13px/1.2 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.mems{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.mem{display:flex;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--panel-2);cursor:pointer;min-width:0}
.mem:hover{border-color:var(--gold-2)}.mem>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.mem .thumb{flex:0 0 44px;width:44px;height:66px}
.mem .mn{font:500 18px/1.2 var(--f-display)}.mem .mn em{color:var(--gold);font-style:normal;font-size:15px}
.mem .md{font-size:12px;color:var(--muted)}.mem q{font:italic 400 16px/1.35 var(--f-display);color:#E4D7C8}
.opened .undo{font-size:12.5px;white-space:nowrap}
.opened .none{color:var(--muted);font-size:14px;margin:12px 0 0}

/* sheet */
.scrim.wpop-scrim{align-items:center}
.wpop{position:relative;width:min(560px,100%);max-height:min(80vh,720px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line-2);border-radius:16px;padding:22px 22px 16px;box-shadow:0 24px 60px rgb(0 0 0 / .6)}
.wpop h3{font:500 28px/1.1 var(--f-display);margin:2px 0 4px}.wpop>.meta{margin:0 0 12px;font-size:13px}
.wpk{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.wpx{position:absolute;top:10px;right:12px;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer}.wpx:hover{color:var(--gold);border-color:var(--gold)}
.wpl{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;border-top:1px solid var(--line)}
.wpl li{border-bottom:1px solid var(--line)}
.wpl button{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;width:100%;padding:9px 4px;background:none;border:0;color:inherit;text-align:left;cursor:pointer;font:inherit}
.wpl button:hover{background:rgb(255 255 255 / .03)}.wpl button:hover b{color:var(--gold)}
.wpl .thumb{width:40px;height:56px;display:grid;place-items:center;border-radius:6px;background:#1E1916;overflow:hidden}.wpl .thumb img{max-width:100%;max-height:100%;object-fit:contain}.wpl .thumb svg{width:18px;height:auto;opacity:.5}
.wpt{display:flex;flex-direction:column;gap:2px;min-width:0}.wpt b{font:500 17px/1.2 var(--f-display);overflow-wrap:anywhere}.wpt em{color:var(--gold);font-style:italic}.wpt small{color:var(--muted);font-size:12.5px}
.wpq{text-align:right;font-size:13.5px;white-space:nowrap;display:flex;flex-direction:column;gap:2px}.wpq small{color:var(--muted);font-size:12px}.wpq .out{color:var(--muted);font-size:12px}
.wpf{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;flex-wrap:wrap}
.scrim{position:fixed;inset:0;background:rgb(5 3 2 / .7);display:flex;align-items:flex-start;justify-content:center;padding:max(24px,env(safe-area-inset-top,0px)) 16px 24px;overflow-y:auto;z-index:20;backdrop-filter:blur(3px)}
.sheet{background:var(--panel);border:1px solid var(--line-2);border-radius:16px;width:100%;max-width:580px;padding:24px;display:flex;flex-direction:column;gap:14px}
#wineForm h2:focus{outline:none}
.sheet{position:relative;overflow:hidden;isolation:isolate}
.sheetbg{position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--panel)}
.sheetbg img{position:absolute;left:50%;top:-6%;width:150%;height:auto;min-height:70%;object-fit:cover;transform:translateX(-50%);filter:blur(42px) saturate(1.3) brightness(.85);opacity:.55}
.sheetbg span{position:absolute;inset:0;background:radial-gradient(120% 60% at 50% 0%,color-mix(in srgb,var(--tc) 55%,transparent),transparent 70%),linear-gradient(180deg,rgb(25 21 19 / .35) 0%,rgb(25 21 19 / .82) 45%,var(--panel) 85%)}
.sheet .facts,.sheet .window{background:rgb(14 12 11 / .72);backdrop-filter:blur(6px)}
.lightbox{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:max(20px,env(safe-area-inset-top,0px)) 16px 20px;cursor:zoom-out;overflow:hidden;isolation:isolate;
  background:radial-gradient(70% 65% at 50% 45%,#F6EEE2 0%,#E9DCC6 45%,#C9B395 100%)}
.lightbox::before{content:"";position:absolute;inset:0;z-index:-1;background:url("/img/2ea2ce26e0156b7fd94b5a656503f35f.webp") center 46%/min(95vmin,860px) auto no-repeat;opacity:.5;filter:blur(.6px) saturate(.9)}
.lightbox::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("/img/81c11541f790cc36d5f82fcc6ef88498.webp") center/100% 100% no-repeat;box-shadow:inset 0 0 120px rgb(70 38 18 / .28);opacity:.95}
.lbtitle{flex:1.25 1 0;min-height:0;width:100%;max-width:900px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:clamp(18px,4vh,40px);pointer-events:none;font-family:"Cormorant Garamond",serif;line-height:1.15;opacity:.85}
.lbtitle .n{max-width:100%;font-size:clamp(17px,2.4vw,24px);font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(180deg,#C9A063 0%,#A27A3C 55%,#7E5A27 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgb(255 248 235 / .6));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lbtitle .y{display:block;margin-top:2px;font-size:clamp(14px,1.7vw,17px);font-style:italic;letter-spacing:.08em;color:#9A7740}
.lbtitle .y::before,.lbtitle .y::after{content:"";display:inline-block;width:28px;height:1px;background:#B08A4C;opacity:.6;vertical-align:middle;margin:0 10px}
.lbstage{position:relative;flex:none;display:grid;place-items:center;padding:3vh 6vw 2vh;isolation:isolate}
.lbstage::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(48vh,70vw);height:104%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgb(255 251 243 / .97) 0%,rgb(255 249 238 / .9) 45%,rgb(250 242 226 / .55) 72%,transparent 100%);filter:blur(8px)}
.lbstage::after{content:"";position:absolute;z-index:-1;left:50%;bottom:calc(2vh - 6px);width:min(26vh,40vw);height:26px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgb(45 25 12 / .55),rgb(45 25 12 / .2) 60%,transparent);filter:blur(4px)}
.lightbox img{display:block;max-width:min(88vw,860px);max-height:64vh;object-fit:contain;filter:drop-shadow(0 0 1px rgb(40 22 10 / .55)) drop-shadow(0 2px 3px rgb(40 22 10 / .25)) drop-shadow(0 22px 26px rgb(60 35 20 / .35))}
.lbstage.photo::before,.lbstage.photo::after{display:none}
.lbstage.photo img{border-radius:4px;border:8px solid #FBF6EC;outline:1px solid rgb(150 115 70 / .55);box-shadow:0 2px 4px rgb(40 22 10 / .25),0 24px 40px -8px rgb(60 35 20 / .45);filter:none}
.lbsp{flex:1 1 0}
.lightbox .btn{flex:none;background:#2A1F1A;color:#F2EADF;border-color:#2A1F1A}
.hero2 .pic[data-zoom]:hover{border-color:var(--gold-2)}
.sheet h2{font:500 32px/1.05 var(--f-display);margin:0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
label.f{display:flex;flex-direction:column;gap:5px;font-size:12px;letter-spacing:.04em;color:var(--muted);min-width:0}
label.f input,label.f select,label.f textarea{border:1px solid var(--line-2);background:var(--bg);border-radius:8px;padding:10px 12px;font-size:15px;letter-spacing:0;width:100%}
label.f select option{background:#1d1815}
label.f textarea{min-height:64px;resize:vertical}
#dnote,.jedit textarea[name=note]{min-height:118px}
.hero2{display:flex;gap:16px;align-items:flex-start}
.hero2 .pic{width:110px;flex:0 0 110px;height:160px;border-radius:10px;background:radial-gradient(70% 60% at 50% 55%,rgb(255 238 214 / .1),var(--bg) 75%);display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}
.hero2 .pic{position:relative}
.hero2 .pic img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain}
.hero2 .pic.photo img{inset:0;width:100%;height:100%}
.hero2 .pic.photo img{object-fit:cover}
.hero2 .sidebox{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:13px;color:var(--muted)}
.hero2 a{color:var(--gold);font-weight:500}
.linkbtn{background:none;border:0;padding:0;color:var(--gold);font-weight:500;text-align:left;text-decoration:underline;text-underline-offset:3px}
.facts{border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:6px 16px}
.facts h4{font:500 13px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:12px 0 6px}
.facts dl{display:grid;grid-template-columns:minmax(110px,auto) minmax(0,1fr);margin:0}
.facts dt,.facts dd{padding:9px 0;border-top:1px solid var(--line);margin:0;font-size:14px}
.facts dt{color:var(--muted);padding-right:16px}
.facts dd{overflow-wrap:anywhere}
.facts dd.none{color:var(--dim)}
.facts .src{font-size:11.5px;color:var(--dim);padding:8px 0 6px;border-top:1px solid var(--line)}
.pairs{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.pairs span{border:1px solid var(--line-2);border-radius:999px;padding:5px 11px;font-size:13px;color:#E6D9CA;background:var(--panel-2)}
.dish{padding:24px;display:flex;flex-direction:column;gap:14px}
.dish{position:relative;isolation:isolate;overflow:hidden}
.dish::before{content:"";position:absolute;left:0;right:0;top:0;aspect-ratio:2048/768;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgb(14 11 9 / .7) 0%,rgb(14 11 9 / .3) 24%,rgb(14 11 9 / 0) 45%,rgb(14 11 9 / 0) 72%,rgb(25 21 19 / .75) 92%,var(--panel) 100%),linear-gradient(90deg,rgb(14 11 9 / .45) 0%,rgb(14 11 9 / 0) 50%),url("/img/91008c3d923595bc9a6a362556f5d27f.webp") center/100% 100% no-repeat}
.dish>h2,.dish>.intro{text-shadow:0 1px 3px rgb(0 0 0 / .9),0 2px 14px rgb(0 0 0 / .85)}
.dish>.intro{color:#E6DACB!important;margin-bottom:max(0px,calc(37.5% - 150px))!important}
.dish h2{font:500 34px/1 var(--f-display);margin:0}
.dish .intro{color:var(--muted);margin:0;max-width:70ch}
.dishform{display:flex;gap:10px;flex-wrap:wrap}
.dishform input{flex:1 1 280px;min-width:0;background:var(--bg);border:1px solid var(--line-2);border-radius:10px;padding:12px 14px;font-size:15px}
.quick{display:flex;flex-wrap:wrap;gap:6px}
.quick button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:5px 12px;font-size:13px;color:#D3C6B8}
.quick button:hover{border-color:var(--gold-2);color:var(--gold)}
.dres{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.dres h3{font:500 24px/1.1 var(--f-display);margin:0 0 8px}
.dres .col{min-width:0}
.pick{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--line);cursor:pointer}
.pick:hover .rn{color:var(--gold)}
.pick .rn{font:500 18px/1.2 var(--f-display)}
.pick .why{font-size:13px;color:#CDBFB0}
.tier{padding:10px 0;border-top:1px solid var(--line)}
.tier .lab{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.tier .wn{font:500 18px/1.25 var(--f-display);margin-top:2px}
.tier .why{font-size:13px;color:#CDBFB0}
.tier .pr{font-size:13px;color:var(--muted)}
.stylebox{font-size:14px;color:#E0D3C4;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px 14px}
.hintline{font-size:12px;color:var(--dim)}
.thinking{color:var(--muted);font-size:14px}
@media (max-width:900px){.dres{grid-template-columns:1fr}.dish{padding:18px 14px}}
/* status + insights */
:root{--st-young:#8FA8C4;--st-dev:#B5CE7E;--st-ready:#6FBF95;--st-soon:#E3A857;--st-past:#E3875A;--st-gone:#E0606F;--st-unk:#8A7E74}
.st{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px 3px 8px;font-size:12px;font-weight:500;border:1px solid currentColor;white-space:nowrap;line-height:1.3}
.stline{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;margin-top:6px;min-width:0}.row .stline .st,.stline .st{margin:0}
.mwin{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;max-width:560px;min-width:140px}
.mbar{position:relative;display:block;flex:1;min-width:50px;height:7px;border-radius:4px;background:var(--line)}
.mbar>span{position:absolute;top:0;bottom:0;border-radius:3px}
.mbar>i{position:absolute;top:-3px;width:2px;height:12px;background:var(--fg);border-radius:1px;transform:translateX(-1px);box-shadow:0 0 0 1px rgb(0 0 0 / .4)}
@media (max-width:600px){.stline{flex-wrap:wrap}.mwin{flex:1 1 100%}}
.myr{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}
.st i{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
.st.young{color:var(--st-young)}.st.develop{color:var(--st-dev)}.st.peak{color:var(--st-ready)}.st.soon{color:var(--st-soon)}.st.past{color:var(--st-past)}.st.gone{color:var(--st-gone)}.st.unk{color:var(--st-unk)}
.row .st{margin-top:5px}
.now{padding:24px;display:flex;flex-direction:column;gap:14px}
#now{position:relative;isolation:isolate;overflow:hidden}
#now::before{content:"";position:absolute;left:0;right:0;top:0;aspect-ratio:2048/768;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgb(14 11 9 / .75) 0%,rgb(14 11 9 / .35) 24%,rgb(14 11 9 / 0) 45%,rgb(14 11 9 / 0) 74%,rgb(25 21 19 / .75) 92%,var(--panel) 100%),linear-gradient(90deg,rgb(14 11 9 / .45) 0%,rgb(14 11 9 / 0) 50%),url("/img/e9e846ff98e63076c175f2b16a32ca29.webp") center/100% 100% no-repeat}
#now>h2,#now>.intro{text-shadow:0 1px 3px rgb(0 0 0 / .9),0 2px 14px rgb(0 0 0 / .85)}
#now>.intro{color:#E6DACB!important;max-width:78ch;margin-bottom:max(0px,calc(37.5% - 140px))!important}
.now h2,.ins h2,.ask h2{font:500 34px/1 var(--f-display);margin:0}
.statusbar{display:flex;height:12px;border-radius:999px;overflow:hidden;gap:2px;background:var(--panel-2)}
.statusbar span{display:block;height:100%}
.statuslegend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--muted)}
.statuslegend button{background:none;border:0;padding:0;color:inherit;display:inline-flex;align-items:center;gap:7px}
.statuslegend button:hover{color:var(--fg)}
.statuslegend b{color:var(--fg);font-weight:600}
.statuslegend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.stcards{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:10px}
@media (max-width:760px){.stcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.stcard{text-align:left;border:1px solid var(--line);border-left:4px solid var(--c);border-radius:10px;background:var(--panel-2);padding:12px 14px;display:flex;flex-direction:column;gap:3px;color:var(--fg)}
.stcard:hover{border-color:var(--c)}
.stcard .t{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--c);font-weight:600}
.stcard .n{font:500 28px/1.05 var(--f-display)}
.stcard .n small{font:400 13px var(--f-body);color:var(--muted);margin-left:4px}
.stcard .d{font-size:12.5px;color:var(--muted)}
.stgroup{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.stgroup h3{font:500 24px/1.1 var(--f-display);margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.stgroup h3 i{width:12px;height:12px;border-radius:50%;background:var(--c);display:inline-block}
.stgroup h3 small{font:400 13px var(--f-body);color:var(--muted)}
.stgroup .d{margin:0;font-size:13.5px;color:#CDBFB0;max-width:80ch}
.ncard .adv{font-size:12px;color:var(--muted);margin-top:4px}
.nowlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.ncard{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);padding:10px 12px;cursor:pointer}
.ncard:hover{border-color:var(--line-2)}
.ncard .rn{font:500 18px/1.15 var(--f-display);overflow-wrap:anywhere}
.ncard .meta{margin:2px 0 6px}
.ins{padding:24px;display:flex;flex-direction:column;gap:18px}
#ins{position:relative;isolation:isolate;overflow:hidden}
#ins::before{content:"";position:absolute;left:0;right:0;top:0;aspect-ratio:2048/768;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgb(14 11 9 / .6) 0%,rgb(14 11 9 / .15) 20%,rgb(14 11 9 / 0) 45%,rgb(14 11 9 / 0) 72%,rgb(25 21 19 / .75) 92%,var(--panel) 100%),linear-gradient(90deg,rgb(14 11 9 / .4) 0%,rgb(14 11 9 / 0) 40%),url("/img/b5adbad1b7873ce1d23666c70444729c.webp") center/100% 100% no-repeat}
#ins>h2{text-shadow:0 1px 3px rgb(0 0 0 / .9),0 2px 14px rgb(0 0 0 / .85)}#ins>.scope{margin-bottom:max(0px,calc(37.5% - 160px))}
.records{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:12px}
@media (max-width:760px){.records{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rec{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--panel-2);min-width:0}
.rec .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.rec .v{font:500 26px/1.1 var(--f-display);margin-top:4px;font-variant-numeric:tabular-nums}
.rec .n{font-size:12.5px;color:#CDBFB0;overflow-wrap:anywhere}
.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.chart{border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:var(--panel-2);min-width:0}
.chart h3{font:500 21px/1.1 var(--f-display);margin:0 0 4px}
.chart .sub{font-size:12.5px;color:var(--muted);margin:0 0 12px}
.hb{display:grid;grid-template-columns:minmax(80px,38%) minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px;padding:3px 0}
.hb .l{color:#DCCFC1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hb .t{height:10px;border-radius:0 4px 4px 0;background:rgb(255 255 255 / .04);overflow:hidden}
.hb .t span{display:block;height:100%;background:var(--gold-2);border-radius:0 4px 4px 0}
.hb .v{color:var(--fg);font-variant-numeric:tabular-nums;min-width:3ch;text-align:right}
.hb:hover .t span{background:var(--gold)}
.hb[data-ins]{cursor:pointer;border-radius:6px}
.hb[data-ins]:hover .l{color:var(--gold)}
.rec[data-open]:hover{border-color:var(--gold-2)}
.insfilter{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:-4px 0 14px;padding:10px 14px;border:1px solid var(--gold-2);border-radius:10px;background:rgb(227 188 134 / .07);font-size:14px}
.insfilter b{color:var(--gold);font-weight:600}
.cols{display:flex;align-items:flex-end;gap:3px;height:150px;padding-top:18px;border-bottom:1px solid var(--line-2)}
.cols .c{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;position:relative}
.cols .c span{display:block;width:100%;max-width:26px;background:var(--gold-2);border-radius:4px 4px 0 0}
.cols .c:hover span{background:var(--gold)}
.cols .c em{position:absolute;top:-2px;font-style:normal;font-size:11px;color:var(--fg);transform:translateY(-100%)}
.colx{display:flex;gap:3px;margin-top:6px}
.colx span{flex:1 1 0;min-width:0;text-align:center;font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden}
.window{border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:6px 16px 12px}
.window h4{font:500 13px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:12px 0 10px}
.wline{position:relative;height:8px;border-radius:999px;background:var(--panel-2);margin:18px 0 6px}
.wline .span{position:absolute;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,var(--st-ready),var(--st-soon))}
.wline .nowmark{position:absolute;top:-6px;width:2px;height:20px;background:var(--fg)}
.wline .nowmark b{position:absolute;top:-17px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:600;white-space:nowrap}
.wscale{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted)}
.serve{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:4px}
.serve>div{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:0}
.serve .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.serve .v{font-size:13.5px;margin-top:3px;overflow-wrap:anywhere}
.lookup{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--bg)}
.lookup h4{margin:0 0 4px;font:500 13px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.lookup p{margin:0 0 10px;font-size:13px;color:var(--muted)}
.lkrow{display:flex;gap:8px;flex-wrap:wrap}
.lkrow input{flex:1 1 200px;min-width:0;background:var(--bg);border:1px solid var(--line-2);border-radius:8px;padding:10px 12px;font-size:15px}
.lkrow #lk-year{flex:0 0 84px}
.lkrow input:focus{outline:2px solid var(--gold-2);outline-offset:1px}
#lkRes .lkmsg{margin:12px 0 0;font-size:13px;color:var(--muted)}
#lkRes .lkmsg.ok{color:var(--gold)}
.lkcards{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.lkcard{border:1px solid var(--line-2);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.lkhead{display:flex;gap:10px;align-items:baseline;justify-content:space-between;width:100%}
.lkname{font-family:var(--f-display,"Cormorant Garamond",serif);font-size:20px;line-height:1.2}
.lkname em{color:var(--gold)}
.lkm{font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:99px;border:1px solid currentColor;white-space:nowrap}
.lkm-z{color:#8FBF7F}.lkm-w{color:var(--gold)}.lkm-t{color:#D08A6A}
.lkmeta{font-size:13px;color:var(--fg)}
.lkwhy{font-size:12.5px;color:var(--muted);font-style:italic}
#lkNone{margin-top:10px}
.dup{border:1px solid var(--gold-2);border-radius:12px;padding:12px 16px;background:rgb(201 160 99 / .06);display:flex;flex-direction:column;gap:8px}
.dup.hard{border-color:var(--gold);background:rgb(201 160 99 / .12)}
.dup h4{margin:0;font:500 13px/1.2 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.dup p{margin:0;font-size:13px;color:var(--muted)}
.duprow{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:8px}
.duprow b{font:500 18px/1.2 var(--f-display)}.duprow em{color:var(--gold)}.duprow span{display:block;font-size:12.5px;color:var(--muted)}
.dupact{display:flex;gap:8px;flex-wrap:wrap}
.lkin{font-size:12.5px;color:#1a1210;background:var(--gold);border-radius:99px;padding:2px 10px}
.lkin.soft{background:transparent;color:var(--gold);border:1px solid var(--gold-2)}
.lkprice{font-size:13px;color:var(--gold)}.lkprice span{color:var(--muted)}
.scanrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ask{padding:24px;display:flex;flex-direction:column;gap:14px}
.ask{position:relative;isolation:isolate;overflow:hidden}
.ask::before{content:"";position:absolute;left:0;right:0;top:0;aspect-ratio:2048/768;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgb(14 11 9 / .7) 0%,rgb(14 11 9 / .3) 24%,rgb(14 11 9 / 0) 45%,rgb(14 11 9 / 0) 72%,rgb(25 21 19 / .75) 92%,var(--panel) 100%),linear-gradient(90deg,rgb(14 11 9 / .45) 0%,rgb(14 11 9 / 0) 50%),url("/img/64583df99558cb582f4b2a413297a193.webp") center/100% 100% no-repeat}
.ask>h2,.ask>p.meta{text-shadow:0 1px 3px rgb(0 0 0 / .9),0 2px 14px rgb(0 0 0 / .85)}
.ask>p.meta{color:#E6DACB!important;margin-bottom:max(0px,calc(37.5% - 175px))!important}
.chat{display:flex;flex-direction:column;gap:12px;max-height:520px;overflow-y:auto;padding-right:4px}
.msg{max-width:88%;padding:12px 16px;border-radius:14px;font-size:14.5px;line-height:1.55;overflow-wrap:anywhere}
.msg.me{align-self:flex-end;background:rgb(227 188 134 / .14);border:1px solid rgb(227 188 134 / .3)}
.msg.ai{align-self:flex-start;background:var(--panel-2);border:1px solid var(--line)}
.msg.ai p{margin:0 0 8px}.msg.ai p:last-child{margin:0}
.msg.ai ul{margin:4px 0 8px;padding-left:20px}
.askform{display:flex;gap:10px;flex-wrap:wrap}
.askform input{flex:1 1 280px;min-width:0;background:var(--bg);border:1px solid var(--line-2);border-radius:10px;padding:12px 14px;font-size:15px}
@media (max-width:900px){.now,.ins,.ask{padding:18px 14px}.serve{grid-template-columns:1fr}.msg{max-width:100%}}
.mapsec{padding:24px;display:flex;flex-direction:column;gap:14px;position:relative;isolation:isolate;overflow:hidden;background:var(--panel)}

.maphero{position:relative;margin:-24px -24px 4px;aspect-ratio:1672/700;max-height:420px;overflow:hidden;border-radius:14px 14px 0 0;isolation:isolate}
.maphero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;z-index:-2}
.maphero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgb(14 11 9 / 0) 45%,rgb(25 21 19 / .75) 82%,var(--panel) 100%),linear-gradient(90deg,rgb(14 11 9 / .55) 0%,rgb(14 11 9 / 0) 40%)}
.mh-txt{position:absolute;left:28px;bottom:22px}
.mh-txt .eyebrow{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 8px rgb(0 0 0 / .9);margin-bottom:6px}
.mapsec::before{content:"";position:absolute;left:0;right:0;top:0;aspect-ratio:2048/768;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgb(14 11 9 / .7) 0%,rgb(14 11 9 / .35) 30%,rgb(14 11 9 / 0) 55%),linear-gradient(180deg,rgb(14 11 9 / 0) 0%,rgb(14 11 9 / 0) 70%,rgb(25 21 19 / .75) 92%,var(--panel) 100%),url("/img/9481dcee644babc2dad4cc1289bd8acc.webp") center/100% 100% no-repeat}
.mapsec h2,.mapsec>p{text-shadow:0 1px 3px rgb(0 0 0 / .9),0 2px 14px rgb(0 0 0 / .85)}.mapsec>p{color:#E6DACB!important;max-width:70ch}
.mapsec .mapwrap{background:rgb(17 14 12 / .82)}
.mapintro{margin:0 0 max(0px,calc(37.5% - 250px));font-size:14px;max-width:46ch!important}
.mapsec h2{font:500 34px/1 var(--f-display);margin:0}
.maptools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mapviews{display:flex;flex-direction:column;gap:10px}.mvlbl{min-width:168px;font-size:12.5px}@media (max-width:700px){.mvlbl{min-width:0;flex-basis:100%}}
.maptools button[aria-pressed="true"]{border-color:var(--gold-2);color:var(--gold);background:rgb(227 188 134 / .08)}
.mapwrap{position:relative;border:1px solid rgb(201 160 99 / .25);border-radius:12px;overflow:hidden;background:#110E0C}
.mapwrap svg{display:block;width:100%;height:auto}
.mapwrap .ctry{stroke:#4A3E35;stroke-width:.4;transition:fill .15s}
.mapwrap .ctry.has{cursor:pointer}
.mapwrap .ctry.has:hover{stroke:var(--gold)}.mapwrap .ctry:not(.has):hover{fill:#3A302A}
.mapwrap .pin{fill:#B8303B;stroke:#F2EADF;color:#F2EADF;cursor:pointer}
.mapwrap use{stroke-width:1.1;stroke-linejoin:round}.mapwrap .gstem{fill:currentColor;stroke:none}.mapwrap .gshine{fill:none;stroke:var(--sh,rgb(255 255 255 / .45));stroke-width:1.2;stroke-linecap:round}
.mapwrap .pin:hover{fill:#E0737C}
.mapwrap .wpin{fill:rgb(20 16 13 / .35);stroke:var(--gold);color:var(--gold)}.mapwrap .wpin{--sh:transparent}
.mapwrap .zone[data-q]:not([data-q="0"]){cursor:pointer}
.mapwrap .zone{cursor:default;transition:fill .15s}
.mapwrap .zone:hover{fill:rgb(227 188 134 / .32)}
.mapwrap.photo{background:#1b120b;border-color:rgb(201 160 99 / .35)}
.mapwrap .pctry{fill:rgb(255 196 120);stroke:#FFE3B0;mix-blend-mode:screen;cursor:pointer;transition:fill-opacity .15s}
.mapwrap .pctry.edge{fill:none;stroke:rgb(255 226 170 / .75);mix-blend-mode:normal;pointer-events:none}
.mapwrap .pctry:hover{fill-opacity:.6!important}
.mapwrap.photo .pin{stroke:#F6E6C8;filter:drop-shadow(0 2px 3px rgb(0 0 0 / .7))}
.mapwrap .wlab{fill:#BBAE9F;font-family:var(--f-body);paint-order:stroke;stroke:#110E0C;stroke-linejoin:round;pointer-events:none}
.mapwrap .wlab.on{fill:#F2EADF;font-weight:600}
.wallsec{padding:24px;display:flex;flex-direction:column;gap:16px}
.whead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.wallsec h2{font:500 34px/1 var(--f-display);margin:0 0 6px}.wallintro{margin:0;font-size:14px;max-width:62ch}
.wover{display:flex;gap:10px}
.wov{display:flex;flex-direction:column;gap:6px;padding:9px 11px 8px;border:1px solid var(--line);border-radius:10px;background:rgb(255 255 255 / .02);cursor:pointer;color:inherit;font:inherit;text-align:left}
.wov:hover{border-color:rgb(227 188 134 / .5)}.wov b{font:500 15px/1 var(--f-display);color:var(--gold)}.wov small{font-size:11px;color:var(--muted)}
.wov .mg{display:grid;gap:2px}.wov .mg i{width:6px;height:6px;border-radius:50%;background:rgb(255 255 255 / .1)}.wov .mg i.f{background:var(--c,#C9A063)}
.wtools{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.wbody{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.wracks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:26px 18px;min-width:0;padding-top:10px}
.rack{position:relative;padding:16px 18px 14px 34px;border-radius:14px;background:radial-gradient(120% 90% at 50% 0%,#211812,#120d0a 70%);border:1px solid rgb(227 188 134 / .16);box-shadow:inset 0 1px 0 rgb(255 255 255 / .04),0 14px 30px rgb(0 0 0 / .35)}
.rack h3{position:absolute;top:-11px;left:16px;margin:0;padding:2px 10px;font:500 14px/1.2 var(--f-display);letter-spacing:.06em;color:var(--gold);background:var(--panel);border:1px solid rgb(227 188 134 / .25);border-radius:999px}
.rack h3 small{font:400 11px var(--f-body);color:var(--muted);letter-spacing:0;margin-left:6px}
.rgrid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:clamp(6px,1.2vw,12px)}
.rcol{text-align:center;font-size:11px;color:var(--muted);letter-spacing:.12em;padding-bottom:2px}
.rrow{position:absolute;left:12px;font-size:11px;color:var(--muted);transform:translateY(-50%)}
.rshelf{grid-column:1/-1;height:3px;margin:-2px 0 0;border-radius:2px;background:linear-gradient(90deg,transparent,rgb(227 188 134 / .14) 12%,rgb(227 188 134 / .14) 88%,transparent)}
.bt{position:relative;aspect-ratio:1;max-width:64px;width:100%;justify-self:center;border-radius:50%;border:0;padding:0;cursor:pointer;color:var(--tx,#F6EBDD);font:600 clamp(9px,1.05vw,12px)/1 var(--f-body);letter-spacing:.02em;
  background:radial-gradient(circle at 34% 28%,rgb(255 255 255 / .38),transparent 22%),radial-gradient(circle,var(--cap) 0 40%,#0b0806 42% 47%,var(--glass,#1d1712) 49% 86%,#0a0806 88%);
  box-shadow:0 0 0 2px var(--ring,transparent),0 4px 10px rgb(0 0 0 / .55),inset 0 -3px 6px rgb(0 0 0 / .45);transition:transform .18s,opacity .2s,box-shadow .2s}
.bt span{position:relative;text-shadow:0 1px 2px var(--ts,rgb(0 0 0 / .7))}
.bt:hover,.bt:focus-visible{transform:scale(1.1);outline:none;z-index:2}
.bt.sel{box-shadow:0 0 0 2px var(--ring,transparent),0 0 0 5px rgb(246 215 154 / .9),0 0 18px rgb(246 200 120 / .6)}
.bt.dim{opacity:.16}
.bt.hit{animation:wpulse 1.6s ease-in-out infinite}
@keyframes wpulse{0%,100%{box-shadow:0 0 0 2px var(--ring,transparent),0 0 0 4px rgb(246 215 154 / .85),0 0 14px rgb(246 200 120 / .5)}50%{box-shadow:0 0 0 2px var(--ring,transparent),0 0 0 7px rgb(246 215 154 / .35),0 0 24px rgb(246 200 120 / .8)}}
.bt.empty{cursor:default;background:none;box-shadow:inset 0 0 0 1.5px rgb(227 188 134 / .18)}.bt.empty:hover{transform:none}
.wdet{position:sticky;top:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgb(255 255 255 / .03),transparent);padding:16px;display:flex;flex-direction:column;gap:12px;min-height:220px}
.wdet h4{margin:0;font:500 11px/1 var(--f-body);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.wdet .wd-top{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center}
.wdet .wd-pic{height:120px;display:grid;place-items:center}.wdet .wd-pic img{max-height:120px;max-width:64px;object-fit:contain;filter:drop-shadow(0 6px 10px rgb(0 0 0 / .5))}.wdet .wd-pic svg{width:30px;height:auto;opacity:.5}
.wdet .wd-n{font:500 20px/1.15 var(--f-display);overflow-wrap:anywhere}.wdet .wd-n em{color:var(--gold);font-style:italic}
.wdet .wd-m{font-size:12.5px;color:var(--muted);margin-top:4px}
.wdet .wd-pos{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--gold);border:1px solid rgb(227 188 134 / .35);border-radius:999px;padding:3px 10px;width:max-content}
.wdet .wd-b{display:flex;gap:8px;flex-wrap:wrap}
.wleg{display:flex;flex-direction:column;gap:7px;font-size:13px}.wleg div{display:flex;align-items:center;gap:9px}.wleg i{width:14px;height:14px;border-radius:50%;flex:none;box-shadow:inset 0 -2px 3px rgb(0 0 0 / .35)}.wleg b{margin-left:auto;font-weight:500;color:var(--muted)}
.wracks{display:block!important;padding-top:0!important;container-type:inline-size;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px rgb(0 0 0 / .45),inset 0 0 0 1px rgb(227 188 134 / .12)}
.cwall{position:relative;width:100%;overflow:hidden;background:#1a130e}
.cbg{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill}
.clight{position:absolute;inset:0;pointer-events:none;z-index:6;background:radial-gradient(45% 55% at 50% 30%,rgb(255 200 130 / .12),transparent 70%),radial-gradient(120% 90% at 50% 55%,transparent 55%,rgb(5 3 2 / .55) 100%)}
.crate{position:absolute;transform-origin:50% 100%;filter:drop-shadow(0 .35cqw .35cqw rgb(0 0 0 / .6)) drop-shadow(.5cqw .9cqw 1.1cqw rgb(0 0 0 / .4))}
.cshadow{position:absolute;left:-4%;right:-4%;bottom:-1.2cqw;height:1.6cqw;border-radius:50%;background:radial-gradient(closest-side,rgb(0 0 0 / .7),transparent);z-index:-1}
.crate .bd{position:absolute;display:block;z-index:3;
  background:radial-gradient(.45cqw .22cqw at 28% 55%,rgb(90 50 20 / .45),transparent 80%),repeating-linear-gradient(var(--gd),rgb(120 76 36 / .16) 0 .08cqw,transparent .08cqw .5cqw,rgb(150 100 50 / .12) .5cqw .62cqw,transparent .62cqw 1.3cqw,rgb(90 55 25 / .1) 1.3cqw 1.38cqw,transparent 1.38cqw 2.2cqw),linear-gradient(var(--gl),#e4c592,#d2ad74 55%,#bd955c)}
.crate .bd-t,.crate .bd-b{left:1.1cqw;right:1.1cqw;height:1.1cqw;--gd:90deg;--gl:180deg}
.crate .bd-t{top:0;box-shadow:inset 0 .1cqw 0 rgb(255 245 225 / .5),inset 0 -.12cqw .15cqw rgb(80 45 15 / .35)}
.crate .bd-b{bottom:0;box-shadow:inset 0 .1cqw 0 rgb(255 245 225 / .35),inset 0 -.12cqw .1cqw rgb(60 35 12 / .45)}
.crate .bd-l,.crate .bd-r{top:0;bottom:0;width:1.1cqw;--gd:0deg;--gl:90deg;box-shadow:inset .1cqw 0 0 rgb(255 245 225 / .45),inset -.1cqw 0 .12cqw rgb(80 45 15 / .35)}
.crate .bd-l{left:0}.crate .bd-r{right:0}
.crate .bd-l::before,.crate .bd-l::after,.crate .bd-r::before,.crate .bd-r::after{content:"";position:absolute;left:0;right:0;height:1.1cqw;background:repeating-radial-gradient(circle at 20% 120%,rgb(120 75 35 / .35) 0 .1cqw,transparent .1cqw .3cqw),linear-gradient(135deg,#d9b781,#bb925a);box-shadow:inset 0 0 .12cqw rgb(70 40 15 / .5)}
.crate .bd-l::before,.crate .bd-r::before{top:0}.crate .bd-l::after,.crate .bd-r::after{bottom:0}
.crate .nl{position:absolute;width:.26cqw;height:.26cqw;border-radius:50%;background:radial-gradient(circle at 35% 35%,#8a8178,#2b2622 70%);z-index:4}
.crate .cin{position:absolute;inset:1.1cqw;overflow:hidden;background:repeating-linear-gradient(180deg,transparent 0 3.2cqw,rgb(40 22 8 / .55) 3.2cqw 3.32cqw,transparent 3.32cqw 3.2cqw),repeating-linear-gradient(90deg,rgb(110 70 32 / .14) 0 .08cqw,transparent .08cqw .8cqw,rgb(150 100 55 / .08) .8cqw .9cqw,transparent .9cqw 1.7cqw),linear-gradient(180deg,#7e5a33,#94693d 60%,#8a6139)}
.cs{position:absolute;display:block;z-index:0}
.cs-l{left:0;top:0;bottom:0;width:1.5cqw;background:linear-gradient(90deg,#c9a26a,#a98250);clip-path:polygon(0 0,100% 1.5cqw,100% calc(100% - 1.5cqw),0 100%)}
.cs-r{right:0;top:0;bottom:0;width:1.5cqw;background:linear-gradient(270deg,#6e4c2a,#5a3d21);clip-path:polygon(0 1.5cqw,100% 0,100% 100%,0 calc(100% - 1.5cqw))}
.cs-t{left:0;right:0;top:0;height:1.5cqw;background:linear-gradient(180deg,#3f2a17,#5a3d22);clip-path:polygon(0 0,100% 0,calc(100% - 1.5cqw) 100%,1.5cqw 100%)}
.cs-b{left:0;right:0;bottom:0;height:1.5cqw;background:linear-gradient(0deg,#d8b47c,#b88f58);clip-path:polygon(1.5cqw 0,calc(100% - 1.5cqw) 0,100% 100%,0 100%)}
.crate .cin::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(20 10 4 / .45),transparent 35%);pointer-events:none;z-index:2}
.cgrid{position:absolute;inset:0;z-index:1}
.cgrid .bt{position:absolute;max-width:none;height:auto;aspect-ratio:1;
  background:radial-gradient(circle at 34% 28%,rgb(255 255 255 / .38),transparent 22%),radial-gradient(circle,var(--cap) 0 34%,#0b0806 36% 42%,var(--glass,#1d1712) 44% 84%,#0a0806 86%,rgb(0 0 0 / 0) 92%);
  box-shadow:0 0 0 .2cqw var(--ring,transparent),0 .45cqw .6cqw rgb(15 8 3 / .7),inset 0 -.3cqw .5cqw rgb(0 0 0 / .45)}
.cgrid .bt.empty{background:radial-gradient(circle,rgb(30 16 6 / .25) 0 58%,transparent 62%);box-shadow:none;cursor:default}.cgrid .bt.empty.none{background:none}
.cgrid .bt.sel{box-shadow:0 0 0 .2cqw var(--ring,transparent),0 0 0 .55cqw rgb(246 215 154 / .95),0 0 1.6cqw rgb(246 200 120 / .7)}
.crate.closed .cfront{position:absolute;inset:1.1cqw;background:repeating-linear-gradient(180deg,transparent 0 calc(33.33% - .1cqw),rgb(60 32 12 / .55) calc(33.33% - .1cqw) 33.33%),radial-gradient(.6cqw .3cqw at 72% 30%,rgb(90 50 20 / .35),transparent),repeating-linear-gradient(90deg,rgb(120 76 36 / .14) 0 .08cqw,transparent .08cqw .55cqw,rgb(150 100 50 / .1) .55cqw .66cqw,transparent .66cqw 1.4cqw),linear-gradient(180deg,#dcbb85,#c9a26a)}
.cbrand{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25cqw;color:rgb(62 30 10 / .78);mix-blend-mode:multiply;text-align:center}
.cbrand svg{height:3.2cqw;width:auto}.cbrand b{font:600 1.5cqw/1 var(--f-display);letter-spacing:.04em;white-space:nowrap}.cbrand span{font:500 .8cqw/1 var(--f-body);letter-spacing:.22em;text-transform:uppercase}
.stlab{position:absolute;transform:translateX(-50%);z-index:7;white-space:nowrap;text-align:center;line-height:1.35!important;padding:.45cqw 1.1cqw;border-radius:.3cqw;background:linear-gradient(180deg,#2b2621,#1d1915);border:.12cqw solid rgb(200 160 100 / .45);box-shadow:0 .5cqw 1cqw rgb(0 0 0 / .5);font:500 1.35cqw/1 var(--f-display);letter-spacing:.06em;color:#E9D3A8}
@container (max-width:560px){.stlab{font-size:1.9cqw}}
.cnum{position:absolute;left:50%;bottom:.15cqw;transform:translateX(-50%);z-index:5;font:700 .75cqw/1 var(--f-body);color:rgb(70 35 10 / .6);letter-spacing:.1em}
@container (max-width:560px){.cgrid .bt span{display:none}.cbrand span{display:none}}
.walltip{position:fixed;pointer-events:none;z-index:30;background:#1F1916;border:1px solid var(--line-2);border-radius:8px;padding:8px 10px;font-size:12.5px;line-height:1.4;max-width:260px;box-shadow:0 6px 20px rgb(0 0 0 / .5)}
@media (max-width:1100px){.wbody{grid-template-columns:1fr}.wdet{position:static}}
@media (max-width:900px){.wallsec{padding:18px 14px}.rack{padding:14px 10px 12px 26px}.rrow{left:8px}.wover{display:none}}
.maptip{position:absolute;pointer-events:none;background:#1F1916;border:1px solid var(--line-2);border-radius:8px;padding:8px 10px;font-size:12.5px;line-height:1.4;max-width:240px;box-shadow:0 6px 20px rgb(0 0 0 / .5);z-index:2}
.maptip b{font-weight:600}
.maplegend{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--muted);align-items:center}
.maplegend .ramp{display:inline-block;width:140px;height:8px;border-radius:4px;background:linear-gradient(90deg,rgb(227 188 134 / .18),rgb(227 188 134 / .85));vertical-align:middle;margin:0 6px}
.maplegend .pdot{display:inline-block;width:10px;height:14px;background:#C23440;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 32'%3E%3Cpath d='M4.2 2.5H19.8C20.6 9.5 18.6 14.6 12 15.8C5.4 14.6 3.4 9.5 4.2 2.5ZM11.1 15.6H12.9V26.4H11.1ZM5.8 29.4C6.6 27.2 9 26.2 12 26.2S17.4 27.2 18.2 29.4Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 32'%3E%3Cpath d='M4.2 2.5H19.8C20.6 9.5 18.6 14.6 12 15.8C5.4 14.6 3.4 9.5 4.2 2.5ZM11.1 15.6H12.9V26.4H11.1ZM5.8 29.4C6.6 27.2 9 26.2 12 26.2S17.4 27.2 18.2 29.4Z'/%3E%3C/svg%3E") center/contain no-repeat;vertical-align:-2px;margin-right:6px}
.maptable{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 24px}
.maptable .hb{cursor:pointer}
.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}
.actions .right{display:flex;gap:8px;margin-left:auto}
.err{color:var(--danger);font-size:13px;min-height:1em}
.toastact{margin-left:10px;background:var(--gold-fg);color:var(--gold);border:0;border-radius:999px;padding:4px 12px;font:inherit;font-size:13px;cursor:pointer}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--gold);color:var(--gold-fg);border-radius:999px;padding:10px 20px;font-size:14px;font-weight:500;z-index:30;max-width:calc(100% - 32px)}

/* responsive */
@media (max-width:1320px){.glass{display:none}}
@media (max-width:1180px){
  .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .quote,.glass{display:none}
  .duo{grid-template-columns:1fr}
}
@media (max-width:900px){
  .app{grid-template-columns:1fr}
  .side{position:sticky;top:env(safe-area-inset-top,0px);height:auto;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 16px;border-right:0;border-bottom:1px solid var(--line);z-index:10}
  .side{flex-wrap:wrap;row-gap:10px}
  .side::after,.side .foot{display:none}
  .nav{order:3;width:100%;flex-direction:row;overflow-x:auto;gap:4px;margin:0 -16px;padding:0 16px 2px;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav button{flex:0 0 auto;padding:8px 12px;font-size:13.5px;gap:8px;border:1px solid var(--line)}
  .nav button svg{width:16px;height:16px}
  .nav hr,.nav [data-go="add"],.navlbl{display:none!important}.navgrp,.navin{display:contents}
  .brand{flex-direction:row;margin:0;gap:10px}
  .hnav{position:static;order:-1;gap:4px}.hnav button{width:28px;height:28px}
  .brand{margin-right:auto}
  .brand .nm{font-size:26px}
  .brand .logo{width:54px;height:auto;margin:0}
  .brand .tag{display:none}
  .mobadd:not([hidden]){display:inline-flex!important}
  .hero{padding:32px 16px 24px}
  .hero{aspect-ratio:auto;max-height:none}.hero::before{background:linear-gradient(180deg,rgb(14 11 9 / .35) 0%,rgb(14 11 9 / .6) 45%,rgb(14 11 9 / .9) 100%),url("/img/de374d4110f6d085df20f608265d72bb.webp") 66% 0/auto 62% no-repeat,#120e0c}
  .content{padding:20px 16px 48px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .stat:last-child{grid-column:1/-1}
  .wines,.opened{padding:18px 14px 6px}
  .feat{grid-template-columns:minmax(0,1fr) 120px}
  .feat .txt{padding:22px 18px}
  .thead{display:none}
  .row{grid-template-columns:58px minmax(0,1fr) auto;grid-template-areas:"th main main" "th st st" "th yr step" "th pr step";row-gap:4px}
  .row .rowst{grid-area:st}
  .row .thumb{grid-area:th;align-self:start}
  .row .main{grid-area:main}
  .row .c-reg,.row .c-type{display:none}
  .row .yr{grid-area:yr;text-align:left}
  .row .pr{grid-area:pr;text-align:left}
  .row .step{grid-area:step}
  .mlabel{display:inline;font-size:12px;color:var(--dim);margin-right:6px}
  .age{display:inline;margin-left:6px}
  .grid2{grid-template-columns:1fr}
  .grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
  .gcard .pic{height:150px}
  .sel{max-width:100%}
}
@media (prefers-reduced-motion:no-preference){.row,.gcard,.chip,.nav button{transition:background .15s,border-color .15s,color .15s}}
.dprev{border:1px solid rgb(201 162 74 / .45);background:rgb(201 162 74 / .08);border-radius:10px;padding:10px 12px;margin:4px 0 12px;display:grid;gap:6px}
.dprev small{opacity:.75}.dprow{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;justify-content:space-between}
.jitem.flash{animation:jflash 2.6s ease}@keyframes jflash{0%,40%{box-shadow:0 0 0 2px #c9a24a,0 0 18px rgb(201 162 74 / .5)}100%{box-shadow:none}}
.fhint{display:block;font-size:12px;opacity:.7;margin:-2px 0 2px;letter-spacing:0;text-transform:none}
.wzsec{padding:0 0 24px;display:flex;flex-direction:column;gap:16px;overflow:hidden}
.wzhero{position:relative;padding:30px 28px 22px;background:radial-gradient(120% 140% at 100% 0%,rgb(122 30 48 / .55) 0%,rgb(122 30 48 / 0) 55%),radial-gradient(90% 120% at 0% 100%,rgb(227 188 134 / .10) 0%,rgb(227 188 134 / 0) 60%),linear-gradient(180deg,#1d1513,var(--panel));border-bottom:1px solid var(--line)}
.wzhero h2{font:500 40px/1 var(--f-display);margin:0 0 8px}.wzhero p{margin:0;max-width:60ch;color:#D8CABB;font-size:15px}
.wzhero svg.vine{position:absolute;right:18px;top:8px;width:230px;height:150px;opacity:.55;pointer-events:none}
.wzfact{margin:0 24px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:1px solid rgb(227 188 134 / .35);background:rgb(227 188 134 / .06);border-radius:12px;padding:12px 16px}
.wzfact p{margin:0;font:italic 400 18px/1.35 var(--f-display);color:var(--fg)}.wzfact b{color:var(--gold);font-style:normal}
.wzfl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.wztools{margin:0 24px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.wztools .chips{display:flex;flex-wrap:wrap;gap:6px}
.wztools input{margin-left:auto;min-width:220px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 12px;color:var(--fg)}
#wzBody{padding:0 24px}
.wzgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}.wzgrid.tight{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.wzcard{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:8px;position:relative}
.wzcard header{display:flex;align-items:baseline;gap:8px}.wzcard h3{font:500 24px/1.1 var(--f-display);margin:0;color:var(--fg)}.wzcard header em{margin-left:auto;font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.wzcard p{margin:0;font-size:14px;line-height:1.5;color:#D3C6B8}
.wzdot{width:10px;height:10px;border-radius:50%;flex:none;align-self:center}.rood .wzdot{background:#8E2A3B;box-shadow:0 0 0 3px rgb(142 42 59 / .25)}.wit .wzdot{background:#E3CF8E;box-shadow:0 0 0 3px rgb(227 207 142 / .2)}
.wzk span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2);margin-bottom:1px}
.wztip{border-left:2px solid var(--gold-2);padding-left:10px;font-style:italic}
.wzbars{display:grid;gap:4px;margin:2px 0}.wzbar{display:grid;grid-template-columns:62px 1fr;align-items:center;font-size:12px;color:var(--muted)}.wzbar i{display:flex;gap:3px}.wzbar b{flex:1;height:6px;border-radius:3px;background:#2E2723}.wzbar b.on{background:linear-gradient(90deg,var(--gold-2),var(--gold))}
.wzul{margin:0;padding-left:18px;font-size:13.5px;color:#D3C6B8;display:grid;gap:3px}
.wzown{margin-top:auto;padding-top:10px;border-top:1px dashed var(--line-2)}.wzown.none{font-size:12.5px;color:var(--dim)}
.wzcnt{font-size:12.5px;color:var(--muted);margin-bottom:6px}.wzcnt b{color:var(--gold)}
.wzbt{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-end}
.wzb{display:flex;flex-direction:column;align-items:center;gap:3px;width:60px;background:none;border:0;padding:4px 2px;border-radius:8px;cursor:pointer;color:var(--fg)}.wzb:hover{background:rgb(227 188 134 / .08)}
.wzb .thumb{width:26px;height:58px;display:flex;align-items:flex-end;justify-content:center}.wzb .thumb img{max-width:100%;max-height:100%;object-fit:contain}.wzb .thumb.photo img{border-radius:4px;object-fit:cover;width:26px;height:58px}
.wzb small{font-size:10.5px;line-height:1.15;text-align:center;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wzb.gone{opacity:.45}
.wzmore{font-size:12px;color:var(--muted);align-self:center;padding-left:4px}
.wzlead{margin:0 0 12px;color:var(--muted)}
.wzcard.term h3{font-size:21px}
.wzcard.prak.wide{grid-column:1/-1}.wzico{font-size:20px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgb(227 188 134 / .1);flex:none;align-self:center}
.wztemp{display:grid;gap:7px;margin-top:6px;max-width:720px}.wzti{display:grid;grid-template-columns:200px 1fr 70px;gap:12px;align-items:center;font-size:13.5px}.wztl{color:#D3C6B8}.wzti b{color:var(--gold);font-weight:500;text-align:right}
.wztr{position:relative;height:8px;border-radius:4px;background:linear-gradient(90deg,#3b5770,#5d6d78 30%,#7a5a4a 70%,#8a3a36)}.wztr i{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid var(--panel-2);box-shadow:0 0 0 1px rgb(255 255 255 / .25)}
.wzscale{display:grid;grid-template-columns:200px 1fr 70px;gap:12px;font-size:11px;color:var(--dim)}.wzscale .sc{display:flex;justify-content:space-between}.wzscale i{font-style:normal}
.wzdl{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2px 28px}.wzdl>div{padding:11px 0;border-bottom:1px solid var(--line)}.wzdl dt{font:500 20px/1.2 var(--f-display);color:var(--gold)}.wzdl dd{margin:3px 0 0;font-size:14px;color:#D3C6B8;line-height:1.5}
.wzwheel{display:grid;grid-template-columns:minmax(320px,600px) 1fr;gap:28px;align-items:center}.wzwheel svg{width:100%;height:auto}
.wzf{cursor:pointer;transition:opacity .2s}.wzf.dim{opacity:.28}.wzf:hover path{filter:brightness(1.15)}.wzf:focus{outline:none}.wzf:focus-visible path{stroke:var(--gold);stroke-width:1.5}
.wzt1{font:600 12px/1 Inter,system-ui,sans-serif;fill:#fff;text-anchor:middle;dominant-baseline:middle;pointer-events:none;letter-spacing:.02em}
.wzt2{font:500 10.5px/1 Inter,system-ui,sans-serif;fill:rgb(255 255 255 / .92);text-anchor:middle;dominant-baseline:middle;pointer-events:none}
.wzc1,.wzc2{font:500 19px/1 var(--f-display);fill:var(--gold);text-anchor:middle}.wzc2{font-size:16px;fill:var(--muted)}
.wzside h3{font:500 30px/1.1 var(--f-display);margin:0 0 8px;color:var(--gold)}.wzside p{margin:0 0 10px;color:#D3C6B8;font-size:14.5px;line-height:1.55}
@media (max-width:900px){.wzhero{padding:22px 16px 18px}.wzhero h2{font-size:32px}.wzhero svg.vine{width:150px;opacity:.3}.wzfact,.wztools{margin:0 14px}#wzBody{padding:0 14px}.wzfact{grid-template-columns:1fr}.wztools input{margin-left:0;width:100%}.wzwheel{grid-template-columns:1fr}.wzti,.wzscale{grid-template-columns:120px 1fr 56px}.wzgrid{grid-template-columns:1fr}}
#wzsec{position:relative;isolation:isolate}
#wzsec::before{content:"";position:absolute;left:0;right:0;top:0;aspect-ratio:2048/768;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgb(14 11 9 / .78) 0%,rgb(14 11 9 / .35) 22%,rgb(14 11 9 / 0) 42%,rgb(14 11 9 / 0) 76%,rgb(25 21 19 / .8) 93%,var(--panel) 100%),linear-gradient(90deg,rgb(14 11 9 / .5) 0%,rgb(14 11 9 / 0) 48%),url("/img/2b158072434579534585a13473d9d43c.webp") center/100% 100% no-repeat}
#wzsec .wzhero{background:none;border-bottom:0;padding-bottom:max(22px,calc(37.5% - 135px))}
#wzsec .wzhero h2,#wzsec .wzhero p{text-shadow:0 1px 3px rgb(0 0 0 / .9),0 2px 14px rgb(0 0 0 / .85)}#wzsec .wzhero p{color:#E6DACB}
#wzsec .wzfact{background:rgb(25 21 19 / .82);backdrop-filter:none}
/* Language picker: last row of the menu (a chip in the mobile menu strip). */
.nav .langpick{display:flex;align-items:center;gap:14px;flex:none;padding:6px 14px;margin-top:4px;border-radius:10px;color:#D4CCC4;font-size:14.5px;cursor:pointer}
.nav .langpick svg{flex:none;opacity:.8}
.nav .langpick select{flex:1;min-width:0;appearance:none;-webkit-appearance:none;border:0;background:transparent;color:inherit;font:inherit;padding:2px 0;cursor:pointer;text-shadow:0 1px 8px rgb(0 0 0 / .85)}
.nav .langpick select option{background:var(--panel,#1a1512);color:var(--fg,#F2EADF)}
.nav .langpick:hover{color:var(--fg);background:rgb(255 255 255 / .03)}
.nav .langpick:focus-within{outline:2px solid var(--gold);outline-offset:-2px}
@media (max-width:900px){.nav .langpick{flex:0 0 auto;margin:0;padding:6px 12px;gap:8px;font-size:13.5px;border:1px solid var(--line)}.nav .langpick svg{width:16px;height:16px}}