/* Queen Station V16.17 PRO: shared presentation tokens. */
:root[data-qs-skin]{--bg:#06110f;--card:#10231f;--card2:#172f29;--line:#35564a;--txt:#eff8f1;--muted:#b0c6ba;--gold:#dfcfaa;--green:#9ae2bd;--red:#ffb4a8;--r:20px;--qs-accent:#9ae2bd;--qs-panel:linear-gradient(135deg,rgba(54,91,78,.62),rgba(9,26,24,.94));--qs-soft:rgba(8,24,21,.65);--qs-shadow:0 12px 34px #0004,inset 0 1px #e8fff329;--qs-ink:#12281f;--qs-font:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--qs-title:var(--qs-font)}
:root[data-qs-skin=containment]{--bg:#080e17;--card:#111e2c;--card2:#1a2b3c;--line:#3a5165;--txt:#eaf4ff;--muted:#a8bdce;--gold:#ffc18a;--green:#8cdfe0;--red:#ffaca2;--r:8px;--qs-accent:#8cdfe0;--qs-panel:linear-gradient(140deg,#243746cc,#101b2bf5);--qs-soft:#0c1928b8;--qs-shadow:0 16px 34px #0005,inset 0 1px #c6eeff25;--qs-ink:#102637;--qs-title:var(--qs-font)}
html[data-qs-skin] body{background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--qs-accent) 9%,transparent),transparent 60%),var(--bg)!important;color:var(--txt);font-family:var(--qs-font)}
html[data-qs-skin] header{background:linear-gradient(var(--bg) 80%,transparent)!important}
html[data-qs-skin] .brand h1{font-family:var(--qs-title);font-size:27px;letter-spacing:-1px;color:var(--txt)}
html[data-qs-skin] :is(h2,h3,.subnav-title,.plant-name,.home-greeting,.qs13-head strong){font-family:var(--qs-title);color:var(--txt)!important}
html[data-qs-skin] :is(.card,.panel,.qs15-dev-card,.equipment-row,.diary-summary,.qs13-shortcut,.qs13-tablet,.menu-row,.profile-hero,.grower-card){background:var(--qs-panel)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:var(--qs-shadow)!important;color:var(--txt)!important}
html[data-qs-skin] :is(.card,.qs13-tablet,.qs13-shortcut){backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
html[data-qs-skin] .panel{background:var(--card)!important;max-height:94dvh;border-radius:24px 24px 0 0!important}
html[data-qs-skin] :is(.metric,.pill,.product-card,.notice,.qs13-climate>span,.qs169-feed-badge,.qs-v168-chart-note,.qs1612-data,.energy-device,.energy-summary){background:var(--qs-soft)!important;border-color:var(--line)!important;color:var(--txt)!important;border-radius:calc(var(--r) * .65)}
html[data-qs-skin] :is(.muted,label,.tiny.muted,.small.muted,.source,.event-meta,.qs13-shortcut small,.qs13-total-note,.qs13-pstage,.qs13-pfeed,.qs13-dmeta span,.qs14-device-model,.qs15-last-reading,.qs15-dev-label small,.qs15-env-intro,.qs1612-muted){color:var(--muted)!important}
html[data-qs-skin] :is(.qs13-pname,.qs13-dname,.qs15-dev-label strong,.qs13-climate b,.qs13-head strong,.home-greeting,.plant-name,.qs13-shortcut strong){color:var(--txt)!important;text-shadow:none}
html[data-qs-skin] :is(.qs13-pday,.qs13-pill,.qs14-device-count,.qs13-dmeta b,.qs13-total b,.qs15-dev-watt,.age-live,.version-badge,.loading-version){color:var(--qs-accent)!important}
html[data-qs-skin] :is(.version-badge,.loading-version){background:var(--qs-soft)!important;border:1px solid var(--line)}
html[data-qs-skin] :is(button,.menu-row){font-family:var(--qs-font);touch-action:manipulation}
html[data-qs-skin] button:not(.qs13-tablet):not(.qs13-shortcut):not(.switch){min-height:44px!important;border-radius:12px!important;font-size:13px;font-weight:650;line-height:1.3;color:var(--txt);border-color:var(--line)}
html[data-qs-skin] :is(button.secondary,.menu-row,.subnav button,.plant-footer button,.stepbtn,.icon,.qs15-add-btn,.qs15-detail-link,.help-inline,.qs16-hero-action,.menu-btn,.header-avatar){background:var(--card2)!important;color:var(--txt)!important;border:1px solid var(--line)!important;box-shadow:inset 0 1px #ffffff0a}
html[data-qs-skin] button.primary{background:linear-gradient(135deg,var(--gold),color-mix(in srgb,var(--gold) 75%,white))!important;border:1px solid var(--gold)!important;color:var(--qs-ink)!important;min-height:48px!important;box-shadow:0 3px 12px #0002;font-weight:750}
html[data-qs-skin] button.danger{background:color-mix(in srgb,var(--red) 12%,var(--card))!important;border:1px solid color-mix(in srgb,var(--red) 45%,var(--line))!important;color:var(--red)!important}
html[data-qs-skin] :is(button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--qs-accent)!important;outline-offset:3px}
html[data-qs-skin] button:disabled{opacity:.42!important;cursor:not-allowed;filter:grayscale(1);box-shadow:none!important}
html[data-qs-skin] button:not(:disabled):active{filter:brightness(.92)}
html[data-qs-skin] :is(input:not([type=range]):not([type=checkbox]),select,textarea){background:var(--qs-soft)!important;border:1px solid var(--line)!important;color:var(--txt)!important;border-radius:12px;min-height:46px}
html[data-qs-skin] input[type=range]{accent-color:var(--qs-accent)}
html[data-qs-skin] .plant-main{padding:14px}
html[data-qs-skin] .plant-main>.row{align-items:flex-start;position:relative;display:block}
html[data-qs-skin] .plant-main>.row>.row{align-items:center!important}
html[data-qs-skin] .plant-main>.row>.plant-status-badge{margin:10px 0 0 72px;max-width:calc(100% - 72px)}
html[data-qs-skin] .plant-name{font-size:18px;line-height:1.25;overflow-wrap:anywhere}
html[data-qs-skin] .plant-meta{gap:4px}
html[data-qs-skin] .plant-meta :is(.pill,.plant-mode-pill){font-size:10px;padding:4px 6px;background:var(--qs-soft);color:var(--muted);border-color:var(--line)}
html[data-qs-skin] .plant-card .metric{padding:10px}
html[data-qs-skin] .plant-card .metric b{font-size:16px}
html[data-qs-skin] .plant-card .avatar{width:62px;height:72px;border-radius:12px}
html[data-qs-skin] .plant-footer{gap:8px;padding:10px;border-color:var(--line)}
html[data-qs-skin] .plant-footer button{padding:9px}
html[data-qs-skin] .plant-footer button:first-child{color:var(--qs-accent)!important}
html[data-qs-skin] .plant-status-badge{background:var(--qs-soft)!important;color:var(--qs-accent)!important;border-color:var(--line);font-size:10px}
html[data-qs-skin] #plantDetail>.row{display:block}
html[data-qs-skin] #plantDetail>.row>.row{align-items:center!important}
html[data-qs-skin] #plantDetail>.row>.plant-status-badge{margin-top:12px}
html[data-qs-skin] #plantDetail h3{font-size:21px;overflow-wrap:anywhere}
html[data-qs-skin] #plantDetail .avatar-lg{width:76px;height:90px;border-radius:14px}
html[data-qs-skin] #plantDetail>.grid2{gap:8px}
html[data-qs-skin] .event{margin-bottom:9px;padding:13px 12px 13px 29px;border:1px solid var(--line);border-radius:12px;background:var(--qs-soft)}
html[data-qs-skin] .event:before{left:11px;top:19px;width:5px;height:5px;background:var(--qs-accent)}
html[data-qs-skin] .event:after{display:none}
html[data-qs-skin] .event-title{font-size:14px}
html[data-qs-skin] .event-meta{font-size:12px}
html[data-qs-skin] .subnav{gap:8px;background:var(--bg);padding-top:8px}
html[data-qs-skin] .subnav-title{font-size:16px}
html[data-qs-skin] .section h2{font-size:21px}
html[data-qs-skin] .section{gap:8px;flex-wrap:wrap}
html[data-qs-skin] .qs15-dev-footer{flex-wrap:wrap;gap:8px}
html[data-qs-skin] :is(.qs1610-reward-popup,.qs-feedback-toast,.qs169-flash,.level-up-toast){background:var(--card)!important;color:var(--txt)!important;border-color:var(--qs-accent)!important}
html[data-qs-skin] .qs15-scope{width:650px;height:650px;right:-435px;top:-140px;opacity:.4!important;background:repeating-radial-gradient(circle,transparent 0 40px,#9ae2bd29 41px 42px,transparent 43px 79px)!important}
html[data-qs-skin] .qs15-scope:before{animation-duration:110s!important;opacity:.28!important;background:conic-gradient(transparent 0deg,transparent 349deg,#9ae2bd88 359deg,transparent 360deg)}
html[data-qs-skin] .qs14-radar:before{animation-duration:110s!important}
html[data-qs-skin] .qs13-tablet:before{background:linear-gradient(125deg,#e4fff218,transparent 24%,transparent 80%,#b0efcf08)!important}
html[data-qs-skin] body.qs16-home-active #home .home-hero{height:54px!important;min-height:54px!important;flex-basis:54px;padding:4px 8px 4px 13px!important;margin-bottom:0}
html[data-qs-skin] body.qs16-home-active #home .qs13-home-grid{grid-template-rows:minmax(0,1fr) 82px;gap:9px}
html[data-qs-skin] body.qs16-home-active #home .qs13-shortcut{height:82px!important;padding:10px!important;display:flex;justify-content:flex-start;gap:9px}
html[data-qs-skin] .qs17-shortcut-icon{width:32px;height:38px;flex:0 0 32px;color:var(--qs-accent)}
html[data-qs-skin] .qs17-shortcut-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
html[data-qs-skin] body.qs16-home-active #home .qs13-shortcut strong{font-size:13px;overflow-wrap:anywhere}
html[data-qs-skin] body.qs16-home-active #home .qs13-shortcut small{font-size:10px;line-height:1.35}
html[data-qs-skin] body.qs16-home-active #home .qs13-tlist{overflow-y:auto!important;overscroll-behavior:contain}
html[data-qs-skin] body.qs16-home-active #home .qs13-growbody{overflow-y:auto!important;overscroll-behavior:contain}
html[data-qs-skin] body.qs16-home-active #home .qs14-energy-list{overflow:visible!important;flex-shrink:0!important}
html[data-qs-skin] body.qs16-home-active #home .qs13-tablet{padding:12px 10px!important}
html[data-qs-skin] body.qs16-home-active #home .qs13-prow{grid-template-columns:34px minmax(0,1fr);gap:6px;padding:12px 0!important}
html[data-qs-skin] body.qs16-home-active #home .qs13-photo{width:34px!important;height:43px!important}
html[data-qs-skin] body.qs16-home-active #home .qs13-pname{font-size:12px;line-height:1.3}
html[data-qs-skin] body.qs16-home-active #home :is(.qs13-pday,.qs13-pstage,.qs13-pfeed){font-size:10px;line-height:1.4;display:block;margin:3px 0 0}
html[data-qs-skin] body.qs16-home-active #home .qs13-dname{font-size:11px;line-height:1.4}
html[data-qs-skin] body.qs16-home-active #home .qs13-device{padding:7px 0!important}
html[data-qs-skin] body.qs16-home-active #home :is(.qs13-dmeta span,.qs14-device-count,.qs13-total-note,.qs15-last-reading){font-size:9px;line-height:1.4}
html[data-qs-skin] body.qs16-home-active #home .qs14-device-model{display:block!important;font-size:9px;white-space:normal;overflow-wrap:anywhere}
html[data-qs-skin] body.qs16-home-active #home .qs13-climate label{font-size:9px;line-height:1.2;color:var(--muted)}
html[data-qs-skin] body.qs16-home-active #home .qs13-climate b{font-size:13px;line-height:1.3}
html[data-qs-skin] body.qs16-home-active #home .qs13-climate>span{padding:7px 4px}
html[data-qs-skin] body.qs16-home-active #home .qs13-total-note{display:block!important}
html[data-qs-skin] .qs13-total-top{flex-wrap:wrap}
html[data-qs-skin] .qs13-total small{color:var(--muted)}
html[data-qs-skin] .qs17-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
html[data-qs-skin] .qs17-theme-grid button{padding:10px 5px;background:var(--qs-soft);border:1px solid var(--line);font-size:11px!important}
html[data-qs-skin] .qs17-theme-grid button[aria-pressed=true]{border:2px solid var(--qs-accent);color:var(--qs-accent);box-shadow:0 0 0 2px var(--qs-soft)}
.qs17-swatch{display:block;height:48px;border-radius:6px;margin-bottom:8px;border:1px solid #ffffff30}
.qs17-swatch.radar{background:repeating-radial-gradient(circle at 100% 0%,transparent 0 9px,#9ae2bd55 10px 11px,transparent 12px 19px),linear-gradient(135deg,#294d40,#071411)}
.qs17-swatch.containment{background:linear-gradient(135deg,transparent 45%,#ffa86b 46% 48%,transparent 49%),repeating-linear-gradient(90deg,transparent 0 14px,#91cad622 15px 16px),#192c40}
html[data-qs-skin=containment] :is(.qs13-tablet,.card,.qs13-shortcut){border-top:2px solid #739eae!important;background-image:linear-gradient(135deg,#25394de6,#0b1829f5)!important}
html[data-qs-skin=containment] :is(.qs13-head strong,.section h2,.subnav-title){text-transform:uppercase;letter-spacing:.06em;font-size:16px!important}
html[data-qs-skin=containment] .qs13-head:before{content:'';width:3px;height:16px;background:var(--gold);margin-right:4px}
html[data-qs-skin=containment] .qs13-head strong{flex:1;font-size:13px!important}
html[data-qs-skin=containment] .qs15-scope{border-radius:0;background:repeating-linear-gradient(0deg,transparent 0 27px,#8bd8e41a 28px 29px),repeating-linear-gradient(90deg,transparent 0 27px,#8bd8e41a 28px 29px)!important;transform:rotate(15deg);opacity:.3!important}
html[data-qs-skin=containment] .qs15-scope:before{display:none}
html[data-qs-skin=containment] .plant-card{border-left:3px solid var(--gold)!important}
html[data-qs-skin=containment] .metric b{font-family:ui-monospace,'SFMono-Regular',Consolas,monospace}
html[data-qs-skin] :is(.always-nav,.panel .always-nav){background:var(--card)!important;border-bottom:1px solid var(--line);padding-bottom:9px}
html[data-qs-skin] .always-nav .nav-center{color:var(--muted)!important}
html[data-qs-skin] :is(.always-nav button,header button){background:var(--card2)!important;color:var(--txt)!important;border:1px solid var(--line)!important}
html[data-qs-skin] .always-nav .save-nav-btn{background:var(--gold)!important;color:var(--qs-ink)!important;border-color:var(--gold)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
html[data-qs-skin] :is(.plant-main>.grid2,#plantDetail>.grid2){grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-qs-skin] #plantDetail>.grid2 .metric{padding:10px}
html[data-qs-skin] #plantDetail>.grid2 .metric b{font-size:15px;line-height:1.4}
html[data-qs-skin] #plantDetail>.grid2 .metric:last-child:nth-child(odd){grid-column:1/-1}
html[data-qs-skin] nav.qs169-sheet-switch{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;position:relative!important;inset:auto!important;transform:none!important;width:100%!important;gap:8px;margin:0 0 14px!important;padding:8px!important;background:var(--qs-soft)!important;border:1px solid var(--line);border-radius:12px;color:var(--txt);z-index:1}
html[data-qs-skin] nav.qs169-sheet-switch span{white-space:normal;overflow-wrap:anywhere;color:var(--muted);font-size:12px}
html[data-qs-skin] :is(.qs-water-wrap,.qs-water-item,.qs-water-fertilizers,.qs169-feed-choice,.qs169-feed-all button,.qs169-sheet-switch button,.qs169-device-switch button){background:var(--qs-soft)!important;color:var(--txt)!important;border-color:var(--line)!important}
html[data-qs-skin] :is(.qs-water-heading,.qs-water-fertilizers-heading,.qs-water-fertilizers-meta,.qs-fertilizer-empty,.qs-water-explain,.qs-water-item .qs-water-label,.qs-water-item small,.qs15-dev-footer small,.qs1612-led){color:var(--muted)!important}
html[data-qs-skin] :is(.qs-water-item b,.qs-fertilizer-total strong,.qs15-dev-controls output,.qs169-feed-badge b,.qs169-feed-all button b,.qs169-feed-all button small){color:var(--qs-accent)!important}
html[data-qs-skin] .qs-water-fertilizers{padding-top:8px}
html[data-qs-skin] :is(.qs1610-reward-popup b,.exp-float){color:var(--qs-accent)!important;text-shadow:none!important}
html[data-qs-skin] .qs1610-reward-popup strong{color:var(--txt)!important}
html[data-qs-skin] .qs1610-reward-popup small{color:var(--muted)!important}
html[data-qs-skin] .qs1610-reward-popup.loss b{color:var(--red)!important}
html[data-qs-skin] :is(.qs13-meter i,.qs16-hold-fill){background:var(--qs-accent)!important}
html[data-qs-skin] .qs16-hold-dot{background:var(--qs-accent)!important;border-color:var(--qs-ink)!important}
html[data-qs-skin] .qs13-head small{color:var(--muted)}
@media(prefers-reduced-motion:reduce){html[data-qs-skin] *,html[data-qs-skin] *:before,html[data-qs-skin] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:380px){html[data-qs-skin] .brand h1{font-size:24px}html[data-qs-skin] body.qs16-home-active #home .qs13-shortcut{gap:6px}html[data-qs-skin] .qs17-shortcut-icon{width:25px;flex-basis:25px}html[data-qs-skin] body.qs16-home-active #home .qs13-pname{font-size:11px}}