/* V16.17 PRO revision 2. High-contrast themes and read-only history displays. */
/* Revision 3: navigation only; historical and Feed logic unchanged. */
/* Revision 4: original survival-horror terminal theme, code-native decoration. */
:root[data-qs-skin=biohazard]{color-scheme:dark;--bg:#0c0f0b;--card:#171d14;--card2:#263021;--line:#75836b;--txt:#f3f1dc;--muted:#c1c8ae;--gold:#c8db9c;--green:#b7e28c;--red:#ffb6a7;--r:5px;--qs-accent:#b7e28c;--qs-panel:linear-gradient(160deg,#2b3223,#121910);--qs-soft:#141c12;--qs-shadow:0 8px 22px #0007,inset 0 1px #dde8b633;--qs-ink:#15200f;--qs-title:ui-monospace,'SFMono-Regular',Consolas,monospace}
html[data-qs-skin=biohazard] body{background:repeating-linear-gradient(90deg,transparent 0 79px,#b7e28c08 80px 81px),var(--bg)!important}
html[data-qs-skin=biohazard] :is(.card,.qs13-tablet,.qs13-shortcut,.qs15-dev-card){border-radius:5px!important;border-top:2px solid #859271!important;box-shadow:inset 0 0 0 3px #090d0877,0 6px 18px #0005!important;backdrop-filter:none!important}
html[data-qs-skin=biohazard] .qs13-head{border-bottom:1px solid #879773;padding-bottom:8px}
html[data-qs-skin=biohazard] :is(.qs13-head strong,.section h2,.subnav-title){font-family:var(--qs-title);letter-spacing:.045em;text-transform:uppercase}
html[data-qs-skin=biohazard] .qs13-head strong{font-size:13px!important}
html[data-qs-skin=biohazard] .brand h1{font-size:24px;letter-spacing:-1px}
html[data-qs-skin=biohazard] :is(.qs15-scope,.qs14-radar,.hero-organic){display:none!important}
html[data-qs-skin=biohazard] .qs13-tablet:before{background:linear-gradient(90deg,#a74536 0 26px,transparent 26px)!important;height:3px;top:auto;bottom:0;left:10px;right:10px;opacity:1}
html[data-qs-skin=biohazard] :is(button,.menu-row){border-radius:5px!important}
html[data-qs-skin=biohazard] :is(.metric b,.qs13-climate b,.qs15-dev-watt){font-family:var(--qs-title);font-variant-numeric:tabular-nums}
html[data-qs-skin=biohazard] .plant-card{border-left:3px solid #859271!important}
.qs17-swatch.biohazard{background:linear-gradient(90deg,#a74536 0 6%,transparent 6%),repeating-linear-gradient(0deg,transparent 0 11px,#b7e28c22 12px 13px),#222d1c;border:1px solid #859271}
html[data-qs-skin] #feeding>.qs17-personalize{margin-top:28px;margin-bottom:24px;border-top:2px solid var(--line)}
html[data-qs-skin] .qs17-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-qs-skin] :is(.section>span,.qs-fertilizer-total span,.qs15-sheet-caption,.growbox-history-meta,.growbox-history-title,.qs169-equip-note,.qs15-environment-last,.qs169-range output,.label-scan-state,.guide-content,.history-body){color:var(--muted)!important}
html[data-qs-skin] :is(.qs-fertilizer-total,.growbox-history-item,.label-scan-box,.guide-section,.history-details,.qs1612-item){background:var(--qs-soft)!important;color:var(--txt)!important;border-color:var(--line)!important}
html[data-qs-skin] :is(input,textarea)::placeholder{color:var(--muted)!important;opacity:1}
html[data-qs-skin] button:disabled{opacity:.68!important}
html[data-qs-skin] .qs169-feed-badge strong{color:var(--qs-accent)!important}
html[data-qs-skin] .sheet.open .panel{opacity:1!important;animation:none!important;background-color:var(--card)!important}
html[data-qs-skin] :is(.qs17-history,.qs17-personalize){padding:12px;margin:12px 0;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--txt)}
html[data-qs-skin] :is(.qs17-history,.qs17-personalize)>summary{padding:8px 2px;min-height:44px;box-sizing:border-box;cursor:pointer;font-weight:700;line-height:1.5;color:var(--txt)}
.qs17-history:not([open])>*:not(summary){display:none!important}
.qs17-history .card{margin:8px 0}
.qs17-env-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:16px 0}
.qs17-env-controls label{font-size:12px}
.qs17-env-controls select{width:auto;max-width:100%;font-size:12px}
.qs17-env-rows{display:grid;gap:12px;margin:14px 0}
.qs17-env-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:10px;align-items:stretch}
.qs17-env-value{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--qs-soft)}
.qs17-env-value label{font-size:12px;line-height:1.4;margin:0 0 8px}
.qs17-env-value input{width:100%;min-width:0;box-sizing:border-box}
.qs17-darknote{display:block;margin-top:6px;font-size:11px;color:var(--muted);line-height:1.4}
/* Charts keep identical dark technical palette in ALL themes. No decorative layer over text. */
html[data-qs-skin] .qs17-chart{display:block;min-width:0;overflow:hidden;margin:0;padding:8px;background:#071923!important;color:#f1f8ff!important;border:1px solid #53758a;border-radius:9px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;text-align:left;line-height:1.4}
html[data-qs-skin] .qs17-chart :is(b,span,small,figcaption){color:#e6f3ff!important}
.qs17-chart .qs17-chart-head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:11px;line-height:1.45;margin-bottom:5px}
.qs17-chart svg{display:block;width:100%;height:84px;overflow:hidden}
.qs17-chart svg text{fill:#c1d9e8;font-size:13px;font-family:ui-monospace,monospace}
.qs17-chart figcaption{font-size:10px;line-height:1.5;margin-top:4px}
.qs17-chart .qs17-empty{display:block;min-height:52px;font-size:11px;padding:7px 0}
.qs17-chart.qs17-mini{padding:4px;margin-top:6px;width:100%;box-sizing:border-box;border-radius:5px}
.qs17-mini svg{height:35px}
.qs17-mini .qs17-empty{font-size:9px;min-height:23px;padding:1px}
.qs17-mini .qs17-chart-head{font-size:9px;margin-bottom:1px;display:block}
html[data-qs-skin] body.qs16-home-active #home .qs17-mini .qs17-chart-head b{font-size:9px;line-height:1.4;color:#e6f3ff!important}
.qs17-mini figcaption{font-size:8px}
html[data-qs-skin] body.qs16-home-active #home .qs13-climate{grid-template-columns:repeat(2,minmax(0,1fr));flex-shrink:0}
html[data-qs-skin] body.qs16-home-active #home .qs13-climate>span{min-width:0;overflow:visible}
.qs17-device-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
html[data-qs-skin] .qs15-dev-card{padding:16px!important}
.qs17-catalog-form{display:grid;gap:10px;margin:12px 0}
.qs17-catalog-form label{display:block;font-size:13px;margin-bottom:5px}
.qs17-catalog-form :is(input,textarea,select){width:100%;box-sizing:border-box}
.qs17-catalog-actions{display:flex;gap:8px;flex-wrap:wrap}
.qs17-catalog-actions button{flex:1;min-width:120px}
.qs17-catalog-entry{padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.qs17-catalog-entry img{max-width:100%;max-height:260px;object-fit:contain;margin:10px 0}
.qs17-catalog-entry pre{white-space:pre-wrap;font-family:inherit;font-size:12px;line-height:1.6}
@media(min-width:650px){.qs17-env-row{grid-template-columns:minmax(180px,.65fr) minmax(0,1.5fr)}.qs17-chart svg{height:105px}.qs17-theme-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
/* Revision 5: four Home entries, readable charts without a nested scroll for a three-device setup. */
html[data-qs-skin] body.qs16-home-active #home .qs13-device{padding:5px 0!important}
html[data-qs-skin] body.qs16-home-active #home .qs17-mini .qs17-chart-head{display:none}
html[data-qs-skin] body.qs16-home-active #home .qs17-mini{margin-top:4px}
@media(max-height:740px){
 html[data-qs-skin] body.qs16-home-active #home .qs13-home-grid{grid-template-rows:minmax(0,1fr) 60px}
 html[data-qs-skin] body.qs16-home-active #home .qs13-shortcut{height:60px!important}
 html[data-qs-skin] body.qs16-home-active #home .qs13-tablet{padding:8px!important}
 html[data-qs-skin] body.qs16-home-active #home .qs13-climate{grid-template-columns:1fr;gap:3px}
 html[data-qs-skin] body.qs16-home-active #home .qs13-climate>span{display:grid;grid-template-columns:minmax(0,1fr) 46px;grid-template-rows:auto auto;column-gap:3px;padding:3px 4px}
 html[data-qs-skin] body.qs16-home-active #home .qs13-climate>span>label{grid-column:1;grid-row:1}
 html[data-qs-skin] body.qs16-home-active #home .qs13-climate>span>b{grid-column:1;grid-row:2}
 html[data-qs-skin] body.qs16-home-active #home .qs13-climate .qs17-mini{grid-column:2;grid-row:1/3;margin:0;padding:2px;align-self:center}
 html[data-qs-skin] body.qs16-home-active #home .qs17-mini svg{height:24px}
 html[data-qs-skin] body.qs16-home-active #home .qs13-device{padding:3px 0!important}
 html[data-qs-skin] body.qs16-home-active #home .qs14-device-model{line-height:1.1}
 html[data-qs-skin] body.qs16-home-active #home .qs13-growbody{gap:3px}
}
@media(max-height:740px){
 html[data-qs-skin] body.qs16-home-active header{padding:6px 12px!important}
 html[data-qs-skin] body.qs16-home-active .brand h1{font-size:23px}
 html[data-qs-skin] body.qs16-home-active .brand small{display:inline-block;margin-top:3px;font-size:10px}
 html[data-qs-skin] body.qs16-home-active .version-badge{display:inline-block;margin:0 0 0 5px;font-size:8px}
 html[data-qs-skin] body.qs16-home-active #home .home-hero{height:48px!important;min-height:48px!important;flex-basis:48px}
 html[data-qs-skin] body.qs16-home-active #home .qs13-home-grid{grid-template-rows:minmax(0,1fr) 50px;gap:6px}
 html[data-qs-skin] body.qs16-home-active #home .qs13-shortcut{height:50px!important;padding:6px!important}
 html[data-qs-skin] body.qs16-home-active #home .qs13-head{padding-bottom:4px;margin-bottom:4px}
 html[data-qs-skin] body.qs16-home-active #home .qs13-total-note{line-height:1.2}
}
@media(max-height:740px){
 html[data-qs-skin] body.qs16-home-active #home .qs13-device{padding:1px 0!important}
 html[data-qs-skin] body.qs16-home-active #home .qs13-growbody{gap:1px}
 html[data-qs-skin] body.qs16-home-active #home .qs13-climate>span{padding-top:1px;padding-bottom:1px}
}