:root{--bg:#061018;--panel:#09161e;--line:#203946;--text:#eaf4f5;--muted:#8199a2;--cyan:#27d7cf;--amber:#f1b64a;--blue:#518cff;--red:#ff695c;--violet:#a987ff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{background:#061018}.app{min-height:100vh;padding:18px 22px 22px;display:flex;flex-direction:column}header{height:60px;display:flex;align-items:center;border-bottom:1px solid #1b333e;gap:28px}.brand{display:flex;align-items:center;gap:9px;font-size:.73rem;letter-spacing:.18em;font-weight:700}.brand b{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--cyan);color:var(--cyan)}.environment-switch{display:flex;gap:3px}.environment-switch button{border:1px solid #1d3540;background:#07131a;color:#718892;padding:7px 14px;font-size:.58rem;letter-spacing:.14em;cursor:pointer}.environment-switch button.active{border-color:var(--cyan);color:var(--cyan);background:#0a1b23}.status{margin-left:auto;color:#6f8992;font-size:.58rem;letter-spacing:.12em}.status i,.audit-title i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan);margin-right:6px;animation:blink 1.5s infinite}
.layout{flex:1;display:grid;grid-template-columns:minmax(0,2.45fr) minmax(370px,.78fr);gap:16px;padding-top:16px;min-height:720px}.world{position:relative;border:1px solid #1d3540;overflow:hidden;background:#08141b;box-shadow:0 28px 70px #0008}.world:before{content:"";position:absolute;inset:0;background:linear-gradient(#06101842,#06101858),url('petrochemical-site-map.png') center/cover no-repeat;filter:grayscale(1) contrast(.86) brightness(.72);opacity:.94}canvas{position:absolute;z-index:3;inset:0;width:100%;height:100%}.legend{position:absolute;z-index:5;left:17px;top:16px;display:flex;gap:15px;color:#8299a2;font-size:.55rem;padding:7px 9px;background:#07141bd9;border:1px solid #1e3742}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:6px;height:6px;border-radius:50%;box-shadow:0 0 7px currentColor}.role-field{background:#29d8d2}.role-care{background:#ff7065}.role-lead{background:#f1b64a}.role-expert{background:#a987ff}.safe-label{position:absolute;z-index:5;right:18px;bottom:18px;width:190px;padding:8px 10px;border:1px solid #607984;background:#07141be8}.safe-label small{display:block;color:#d4e0e3;font-size:.52rem;letter-spacing:.13em}.safe-label span{display:block;color:#8199a2;font-size:.5rem;margin-top:3px}
aside{border:1px solid #1d3540;background:#09161e;padding:20px;display:flex;flex-direction:column;box-shadow:0 28px 70px #0008;min-height:0}.aside-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.aside-head small{color:var(--cyan);font-size:.53rem;letter-spacing:.15em}.aside-head h1{font-size:1.3rem;line-height:1.05;margin:6px 0 0;letter-spacing:-.03em}.aside-head button{border:1px solid var(--cyan);color:var(--cyan);background:transparent;padding:7px 10px;font-size:.63rem;cursor:pointer}.audit{margin-top:14px;border:1px solid #1e3540;height:205px;overflow:hidden;background:#07131a}.audit-title{border-bottom:1px solid #1e3540;padding:8px 9px;display:flex;justify-content:space-between;color:#728991;font-size:.51rem;letter-spacing:.12em}.audit-title i{margin:0}.audit ol{list-style:none;padding:4px 9px;margin:0}.audit li{display:grid;grid-template-columns:48px 50px 1fr;gap:5px;border-bottom:1px solid #142832;padding:5px 0;animation:log .35s}.audit time{font-family:ui-monospace,monospace;color:#526a74;font-size:.48rem}.audit b{font-size:.45rem;color:var(--cyan);letter-spacing:.06em}.audit b.exception,.audit b.capacity{color:var(--amber)}.audit b.macro{color:var(--blue)}.audit b.deploy,.audit b.deficit{color:var(--red)}.audit p{margin:0;color:#7d949c;font-size:.52rem;line-height:1.3}.explanation{margin-top:12px;border-left:2px solid var(--cyan);background:#0a1b23;padding:10px 12px}.explanation>span{color:#68818a;font-size:.49rem;letter-spacing:.13em}.explanation strong{display:block;margin:4px 0 3px;font-size:.73rem}.explanation p{margin:0;color:#7f969e;font-size:.59rem;line-height:1.4}.governance-stack{display:grid;grid-template-columns:1.1fr .9fr;gap:7px;margin-top:10px}.governance-card{border:1px solid #1e3540;background:#07131a;padding:10px 11px;min-height:94px}.governance-card small{display:block;font-size:.47rem;letter-spacing:.13em}.governance-card strong{display:block;font-size:.69rem;margin:4px 0}.governance-card p{margin:0;color:#7e959d;font-size:.52rem;line-height:1.3}.meso-card{border-top-color:var(--amber)}.meso-card small{color:var(--amber)}.macro-card{border-top-color:var(--blue)}.macro-card small{color:#77a8ff}.counts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #253d47;margin-top:8px;padding-top:6px}.counts span{color:#718991;font-size:.44rem}.counts b{display:block;color:#fff;font-family:ui-monospace,monospace;font-size:.68rem}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.metrics div{border:1px solid #1c343e;padding:7px;text-align:center}.metrics span{display:block;font-family:ui-monospace,monospace;color:#dbe8ea;font-size:.76rem}.metrics small{color:#617983;font-size:.44rem}.controls{border:1px solid #1e3540;background:#07131a;padding:11px 13px;margin-top:auto}.controls label{display:grid;grid-template-columns:1fr auto;gap:3px;color:#8fa3ab;font-size:.58rem;margin-bottom:8px}.controls label:last-child{margin-bottom:0}.controls output{color:#d9e7e9;font-family:ui-monospace,monospace}.controls input{grid-column:1/-1;width:100%;height:3px;accent-color:var(--cyan)}
.meso-dialog{width:min(960px,94vw);padding:0;border:0;background:transparent;color:var(--text)}.meso-dialog::backdrop{background:#02070bd9;backdrop-filter:blur(5px)}.tablet{aspect-ratio:1.6;border:12px solid #111d24;border-radius:28px;background:linear-gradient(145deg,#0d222c,#07131a);box-shadow:0 35px 100px #000;overflow:hidden;display:flex;flex-direction:column}.tablet>header{height:72px;padding:0 24px;border-bottom:1px solid #23414d}.tablet>header small{display:block;color:var(--cyan);font-size:.55rem;letter-spacing:.14em}.tablet>header strong{display:block;margin-top:4px}.tablet>header button{margin-left:auto;border:1px solid var(--cyan);background:transparent;color:var(--cyan);padding:7px 12px;cursor:pointer}.tablet>section{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px}.tablet>section div{border:1px solid #294550;background:#081820;padding:18px}.tablet>section span{display:block;color:#6e8a94;font-size:.55rem;letter-spacing:.13em}.tablet>section strong{display:block;margin-top:10px;font-size:.9rem}.tablet>footer{padding:13px 22px;border-top:1px solid #23414d;color:#66808a;font-size:.55rem;letter-spacing:.09em}
.observation-trail{margin-top:12px;border-left:2px solid var(--cyan);background:#0a1b23;height:112px;overflow:hidden}.observation-title{padding:8px 12px 5px;color:#68818a;font-size:.49rem;letter-spacing:.13em}.observation-trail ol{list-style:none;margin:0;padding:0 12px 7px}.observation-trail li{padding:4px 0 5px;border-top:1px solid #15303a;animation:log .35s}.observation-trail li:first-child{border-top:0}.observation-trail strong{display:block;font-size:.68rem}.observation-trail p{margin:2px 0 0;color:#7f969e;font-size:.52rem;line-height:1.3}.observation-trail li:not(:first-child){opacity:.42}.governance-stack{grid-template-columns:1fr 1fr}.governance-card{min-height:118px}.pattern-pipeline{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #253d47;margin-top:8px;padding-top:6px}.pattern-pipeline span{color:#718991;font-size:.44rem}.pattern-pipeline b{display:block;color:#fff;font-family:ui-monospace,monospace;font-size:.68rem}.macro-card>small{color:#77a8ff}.next-action{border-top:1px solid #253d47;margin-top:7px;padding-top:6px}.next-action small{color:#68818a;font-size:.4rem}.next-action span{display:block;color:#a8bac0;font-size:.48rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes blink{50%{opacity:.25}}@keyframes log{from{opacity:0;transform:translateY(-4px)}}@media(max-width:1000px){.app{padding:12px}.layout{grid-template-columns:1fr;min-height:0}.world{height:660px}aside{min-height:700px}.tablet>section{grid-template-columns:1fr}}@media(max-width:620px){header{gap:12px}.environment-switch button{padding:6px 9px}.world{height:580px}.legend{flex-direction:column;gap:4px}.governance-stack{grid-template-columns:1fr}.tablet{aspect-ratio:auto;min-height:75vh}.safe-label{width:155px}.audit{height:190px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important}}