.preferences{display:flex;align-items:center;gap:8px;margin-left:auto}.topline{align-items:center;gap:18px}.preferences button{background:transparent;color:#f6f5ee;border:1px solid #656b60;border-radius:4px;padding:5px 9px;min-height:30px;font:12px/1.3 Arial,sans-serif;letter-spacing:0}.preferences button[aria-pressed=true]{background:#f3cf45;color:#20231e;border-color:#f3cf45}.preferences button:hover{border-color:#f3cf45}.live-notices{position:fixed;right:24px;bottom:24px;z-index:90;width:min(370px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px}.live-notice{position:relative;background:var(--white);color:var(--ink);border:1px solid var(--line);border-left:5px solid var(--yellow);box-shadow:0 10px 32px #0002;padding:20px 38px 18px 20px;border-radius:6px;overflow-wrap:anywhere}.live-notice h3{font-size:16px;margin-bottom:8px}.live-notice p{font-size:13px;margin:0 0 10px;color:var(--muted)}.live-notice .close{font-size:24px;color:var(--ink)}.live-notice a{font-size:13px;text-decoration:underline}.translation-note{font-size:12px;color:var(--muted)}
.count{color:#20231e}
:root[data-theme=dark]{color-scheme:dark;--paper:#171c18;--ink:#eef0e7;--muted:#b2baaa;--line:#40493c;--yellow:#f3cf45;--white:#222a23;--green:#2c382a;--red:#ffa997}
[data-theme=dark] .topline{background:#0e130f;color:#eef0e7}[data-theme=dark] .brand img{filter:invert(1)}
[data-theme=dark] .button{color:var(--paper)}[data-theme=dark] .button:hover{background:#d8decc}[data-theme=dark] .button.yellow{color:#20231e;background:#f3cf45}[data-theme=dark] .button.ghost{background:transparent;color:var(--ink)}
[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#171e18;color:var(--ink);border-color:#58634f}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#a8b29f}
[data-theme=dark] .panel,[data-theme=dark] .metric,[data-theme=dark] .farm-card,[data-theme=dark] .notification,[data-theme=dark] .dropdown,[data-theme=dark] .admin-editor form{background:var(--white);color:var(--ink)}
[data-theme=dark] .card-media,[data-theme=dark] .hero-media,[data-theme=dark] .product-image{background:#2e342b;border-color:var(--line)}[data-theme=dark] .hero-label{background:#202820ed;color:var(--ink)}
[data-theme=dark] .collection-card,[data-theme=dark] .collection-card:nth-child(2),[data-theme=dark] .collection-card:nth-child(3),[data-theme=dark] .admin-editor>summary{background:#2a342a}[data-theme=dark] .empty{background:#242d23;border-color:#5b6651}
[data-theme=dark] .notice{background:#423b20;color:#f6e7aa;border-color:#d9b63a}[data-theme=dark] .notice.error{background:#432c28;color:#ffd4c7;border-color:#bf7563}[data-theme=dark] .button.danger{background:#422c28;color:#ffb7a5;border-color:#9f6659}
[data-theme=dark] .badge{background:#313b2c;color:var(--ink)}[data-theme=dark] .badge.yellow{background:#f3cf45;color:#20231e}[data-theme=dark] .badge.green{background:#30462d}[data-theme=dark] .chip.active,[data-theme=dark] .admin-nav a.active{background:#edf0e5;color:#20231e}
[data-theme=dark] .editorial{background:#0d130f;color:#eef0e7}[data-theme=dark] .editorial .text-link{border-color:#eef0e7}[data-theme=dark] footer{background:#20291f}[data-theme=dark] th{background:#1b231b;color:var(--muted)}[data-theme=dark] .footer-bottom{border-color:var(--line)}[data-theme=dark] #toast{background:#edf0e5;color:#20231e}[data-theme=dark] .contact-links a:hover{background:#f3cf45;color:#20231e}[data-theme=dark] .hero h1 em{background:none;color:#f3cf45;text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:10px}
@media(max-width:560px){.topline>span{display:none}.topline{padding:8px 18px}.preferences{gap:5px}.preferences button{min-height:32px;padding:6px 8px}.live-notices{right:16px;bottom:16px}}
 .support-photo{display:block;max-width:100%;width:320px;max-height:360px;object-fit:contain;margin-top:12px;border-radius:8px}
 #support-messages{margin-block:24px;overflow-wrap:anywhere} #support-form[hidden]{display:none}
 #support-messages .prose{margin:12px 0;white-space:pre-wrap}

/* Reveal the new theme from the appearance button without cross-fading. */
html.theme-ripple::view-transition-old(root),html.theme-ripple::view-transition-new(root){animation:none;mix-blend-mode:normal}
html.theme-ripple::view-transition-old(root){z-index:1}
html.theme-ripple::view-transition-new(root){z-index:2}
.language-roll{display:inline-grid;vertical-align:bottom;overflow:clip;line-height:inherit;max-width:100%}
.language-roll>span{grid-area:1/1;min-width:0;white-space:inherit}
.language-roll-old{pointer-events:none;user-select:none}

@media(max-width:700px){.live-notices{display:none!important}}