:root[data-theme=dark]{--dust:#1e1a16;--coal:#f0e8df;--chianti:#d4b84a;--muted:#bcac9a;--ash:#a89278;--rule:#50443a}
:root[data-theme=dark] .site-header .brand img,:root[data-theme=dark] footer>img,:root[data-theme=dark] .session-intro img{filter:invert(.9)}
.home-tile-wine .home-photo-custom img{object-fit:cover}
:root[data-theme=dark] .home-photo img{filter:brightness(.82) saturate(.85)}
:root[data-theme=dark] .detail-dialog{background:var(--dust);color:var(--coal)}
.theme-toggle{width:40px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:9px;color:var(--chianti);flex-shrink:0}
.theme-toggle svg{width:20px;height:20px}
.theme-toggle[aria-pressed=true] svg{transform:rotate(-18deg)}
@media(max-width:430px){.header-tools{gap:2px}.theme-toggle{width:34px;padding:7px}}
/* A new palette spreads from the theme control over the previous page. */
.theme-toggle .theme-sun{display:none}
.theme-toggle[aria-pressed=true] .theme-moon{display:none}
.theme-toggle[aria-pressed=true] .theme-sun{display:block;transform:none}
html.theme-reveal #theme-toggle{view-transition-name:theme-switch}
html.theme-reveal::view-transition-group(root){animation:none}
html.theme-reveal::view-transition-old(root),html.theme-reveal::view-transition-new(root){animation:none;mix-blend-mode:normal}
html.theme-reveal::view-transition-old(root){z-index:1}
html.theme-reveal::view-transition-new(root){z-index:2}
html.theme-reveal::view-transition-group(theme-switch){z-index:3;animation-duration:950ms}
html.theme-reveal::view-transition-old(theme-switch){animation:theme-icon-out 350ms ease-in both;mix-blend-mode:normal}
html.theme-reveal::view-transition-new(theme-switch){animation:theme-icon-in 650ms cubic-bezier(.22,.61,.36,1) both;mix-blend-mode:normal}
@keyframes theme-icon-out{to{opacity:0;transform:rotate(-45deg) scale(.8)}}
@keyframes theme-icon-in{from{opacity:0;transform:rotate(45deg) scale(.8)}to{opacity:1;transform:rotate(0) scale(1)}}
html.theme-crossfade,html.theme-crossfade body,html.theme-crossfade body *{transition:background-color 500ms ease,color 500ms ease,border-color 500ms ease}
@media(prefers-reduced-motion:reduce){html.theme-crossfade,html.theme-crossfade body,html.theme-crossfade body *{transition:none!important}}
html.theme-reveal body *{transition:none!important}
/* Preserve the original vector contours and give fine strokes more screen space. */
.site-header .brand{position:relative;width:68px;height:68px;flex-shrink:0}
.site-header .brand img{width:68px;height:68px;display:block}
@supports(mask-image:url('./assets/monogram.svg')){
 .site-header .brand::before{content:'';position:absolute;inset:0;background:var(--coal);mask:url('./assets/monogram.svg') center/contain no-repeat;-webkit-mask:url('./assets/monogram.svg') center/contain no-repeat}
 .site-header .brand img{opacity:0;filter:none!important}
}
@media(max-width:760px){.site-header .brand,.site-header .brand img{width:62px;height:62px}}

.taste-note{font:12px/1.55 var(--body);color:var(--muted);margin:8px 0 0}
.detail-taste{font-size:14px;margin:18px 0}

:root[data-theme=dark] .wifi-qr{content:url('./assets/wifi-qr-so-dark.svg')}