:root{--green:#224e40;--ink:#233b34;--muted:#7c8983;--line:#e3e8e1;--bg:#f6f7f2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,select{cursor:pointer}button{border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:10px 16px}button:hover{border-color:#6b917b}aside{position:fixed;width:245px;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:34px 22px}.brand{display:flex;gap:12px;text-decoration:none;color:var(--green);font:800 23px "Segoe UI",sans-serif}.brand small{display:block;font:8px 'DM Sans';letter-spacing:1.5px;margin-top:7px}.navlabel{font-size:9px;letter-spacing:1.8px;color:var(--muted);margin:58px 12px 16px}nav button{display:block;border:0;width:100%;text-align:left;margin:7px 0;padding:14px 16px;color:#6d7c74}nav button.active{background:#eaf0e7;color:var(--green);font-weight:700}.asidebottom{position:absolute;bottom:32px;left:28px;right:25px;font-size:12px}.asidebottom p{color:var(--muted);line-height:1.6}.pill,.status{display:inline-block;padding:5px 9px;border-radius:5px;background:#edf2ea;font-size:11px;color:#45634f}main{margin-left:245px;padding:0 42px;max-width:1700px}header{height:83px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.muted{color:var(--muted)}.intro{display:flex;justify-content:space-between;align-items:center;margin:36px 0 26px}.eyebrow{letter-spacing:2px;font-size:10px;color:#6c836f;font-weight:700}h1{font:700 34px "Segoe UI",sans-serif;letter-spacing:-1.5px;margin:9px 0}p{line-height:1.6}.intro p{color:var(--muted);margin:0}.flower{font-size:90px;color:#c4d0ad;margin-right:24px}form{display:flex;gap:16px;padding:9px 10px 9px 19px;border:1px solid #d8e1d3;background:white;border-radius:10px;align-items:center;box-shadow:0 3px 14px #244e4005}form>span{font-size:26px}input{border:0;outline:none;flex:1;min-width:0;padding:12px;color:var(--ink)}form button{background:var(--green);color:white;border:0;padding:14px 24px}.demo{font-size:11px;color:#806d37;margin:13px 0 25px;background:#f1ecdc;padding:11px 15px;border-radius:6px}.doghero{display:flex;align-items:center;gap:20px;margin-bottom:26px}.avatar{display:grid;place-items:center;background:#e3eadb;width:82px;height:82px;border-radius:20px;font-size:44px}.doghero h2{font:700 25px "Segoe UI",sans-serif;margin:0 0 7px}.doghero p{margin:0;color:var(--muted);font-size:12px}.doghero .pill{margin-left:auto}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.metriclabel{font-size:12px;color:#6e7e74}.number{font:700 30px "Segoe UI",sans-serif; margin:14px 0 6px}.sub{font-size:11px;color:var(--muted)}.number small{font-size:13px;font-weight:400;color:var(--muted)}.bar{height:5px;background:#edf0e8;border-radius:4px;margin-top:17px}.bar i{display:block;background:#8ca47a;width:72%;height:100%;border-radius:4px}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:24px}.tabs button{border:0;border-radius:0;background:none;padding:0 0 14px;color:var(--muted)}.tabs button.active{border-bottom:2px solid var(--green);color:var(--green);font-weight:700}.grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}h3{font:700 17px "Segoe UI",sans-serif;margin:0 0 7px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sectionhead p{font-size:11px;color:var(--muted);margin:5px 0}.alert{border:1px solid #eed8ce;background:#fcf7f2;border-radius:9px;padding:17px;margin:12px 0;cursor:pointer}.alert h4{margin:0 0 7px;font-size:13px}.alert p{font-size:12px;margin:3px 0;color:#826a5b}.path{font-size:10px!important;letter-spacing:.2px}.warning{background:#f8e9df;color:#985b38}.unknown{background:#f0f1ef;color:#7b837d}.good{background:#edf4e9;color:#527248}.blue{background:#e9eef4;color:#587088}.row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #eff1ec;font-size:12px}.legend{font-size:11px;color:var(--muted);margin-top:18px;line-height:1.7}.lower{margin-top:22px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0}select{border:1px solid var(--line);padding:9px;border-radius:7px;background:#fff;color:var(--ink)}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--muted);font-weight:500;background:#f7f8f4}td,th{padding:15px 12px;border-bottom:1px solid var(--line)}tbody tr{cursor:pointer}tbody tr:hover{background:#f8faf5}.tablewrap{overflow:auto}.tree{display:flex;gap:24px;overflow:auto;padding:15px 0}.generation{min-width:210px;flex:1}.generation>p{font-size:11px;color:var(--muted)}.node{display:block;width:100%;text-align:left;margin:12px 0;padding:17px;border:1px solid var(--line);border-left:3px solid #9eb38d;background:white}.node strong{display:block;font-size:12px;margin-bottom:8px}.node small{display:block;color:var(--muted);margin-bottom:9px}.node.flag{border-left-color:#bd805e}footer{display:flex;justify-content:space-between;color:#8a948d;font-size:10px;padding:32px 0}dialog{border:1px solid var(--line);border-radius:16px;padding:30px;max-width:560px;width:90%;color:var(--ink)}dialog::backdrop{background:#173d3266}#close{float:right}#notice{color:#91663b;font-size:12px;margin-bottom:10px}a{color:var(--green)}.source{margin-top:18px}.source p{font-size:12px;color:var(--muted)}@media(max-width:1050px){aside{width:190px;padding:25px 12px}.brand{font-size:19px}main{margin-left:190px;padding:0 24px}.grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){aside{position:static;width:auto;border-right:0;padding:18px}.navlabel,.asidebottom{display:none}nav{display:flex;overflow:auto;margin-top:15px}nav button{white-space:nowrap;width:auto;font-size:11px;padding:10px}main{margin:0;padding:0 16px}header{height:60px}h1{font-size:27px}.flower{display:none}.intro{margin:25px 0}.metrics{gap:9px}.card{padding:16px}.doghero{gap:12px;flex-wrap:wrap}.doghero h2{font-size:20px}.doghero .pill{margin-left:0}.tabs{gap:16px;overflow:auto;white-space:nowrap}.number{font-size:25px}footer span{display:none}}