/* Collector's reading room: shared material tokens, with the verified cabinet layout retained. */
:root{--muted:#626e64;--surface:#fffefa;--image-mat:#ebe7dd;--action:#183f35;--action-ink:#fffefa;--hover:#eaece1;--danger:#9b302f;--warning:#f8f0dc;--warning-ink:#775020;--meter-track:#e0ddcf;--meter-fill:#8c784d;--star-empty:#767367}
:root[data-theme=dark]{--paper:#181f1d;--white:#222c28;--surface:#222c28;--ink:#eeeede;--green:#b5d2bd;--muted:#b1bcb3;--line:#465249;--gold:#d8b477;--image-mat:#303b34;--action:#b5d2bd;--action-ink:#18281f;--hover:#35453b;--danger:#ffaaa0;--warning:#433825;--warning-ink:#edce91;--meter-track:#465249;--meter-fill:#c7ad78;--star-empty:#a19d8d}
:root[data-theme=walnut]{--paper:#251c18;--white:#322620;--surface:#322620;--ink:#f3e7d7;--green:#e3c18c;--muted:#c8b6a4;--line:#665044;--gold:#e3b779;--image-mat:#403127;--action:#e3c18c;--action-ink:#302116;--hover:#49382b;--danger:#ffaaa0;--warning:#493722;--warning-ink:#f2d19a;--meter-track:#665044;--meter-fill:#d9af74;--star-empty:#af9a84}
:root[data-theme=nature]{--paper:#162c24;--white:#203c30;--surface:#203c30;--ink:#eff3df;--green:#bddb9a;--muted:#b6cbb4;--line:#4f7059;--gold:#d4c17e;--image-mat:#2b4939;--action:#bddb9a;--action-ink:#1c3224;--hover:#35563e;--danger:#ffb5a4;--warning:#42492a;--warning-ink:#e8dc9e;--meter-track:#4f7059;--meter-fill:#b6ce88;--star-empty:#abb89b}
:root[data-theme=ocean]{--paper:#142738;--white:#1d354a;--surface:#1d354a;--ink:#e8f2fa;--green:#a6d5f5;--muted:#afc5d8;--line:#4c6b85;--gold:#a6cfee;--image-mat:#29465e;--action:#a6d5f5;--action-ink:#142b3e;--hover:#304e67;--danger:#ffb5ac;--warning:#42402a;--warning-ink:#f2d89e;--meter-track:#4c6b85;--meter-fill:#8fc9ed;--star-empty:#a5b9cb}
:root[data-theme=royal]{--paper:#281c38;--white:#38294b;--surface:#38294b;--ink:#f4ecfa;--green:#d8b9f5;--muted:#c9b7da;--line:#755c8c;--gold:#e2c28b;--image-mat:#49365f;--action:#d8b9f5;--action-ink:#2d1d40;--hover:#503b66;--danger:#ffb5b6;--warning:#4b3b30;--warning-ink:#f3d49e;--meter-track:#755c8c;--meter-fill:#c7a2ed;--star-empty:#baA6ca}
.appearance-control{display:flex;align-items:center;gap:8px;margin:0 0 0 auto;font-size:11px;color:var(--muted);font-weight:400}
.appearance-control select{width:auto;min-height:44px;margin:0;padding:8px 26px 8px 10px;border-color:var(--line);background:var(--surface);color:var(--ink);font-size:13px}
input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
input:not([type=checkbox]),select,textarea{border-color:var(--line)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
button.primary,.primary{background:var(--action);border-color:var(--action);color:var(--action-ink)}
.primary:hover{background:var(--action);filter:brightness(.92)}
.secondary{border-color:var(--line)}
.secondary:hover,.social-button:not(:disabled):hover{background:var(--hover)}
.error,.danger{color:var(--danger)}
.social-button{background:var(--surface);color:var(--ink);border-color:var(--line)}
.auth-divider{color:var(--muted)}
.badge,.share-warning{background:var(--warning);color:var(--warning-ink)}
#notice{background:var(--action);color:var(--action-ink)}
#workspace,#bottle-detail{--cabinet-paper:var(--paper);--cabinet-surface:var(--surface);--cabinet-ink:var(--ink);--cabinet-rule:var(--line);--cabinet-brass:var(--gold)}
#workspace .hero,#bottle-detail .bottle-heading{border-top:2px solid var(--gold)}
#workspace .workspace-top{border-bottom:0}
#workspace .bottle-illustration,#bottle-detail .bottle-portrait,.bottle-illustration .bottle-photo{background:var(--image-mat)}
#workspace .bottle-card{padding-bottom:4px}
.stock-label{background:var(--surface);color:var(--ink);border-color:var(--line)}
.stock-low{background:var(--warning);color:var(--warning-ink);border-color:var(--gold)}
.stock-shortcuts button[aria-pressed=true],.view-options [aria-pressed=true]{background:var(--action);color:var(--action-ink);border-color:var(--action)}
.stock-meter,.stock-meter::-webkit-meter-bar{background:var(--meter-track)}
.stock-meter::-webkit-meter-optimum-value{background:var(--meter-fill)}
.stock-meter::-moz-meter-bar{background:var(--meter-fill)}
.bottle-rating-stars{color:var(--star-empty)}
.bottle-rating-stars .star-full,.bottle-rating-stars .star-half:before{color:var(--gold)}
.rating-stars{color:var(--gold)}
.star-choice:has(input:checked) span{background:var(--action);color:var(--action-ink)}
.rating-pending,.rating-review-badge{background:var(--warning);color:var(--warning-ink)}
.release-entry.is-current .release-status{background:var(--hover);border-color:var(--line);color:var(--green)}
.photo-slot{border-color:var(--line)}
:root:not([data-theme=light]) .product-example,:root:not([data-theme=light]) .feature-story .product-example,:root:not([data-theme=light]) .example-share,:root:not([data-theme=light]) .example-conversation>p{background:var(--surface);border-color:var(--line);color:var(--ink)}
:root:not([data-theme=light]) .example-label,:root:not([data-theme=light]) .example-tags,:root:not([data-theme=light]) .example-line,:root:not([data-theme=light]) .example-timeline small,:root:not([data-theme=light]) .example-access small,:root:not([data-theme=light]) .example-share p{color:var(--muted)}
:root:not([data-theme=light]) .example-avatar{background:var(--hover)}
:root:not([data-theme=light]) .landing-chat{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
:root:not([data-theme=light]) .landing-chat a{color:var(--green)}
:root:not([data-theme=light]) .landing-chat .eyebrow,:root:not([data-theme=light]) .landing-chat .chat-availability,:root:not([data-theme=light]) .example-conversation small{color:var(--muted)}
@media(max-width:650px){.appearance-control{gap:6px;font-size:10px;margin:0;justify-self:start}.appearance-control select{font-size:16px;max-width:110px}.masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px}.masthead .site-links{justify-self:end}.masthead #account-bar{grid-column:2;grid-row:2;min-width:0}.brand{font-size:22px}}
@media(prefers-reduced-motion:reduce){.primary:hover{filter:none}}
@media(max-width:650px){#account-appearance{font-size:16px;min-height:44px}}
@media print{:root[data-theme]{--paper:white;--white:white;--surface:white;--ink:#223c33;--green:#183f35;--muted:#526052;--line:#aaa;--gold:#80602e;--image-mat:#eee;--action:#183f35;--action-ink:white}.appearance-control{display:none}}
