/* Hallmark · macrostructure: existing workbench, 3D observatory · tone: warm & precise · anchor hue: botanical green · N3 / Ft2 preserved */
:root{--scene-bg:#e8eee3;--scene-tint:#dbe7d0;--scene-ink:#244a36;--scene-rule:#c1d0b7;--scene-paper:#f7faf4;--scene-shadow:#3e59371a;--soft-sun:#f2e9cf;--light-border:#dce5d9;--paper-glow:#fff;--font-ui:'Segoe UI','Microsoft YaHei',sans-serif;--font-display:var(--font-ui);--mono:'Consolas',monospace}
body[data-theme=light]{--bg:#f3f5ef;--paper:#fffefa;--paper-raised:#edf2e8;--paper-soft:#f7f9f3;--ink:#233b2c;--muted:#63705f;--green:#38774d;--accent-ink:#fff;--line:#dfe6d8;--line-strong:#a1b798;--chart-green:#377c50;--chart-blue:#398c9c;--chart-earth:#a37740;--chart-gold:#92832d;--chart-grid:#e4e9dd;--danger:#b35438;--warning-bg:#fff0df;--positive-bg:#e6efde;--shadow:#364c2410;--overlay:#253d3055;--photo-bg:#eaf0e2;--tooltip-bg:#243e31f5;color-scheme:light}
body[data-theme=dark]{--bg:#24372e;--paper:#30473a;--paper-raised:#3b5546;--paper-soft:#293f33;--ink:#f4f7eb;--muted:#c0cfb8;--green:#b0e2a2;--accent-ink:#233728;--line:#4e6751;--line-strong:#8aab79;--positive-bg:#3a583c;--chart-grid:#4d6855;--scene-bg:#dfe8d6;--scene-paper:#eaf0e3}
body{line-height:1.65}.sidebar{width:212px;background:var(--paper);padding:28px 18px;box-shadow:3px 0 24px var(--shadow)}main{margin-left:212px;max-width:2200px;padding:29px 32px 20px}.brand{font-size:27px;letter-spacing:4px}.brand svg{width:31px;height:31px}.brand small{font-size:9px}.nav-caption{font-size:11px;margin:32px 12px 15px}nav button{min-height:43px;font-size:12px;gap:11px;padding:10px 12px;border-radius:9px}nav button.active{box-shadow:none;background:var(--positive-bg);color:var(--green)}nav a{font-size:11px}nav svg{width:18px;height:18px}.sidebar-bottom{font-size:11px}.sidebar-bottom p{font-size:11px}header{margin-bottom:24px;gap:20px}header h1{font-size:30px;letter-spacing:1px;font-weight:650;margin:7px 0 4px}header p{font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--muted)}.header-actions button{font-size:11px;min-height:39px;padding:9px 12px;border-radius:9px}.plant-tabs{gap:15px;margin-bottom:12px}.plant-tab{background:var(--paper);padding:15px 19px;border-radius:12px}.plant-tab.active{background:var(--positive-bg);border-color:var(--line-strong)}.plant-tab strong{font-size:15px}.plant-tab small{font-size:10px}.system-strip{font-size:11px;padding:1px 2px 12px;gap:12px 23px}.system-strip b{font-size:11px}.system-strip button{font-size:11px}.live-bar{border-radius:10px;padding:11px 17px;gap:25px;margin-bottom:22px;background:var(--paper)}.live-indicator b,.live-sample b{font-size:12px}.live-clock b{font-size:23px}.live-clock small,.live-sample span,.live-sample small,.live-indicator small{font-size:10px}.live-clock span{font-size:12px}.live-bar .text-button{font-size:11px}.card{border-radius:14px;box-shadow:0 4px 16px var(--shadow)}h2,.section-heading h2{font-size:19px}.card-head h2{font-size:17px}button,select{font-size:12px}.text-button{font-size:12px}.caption{font-size:11px}.badge{font-size:10px}.section-heading{margin:28px 0 16px}.section-heading>span{font-size:11px}.samples-table th,.samples-table td{font-size:12px}.metric-top,.metric-foot{font-size:11px}.location-button{font-size:12px;padding:14px 7px}.device-toggle strong{font-size:12px}.device-toggle small{font-size:10px}.device-toggle{padding:15px}.device-icon{width:28px;height:28px}.alert-item,.mini-event{font-size:12px}.mini-event time{font-size:10px}.ai-live-main p{font-size:14px}.ai-live-main ul{font-size:12px}.legend{font-size:11px}.plot-hint{font-size:10px}.scene-pill{font:10px var(--mono);border:1px solid var(--line-strong);border-radius:5px;padding:3px 5px;vertical-align:middle;margin-left:8px;color:var(--green)}
.observatory-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:22px 0 15px}.observatory-heading h2{font-size:21px;margin:3px 0 0}.observatory-heading>span{font-size:11px;color:var(--muted)}.observatory{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:stretch}.scene-card{background:var(--scene-paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 28px var(--scene-shadow);min-width:0;color:var(--scene-ink)}.scene-topline{display:flex;align-items:center;justify-content:space-between;padding:22px 25px 0;position:relative;z-index:2}.scene-topline h2{font-size:24px;margin-top:5px;color:var(--scene-ink)}.scene-topline .eyebrow{color:var(--scene-ink);font-size:9px;opacity:.75}.scene-view-tabs{display:flex;gap:3px;padding:4px;background:var(--scene-tint);border-radius:9px}.scene-view-tabs button{min-height:32px;padding:6px 12px;font-size:11px;border:0;background:transparent;color:var(--scene-ink)}.scene-view-tabs button.active{background:var(--scene-paper);box-shadow:0 2px 8px var(--scene-shadow)}.scene-viewport{height:415px;position:relative;overflow:hidden;isolation:isolate;outline-offset:-3px;touch-action:pan-y}.scene-viewport canvas{height:100%;width:100%;display:block;outline:none;touch-action:none}.scene-viewport #scenePhoto{position:absolute;inset:20px 22%;background-repeat:no-repeat;border-radius:10px;background-color:var(--scene-bg)}.scene-viewport [hidden]{display:none!important}.scene-badges{position:absolute;left:25px;top:14px;display:flex;gap:7px;pointer-events:none}.scene-badges span{font-size:10px;padding:4px 9px;border:1px solid var(--scene-rule);border-radius:5px;color:var(--scene-ink);background:var(--scene-paper)}.scene-annotation{position:absolute;left:26px;bottom:27px;pointer-events:none;display:flex;flex-direction:column;gap:5px}.scene-annotation span{font:8px var(--mono);letter-spacing:1.5px;color:var(--scene-ink);opacity:.65}.scene-annotation b{font-size:11px;color:var(--scene-ink);font-weight:500}.scene-compass{position:absolute;right:27px;bottom:25px;font:9px var(--mono);color:var(--scene-ink);display:flex;align-items:center;gap:7px;pointer-events:none}.scene-compass i{display:inline-block;width:25px;height:25px;border:1px solid var(--scene-rule);border-radius:50%;position:relative}.scene-compass i:before{content:'';position:absolute;width:1px;height:17px;left:11px;top:3px;transform:rotate(25deg);background:var(--scene-ink)}.scene-hint{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:var(--scene-ink);opacity:.7;pointer-events:none}.scene-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;border-top:1px solid var(--scene-rule);gap:12px;background:var(--scene-paper)}.scene-tool-group{display:flex;gap:5px;flex-wrap:wrap}.scene-toolbar button{background:transparent;border:0;color:var(--scene-ink);font-size:15px;padding:6px 9px;min-height:36px}.scene-toolbar button span{font-size:11px;margin-left:3px}.scene-toolbar button[aria-pressed=true]{background:var(--scene-tint)}.scene-toolbar select{font-size:11px;background:var(--scene-paper);color:var(--scene-ink);border-color:var(--scene-rule);min-height:35px;padding:6px;max-width:120px}.scene-growth{padding:15px 25px 18px;background:var(--paper)}.scene-growth>div:first-child{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.scene-growth b{font:13px var(--mono);color:var(--ink)}.scene-growth button{margin-left:auto;font-size:10px;padding:3px 8px;min-height:28px;background:transparent;border:0;color:var(--green)}.scene-growth input{margin:14px 0 7px}.growth-milestones{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.live-inspector{background:var(--paper);padding:20px 17px;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;min-width:0}.inspector-head{position:relative;padding:1px 4px 16px}.inspector-head .eyebrow{font-size:8px}.inspector-head h3{font-size:18px;margin:7px 0 0}.inspector-dot{position:absolute;right:4px;top:12px;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px var(--positive-bg)}.live-inspector .live-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0}.live-inspector .live-metric{background:var(--paper-soft);border:1px solid var(--line);box-shadow:none;border-radius:9px;padding:10px 10px 18px;min-height:106px}.live-inspector .metric-top{font-size:10px;gap:5px}.live-inspector .metric-top svg{width:14px;height:14px}.live-inspector .metric-value{font:25px/1.65 var(--mono);white-space:nowrap;letter-spacing:-.8px}.live-inspector .metric-value em{font-size:9px;margin-left:3px}.live-inspector .metric-foot{font-size:9px}.live-inspector .sparkline{height:17px;opacity:.25}.scene-health{margin-top:auto;padding:20px 5px 0;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.scene-health>b{font:23px var(--mono);color:var(--green)}.scene-health>div{grid-column:1/-1;height:5px;background:var(--line);border-radius:4px;overflow:hidden}.scene-health i{height:100%;display:block;background:var(--green);width:80%;border-radius:4px;transition:width .5s}.scene-health small{grid-column:1/-1;font-size:10px}.live-main-grid{grid-template-columns:270px minmax(0,1fr);gap:20px}.live-chart-stack{grid-template-columns:1fr 1fr;gap:18px}.live-chart-stack .card{padding:19px;display:flex;flex-direction:column}.live-chart-stack .chart{height:245px;flex:1;min-height:220px}.live-photo-card .live-plant-stage{max-height:220px}.live-photo-card .card-head{margin-bottom:12px}.live-photo-card .card-head h2{font-size:15px}.plant-stats b{font-size:18px}.live-photo-card .text-button{font-size:10px}.ai-connection-card{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:34px}.ai-orb{height:62px;width:62px;background:var(--positive-bg);border-radius:19px;display:grid;place-items:center;font:22px var(--mono);color:var(--green);margin-bottom:18px}.ai-connection-card h2{font-size:22px}.ai-connection-card p{font-size:13px;max-width:420px}.ai-steps{list-style:none;padding:0;margin:20px 0}.ai-steps li{display:flex;gap:18px;align-items:flex-start;border-top:1px solid var(--line);padding:15px 0}.ai-steps b{font:15px var(--mono);color:var(--green)}.ai-steps span{font-size:14px}.ai-steps small{display:block;font-size:11px;margin-top:4px}.ai-request-status{font-size:13px;color:var(--green);background:var(--positive-bg);padding:12px 14px;border-radius:9px;margin-top:18px}.ai-request-status.error{color:var(--danger);background:var(--warning-bg)}.ai-recommendations{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:16px 0}.ai-action{border:1px solid var(--line);border-radius:8px;padding:11px 13px;background:var(--paper)}.ai-action strong{font-size:12px;color:var(--ink)}.ai-action p{font-size:11px;margin:5px 0 0}.ai-action small{float:right;font-size:10px;color:var(--green)}.ai-meta-line{font:10px var(--mono);color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.ai-live{grid-template-columns:210px 1fr;padding:26px}.ai-live-main h3{font-size:19px}.ai-result-evidence{padding-left:20px}.ai-result-evidence li{margin-bottom:4px}.prose,.prose p{font-size:13px}#webglFallback{position:absolute;left:20px;right:20px;bottom:15px;background:var(--scene-paper);padding:10px;border-radius:8px;font-size:11px;color:var(--scene-ink)}
@media(min-width:1800px){.observatory{grid-template-columns:minmax(0,1fr) 355px}.scene-viewport{height:465px}.live-inspector .live-metric{min-height:115px}.live-inspector .metric-value{font-size:29px}.scene-topline{padding-top:26px}.live-main-grid{grid-template-columns:320px minmax(0,1fr)}.live-photo-card .live-plant-stage{max-height:250px}.live-inspector{padding:23px}.scene-health{padding-top:25px}}
@media(max-width:1250px){.sidebar{width:188px;padding:23px 13px}main{margin-left:188px;padding:24px}.observatory{grid-template-columns:minmax(0,1fr) 275px;gap:15px}.scene-toolbar{padding:11px 13px;gap:6px;flex-wrap:wrap}.scene-tool-group{gap:2px}.scene-toolbar button{padding:5px 7px}.scene-viewport{height:410px}.scene-topline{padding-left:20px;padding-right:20px}.live-inspector{padding:17px 12px}.live-inspector .metric-value{font-size:23px}.live-main-grid{grid-template-columns:230px minmax(0,1fr)}.live-chart-stack{grid-template-columns:1fr}.live-chart-stack .chart{min-height:165px;height:170px}.header-actions{max-width:360px}.live-inspector .metric-foot{font-size:8px}.scene-view-tabs button{padding:5px 9px}.scene-health{padding-top:15px}}
@media(max-width:960px){.sidebar{position:static;width:auto;padding:16px 22px}.sidebar nav{gap:5px}nav button{min-height:39px;font-size:12px}main{margin:0;padding:22px}.observatory{grid-template-columns:minmax(0,1fr) 270px}.scene-viewport{height:410px}.scene-tool-group button span{font-size:10px}.scene-tool-group button{padding:6px}.scene-topline h2{font-size:21px}.live-bar{gap:16px}.scene-annotation{bottom:30px;left:20px}.scene-annotation b{max-width:180px;font-size:10px}.scene-compass{right:18px}.system-strip{font-size:10px}.system-strip b{font-size:10px}.ai-connection-card{gap:25px;padding:25px}.live-inspector .metric-value em{font-size:8px}.scene-health>small{font-size:9px}}
@media(max-width:760px){.observatory{grid-template-columns:1fr}.live-inspector .live-metrics{grid-template-columns:repeat(4,1fr)}.live-inspector .live-metric{min-height:100px}.live-inspector{padding:18px}.inspector-head{padding-bottom:14px}.inspector-head h3{font-size:16px;margin-top:4px}.scene-health{grid-template-columns:160px 1fr auto;gap:10px;padding-top:18px}.scene-health>b{grid-column:3;grid-row:1;font-size:20px}.scene-health>div{grid-column:2;grid-row:1}.scene-health small{grid-column:1/-1}.scene-viewport{height:420px}.scene-toolbar{flex-wrap:nowrap;padding:12px 16px}.scene-tool-group button span{font-size:11px}.scene-health>span{font-size:11px}.observatory-heading>span{font-size:10px}.live-main-grid{grid-template-columns:1fr 1.2fr}.live-photo-card .live-plant-stage{max-height:230px}.live-bar{margin-bottom:18px}.scene-badges{left:20px}.scene-topline{padding-top:20px}.live-clock small{display:none}}
@media(max-width:650px){main{padding:18px 14px}.sidebar{padding:16px 17px}.brand{font-size:22px}header h1{font-size:27px}header p{font-size:11px}header .eyebrow{font-size:8px}.header-actions{max-width:none;gap:6px}.header-actions button{font-size:10px;min-height:37px;padding:8px 10px}.plant-tabs{gap:8px}.plant-tab{padding:12px 10px;gap:8px}.plant-tab strong{font-size:12px}.system-strip{gap:8px;font-size:10px;padding-bottom:11px}.system-strip b{font-size:10px}.system-strip button{font-size:9px}.live-bar{padding:11px 12px;gap:10px}.live-clock b{font-size:20px}.live-clock span{font-size:10px}.live-indicator b{font-size:11px}.live-indicator small{font-size:9px}.live-bar #detailsOpen{display:none}.observatory-heading{margin-top:20px;gap:10px;align-items:center}.observatory-heading .eyebrow{font-size:8px}.observatory-heading h2{font-size:18px}.observatory-heading>span{max-width:125px;text-align:right;line-height:1.6}.scene-topline{padding:18px 17px 0}.scene-topline h2{font-size:21px}.scene-topline .eyebrow{font-size:8px}.scene-view-tabs{padding:3px}.scene-view-tabs button{padding:5px 8px;font-size:10px;min-height:31px}.scene-viewport{height:345px}.scene-badges{left:17px;top:14px;gap:6px}.scene-badges span{font-size:9px;padding:3px 6px}.scene-annotation{left:17px;bottom:30px}.scene-annotation span{font-size:6px}.scene-annotation b{font-size:9px;max-width:180px}.scene-compass{font-size:8px;bottom:29px;right:17px}.scene-hint{font-size:9px}.scene-toolbar{gap:5px;padding:10px;align-items:flex-start;flex-wrap:wrap}.scene-tool-group{gap:3px;flex:1;justify-content:space-between}.scene-toolbar button{padding:6px 7px;min-height:39px;display:flex;align-items:center;gap:3px}.scene-toolbar button span{font-size:10px;margin:0}.scene-light-label{width:100%;display:flex;justify-content:flex-end}.scene-light-label select{min-height:30px;font-size:10px}.scene-growth{padding:13px 17px 17px}.scene-growth>div:first-child{gap:8px;font-size:10px}.scene-growth b{font-size:12px}.scene-growth button{font-size:9px;padding:3px 5px}.growth-milestones{font-size:9px}.live-inspector{padding:16px}.live-inspector .live-metrics{grid-template-columns:repeat(2,1fr);gap:9px}.live-inspector .live-metric{min-height:108px;padding:12px 12px 20px}.live-inspector .metric-value{font-size:28px}.live-inspector .metric-top{font-size:11px}.live-inspector .metric-value em{font-size:10px}.live-inspector .metric-foot{font-size:9px}.scene-health{grid-template-columns:110px 1fr auto}.live-main-grid,.live-chart-stack{grid-template-columns:1fr}.live-chart-stack .chart{height:210px;min-height:200px}.live-photo-card{display:none}.card{padding:18px}.section-heading h2{font-size:18px}.legend{font-size:10px}.location-button{font-size:10px;padding:12px 5px}.device-toggle{padding:12px}.device-toggle strong{font-size:11px}.device-toggle small{font-size:9px}.ai-live{grid-template-columns:1fr;padding:20px}.ai-live-main p{font-size:13px}.ai-live-main ul{font-size:11px}.ai-recommendations{grid-template-columns:1fr}.ai-connection-card{grid-template-columns:1fr;gap:22px}.ai-connection-card h2{font-size:21px}.ai-connection-card p{font-size:12px}.summary-card b{font-size:22px}.summary-card{padding:15px}.samples-table th,.samples-table td{font-size:11px}.table-wrap{max-width:100%}.equipment-switch strong{font-size:11px}.equipment-switch small{font-size:9px}.photo-grid{gap:9px}.scene-viewport #scenePhoto{inset:14px 9%}.prose,.prose p{font-size:12px}}
@media(max-width:360px){.scene-viewport{height:315px}.scene-toolbar button{padding:6px 5px;gap:2px;font-size:13px}.scene-toolbar button span{font-size:9px}.scene-topline{padding-left:14px;padding-right:14px}.scene-view-tabs button{font-size:9px;padding:5px 6px}.scene-tool-group{gap:0}.scene-topline .eyebrow{font-size:7px}.scene-growth{padding-left:14px;padding-right:14px}.system-strip button{min-height:30px;margin-left:auto}.system-strip span:nth-child(3){font-size:9px}.live-inspector .metric-value{font-size:25px}.plant-tab .num{display:none}.header-actions button{font-size:9px;padding:8px}.live-clock{flex-wrap:nowrap;gap:5px}.live-clock span{font-size:8px;width:auto}.live-clock b{font-size:17px}}
@media(min-width:961px) and (max-height:850px){.sidebar{padding-top:18px;padding-bottom:18px}.sidebar .nav-caption{margin-top:22px}.sidebar nav button{min-height:36px;padding-top:7px;padding-bottom:7px}.sidebar nav{gap:3px}.sidebar-bottom p,.sidebar-bottom .version{display:none}}
@media print{.observatory,.observatory-heading{display:none!important}body[data-theme]{--bg:#fff;--paper:#fff;--ink:#183a2a;--muted:#40564b;--paper-soft:#f2f5f1;--paper-raised:#f2f5f1;--line:#ccd6ca;--green:#235a38;--positive-bg:#edf5e8}.samples-table th,.samples-table td{font-size:10px;padding:5px 8px}.section-heading h2{font-size:17px}}
.analysis-progress{height:4px;max-width:340px;background:var(--line);border-radius:4px;overflow:hidden;margin:16px 0 9px}.analysis-progress i{display:block;width:35%;height:100%;background:var(--green);animation:analysis-sweep 1.5s ease-in-out infinite}.ai-analysis-loading>span{font:11px var(--mono);color:var(--muted)}@keyframes analysis-sweep{from{transform:translateX(-100%)}to{transform:translateX(300%)}}@media(prefers-reduced-motion:reduce){.analysis-progress i{animation:none}}
/* Keep trend dimensions independent from the SVG measured on each refresh. */
main,.page,.ai-live-main,#aiResult,.ai-recommendations,.ai-action{min-width:0;max-width:100%}
.ai-live-main{overflow-wrap:anywhere;white-space:normal}
.live-chart-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
.live-chart-stack .chart{contain:size layout;width:100%;overflow:hidden}
.live-main-grid>*{min-width:0}
@media(max-width:650px){.live-chart-stack{grid-template-columns:minmax(0,1fr)}}
.live-main-grid{align-items:start}
.live-chart-stack{align-items:start;min-width:0}
.live-chart-stack .card{min-width:0;overflow:visible}
.live-chart-stack .chart{flex:0 0 auto;height:300px;min-height:0;max-height:300px}
.live-chart-stack .chart>svg{display:block;width:100%;height:100%}
.live-photo-card .plant-stats{margin-top:20px}
@media(max-width:1200px){.live-chart-stack .chart{height:220px;max-height:220px}}
@media(max-width:600px){.live-chart-stack .chart{height:210px;max-height:210px}}