:root{--bg:#f3f0e8;--surface:#fbfaf6;--surface-2:#eee9de;--text:#262821;--muted:#73776d;--line:#d8d2c5;--olive:#66715a;--olive-dark:#4f5847;--sand:#b99969;--warn:#b65c4d;--shadow:0 10px 28px rgba(42,39,32,.06);--radius:22px;}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;}button{font:inherit}.shell{max-width:1420px;margin:0 auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;}.brand{display:flex;align-items:center;gap:14px}.mark{width:52px;height:52px;border-radius:15px;background:transparent;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;}.jack-mark img{width:100%;height:100%;object-fit:cover;object-position:75% 65%;display:block;transform:scale(1.18);}.brand h1{font-size:1.25rem;margin:0 0 3px;font-weight:760;letter-spacing:-.02em}.brand p{margin:0;color:var(--muted);font-size:.9rem}.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.pill{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(251,250,246,.75);color:var(--muted);font-size:.88rem}.dot{width:8px;height:8px;border-radius:50%;background:var(--olive)}.tabs{display:flex;gap:6px;padding:5px;background:#e7e2d6;border-radius:14px;width:max-content;margin-bottom:22px;}.tab{border:0;background:transparent;color:var(--muted);padding:9px 14px;border-radius:10px;cursor:pointer;font-weight:650;font-size:.9rem}.tab.active{background:var(--surface);color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,.05)}.grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.85fr);gap:20px}.stack{display:grid;gap:20px}.card{background:var(--surface);border:1px solid rgba(216,210,197,.9);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-pad{padding:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-head h2{font-size:1rem;margin:0;font-weight:760;letter-spacing:-.01em}.eyebrow{font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-weight:760}.camera{aspect-ratio:16/9;position:relative;background:linear-gradient(180deg,rgba(16,18,15,.02),rgba(16,18,15,.18)),radial-gradient(circle at 74% 24%,#d9c98d 0 3%,transparent 3.2%),linear-gradient(135deg,#76694f 0 20%,#918063 20% 31%,#70694f 31% 46%,#8c7b59 46% 100%);}.camera::before{content:"";position:absolute;left:6%;top:12%;width:28%;height:31%;border-radius:42% 58% 48% 52%;background:#4d4b36;opacity:.65;box-shadow:550px 220px 0 -20px rgba(74,76,49,.33);}.camera::after{content:"";position:absolute;left:53%;top:53%;width:72px;height:48px;border:2px solid rgba(255,255,255,.88);border-radius:50%;transform:translate(-50%,-50%) rotate(-10deg);box-shadow:0 0 0 1px rgba(0,0,0,.18),0 5px 14px rgba(0,0,0,.16)}.camera-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:16px;pointer-events:none}.cam-top,.cam-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.live{display:inline-flex;align-items:center;gap:7px;background:rgba(23,25,20,.72);color:#fff;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:750;backdrop-filter:blur(8px)}.live .dot{background:#dbe7d0}.cam-label{color:#fff;background:rgba(23,25,20,.58);padding:8px 10px;border-radius:10px;font-size:.8rem;backdrop-filter:blur(8px)}.sensor-pin{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;color:#fff;font-size:.78rem;font-weight:760;letter-spacing:-.01em;backdrop-filter:blur(8px);box-shadow:0 8px 18px rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.16)}.sensor-pin .pin-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(255,255,255,.14)}.sensor-pin.hot-side{right:18px;top:76px;background:rgba(176,88,16,.62);color:#ffd9ab}.sensor-pin.cool-side{left:18px;bottom:74px;background:rgba(36,95,136,.62);color:#c6ebff}.sensor-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px;border-top:1px solid var(--line);background:#f8f4ec}.sensor-chip{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.55)}.sensor-chip.hot{background:linear-gradient(180deg,#fcf1e3,#f8ead8);border-color:#ebd0a9}.sensor-chip.cool{background:linear-gradient(180deg,#eaf4fb,#f3f9fd);border-color:#c7dceb}.sensor-chip .chip-left{display:flex;align-items:center;gap:10px}.sensor-chip .chip-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.sensor-chip.hot .chip-dot{background:#c9771f;box-shadow:0 0 0 4px rgba(201,119,31,.16)}.sensor-chip.cool .chip-dot{background:#2f7eb5;box-shadow:0 0 0 4px rgba(47,126,181,.14)}.sensor-chip .chip-label{font-size:.78rem;color:var(--muted)}.sensor-chip .chip-title{font-size:.9rem;font-weight:760;letter-spacing:-.01em}.sensor-chip .chip-value{font-size:.92rem;font-weight:760;white-space:nowrap}.zone-conditions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.zone-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:#f7f4ed}.zone-card.hot{background:linear-gradient(180deg,#fcf1e3,#f8ead8);border-color:#ebd0a9}.zone-card.cool{background:linear-gradient(180deg,#eaf4fb,#f3f9fd);border-color:#c7dceb}.zone-card .zone-title{font-size:.86rem;font-weight:760;letter-spacing:-.01em;margin-bottom:10px}.zone-card .zone-title.hot{color:#9a5d15}.zone-card .zone-title.cool{color:#2a6287}.zone-metrics{display:grid;gap:10px}.zone-metric{padding-top:10px;border-top:1px solid rgba(38,40,33,.08)}.zone-metric:first-child{padding-top:0;border-top:0}.zone-metric .name{font-size:.76rem;color:var(--muted)}.zone-metric .reading{font-size:1.25rem;font-weight:760;margin-top:2px}.detect-label{position:absolute;left:53%;top:64%;transform:translateX(-50%);color:#fff;background:rgba(23,25,20,.58);padding:5px 8px;border-radius:8px;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;backdrop-filter:blur(8px)}.device-status{padding:0 14px 12px;background:#f8f4ec}.device-status-head{padding:2px 0 8px;color:var(--muted);font-size:.72rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.device-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.device-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.52);font-size:.78rem}.device-item span{color:var(--muted)}.device-item strong{font-size:.75rem;letter-spacing:.04em}.device-on{color:var(--olive-dark)}.device-off{color:#8a8d84}.camera-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.cam-thumb{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:11px 12px;text-align:left;color:var(--muted);cursor:pointer}.cam-thumb.active{border-color:var(--olive);color:var(--text);box-shadow:inset 0 0 0 1px var(--olive)}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{border:1px solid var(--line);border-radius:16px;padding:15px;background:#f7f4ed;min-height:94px;display:flex;flex-direction:column;justify-content:space-between}.stat .label{color:var(--muted);font-size:.78rem}.stat .value{font-size:1.55rem;font-weight:780;letter-spacing:-.03em}.stat .sub{font-size:.76rem;color:var(--muted)}.conditions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.condition{padding:14px;border-bottom:1px solid var(--line)}.condition:nth-last-child(-n+2){border-bottom:0}.condition .name{font-size:.78rem;color:var(--muted)}.condition .reading{font-size:1.35rem;font-weight:760;margin-top:3px}.on{color:var(--olive-dark)}.activity{height:160px;position:relative;padding:8px 0 24px;display:flex;align-items:flex-end;gap:5px}.bar{flex:1;background:#c8c1b2;border-radius:6px 6px 2px 2px;min-width:4px;transition:.2s}.bar.hot{background:var(--olive)}.axis{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem}.heatmap{height:320px;background:linear-gradient(180deg,#edf3fb 0%,#f8fafc 100%);border:1px solid #cbd5e1;border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -40px 70px rgba(37,99,235,.05)}.heatmap::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(71,85,105,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(71,85,105,.08) 1px,transparent 1px);background-size:8% 16%;pointer-events:none}.zone{position:absolute;border:1px dashed rgba(71,85,105,.35);border-radius:16px;color:#475569;font-size:.68rem;padding:8px;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.30);backdrop-filter:blur(4px)}.burrow{left:4%;top:11%;width:25%;height:36%;background:rgba(37,99,235,.08)}.basking{right:4%;top:10%;width:24%;height:32%;background:rgba(249,115,22,.08)}.heat-food{right:18%;bottom:8%;width:18%;height:22%;background:rgba(34,197,94,.10)}.hotspot{position:absolute;border-radius:50%;filter:blur(24px);opacity:.9;mix-blend-mode:multiply}.hotspot.cool{background:rgba(37,99,235,.72)}.hotspot.mid{background:rgba(34,197,94,.68)}.hotspot.hot{background:rgba(239,68,68,.76)}.heat-legend{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:14px}.heat-scale{flex:1;max-width:300px;height:14px;border-radius:99px;background:linear-gradient(90deg,#1d4ed8 0%,#06b6d4 20%,#22c55e 42%,#facc15 64%,#f97316 82%,#dc2626 100%);border:1px solid rgba(71,85,105,.18);box-shadow:inset 0 1px 1px rgba(255,255,255,.4)}.heat-labels{display:flex;justify-content:space-between;max-width:300px;font-size:.72rem;color:var(--muted);margin-top:6px}.heat-meta{font-size:.76rem;color:var(--muted);text-align:right;line-height:1.45}.event{display:grid;grid-template-columns:74px 10px 1fr;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid var(--line)}.event:last-child{border-bottom:0}.event time{font-size:.76rem;color:var(--muted);padding-top:2px}.event-dot{width:8px;height:8px;border-radius:50%;background:var(--olive);margin-top:5px}.event strong{font-size:.87rem}.event p{margin:3px 0 0;color:var(--muted);font-size:.78rem}.distance-list{display:grid;gap:12px}.distance-row{display:grid;grid-template-columns:34px 1fr 54px;gap:10px;align-items:center;font-size:.78rem}.track{height:9px;background:#e5dfd2;border-radius:99px;overflow:hidden}.fill{height:100%;background:var(--olive);border-radius:99px}.dist{color:var(--muted);text-align:right}.status-strip{margin-top:20px;padding:14px 16px;border-radius:16px;background:#e6eadf;border:1px solid #cfd8c4;display:flex;align-items:center;justify-content:space-between;gap:12px}.status-strip strong{font-size:.86rem}.status-strip span{color:var(--muted);font-size:.78rem}.footer{padding:28px 4px 10px;color:var(--muted);font-size:.76rem;text-align:center}.jack-profile{overflow:hidden}.jack-photo{height:190px;background-size:cover;background-position:56% 67%;position:relative}.jack-caption{position:absolute;left:18px;right:18px;bottom:16px;color:#fff}.jack-name{font-size:1.45rem;font-weight:780;letter-spacing:-.03em;line-height:1.05}.jack-sub{margin-top:4px;font-size:.78rem;color:rgba(255,255,255,.78)}.diag-shell{display:none}.diag-shell.active{display:block}.main-shell.hidden{display:none}.diag-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:20px}.diag-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.diag-btn{border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:8px 11px;border-radius:10px;cursor:pointer;font-size:.8rem;font-weight:650}.diag-btn.active{border-color:var(--olive);color:var(--text);box-shadow:inset 0 0 0 1px var(--olive)}.vision-stage{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(14,15,12,.04),rgba(14,15,12,.18)),linear-gradient(135deg,#776a51,#8d7d61 38%,#71684f 38% 58%,#8d7c5a 58%);border:1px solid var(--line)}.vision-stage::before{content:"";position:absolute;left:5%;top:10%;width:28%;height:33%;border-radius:42% 58% 48% 52%;background:#4d4b36;opacity:.56;box-shadow:510px 200px 0 -20px rgba(74,76,49,.28)}.bbox{position:absolute;left:48%;top:44%;width:130px;height:88px;border:2px solid #f0eee7;border-radius:8px}.bbox::after{content:"tortoise 0.94";position:absolute;left:-2px;top:-27px;background:#f0eee7;color:#24261f;padding:4px 7px;border-radius:6px 6px 6px 0;font-size:.7rem;font-weight:760;letter-spacing:.02em}.centroid{position:absolute;left:54.5%;top:54.5%;width:10px;height:10px;border-radius:50%;border:2px solid #fff;transform:translate(-50%,-50%)}.crosshair{position:absolute;left:54.5%;top:54.5%;width:48px;height:48px;transform:translate(-50%,-50%)}.crosshair::before,.crosshair::after{content:"";position:absolute;background:rgba(255,255,255,.85)}.crosshair::before{left:23px;top:0;width:1px;height:48px}.crosshair::after{top:23px;left:0;height:1px;width:48px}.mask{position:absolute;left:49.5%;top:46%;width:110px;height:68px;border-radius:50% 45% 48% 52%;background:rgba(102,113,90,.28);outline:1px solid rgba(255,255,255,.7);transform:rotate(-8deg)}.roi{position:absolute;border:1px dashed rgba(255,255,255,.45);border-radius:10px;color:#fff;font-size:.62rem;padding:6px;text-transform:uppercase;letter-spacing:.08em}.roi.burrow-roi{left:4%;top:8%;width:28%;height:36%}.roi.bask-roi{right:4%;top:8%;width:24%;height:31%}.roi.food-roi{right:18%;bottom:8%;width:18%;height:22%;background:rgba(185,153,105,.08)}.telemetry-table{width:100%;border-collapse:collapse;font-size:.79rem}.telemetry-table td{padding:9px 0;border-bottom:1px solid var(--line);vertical-align:top}.telemetry-table td:first-child{color:var(--muted);width:48%}.telemetry-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.status-good{color:var(--olive-dark);font-weight:700}.status-warn{color:var(--sand);font-weight:700}.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:stretch}.pipe-step{border:1px solid var(--line);border-radius:14px;padding:12px;background:#f7f4ed;min-height:92px}.pipe-step .n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--olive);color:#fff;font-size:.68rem;font-weight:760;margin-bottom:8px}.pipe-step strong{display:block;font-size:.78rem;margin-bottom:3px}.pipe-step span{font-size:.68rem;color:var(--muted)}.log-console{background:#20221d;color:#d7dbcF;border-radius:16px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;line-height:1.6;max-height:240px;overflow:auto;border:1px solid #2d3029}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mini-metric{border:1px solid var(--line);border-radius:14px;padding:12px;background:#f7f4ed}.mini-metric .k{font-size:.7rem;color:var(--muted);margin-bottom:4px}.mini-metric .v{font-size:1.05rem;font-weight:760;font-variant-numeric:tabular-nums}.diag-note{font-size:.76rem;color:var(--muted);margin-top:10px}@media(max-width:980px){.grid,.diag-grid{grid-template-columns:1fr}.pipeline{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.shell{padding:14px}.topbar{align-items:flex-start}.top-actions .pill:nth-child(n+2){display:none}.camera{aspect-ratio:4/3}.device-grid{grid-template-columns:1fr 1fr}.camera-selector{grid-template-columns:1fr}.stats,.conditions{grid-template-columns:1fr 1fr}.tabs{width:100%;overflow-x:auto}.tab{white-space:nowrap}}@media (max-width:860px){.zone-conditions{grid-template-columns:1fr}.sensor-strip{grid-template-columns:1fr}.sensor-pin.hot-side{right:12px;top:66px}.sensor-pin.cool-side{left:12px;bottom:66px}}