.observation-console{color:#edf9f2;background:#04100d;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.observation-console *{box-sizing:border-box}.observation-topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#04100de6;border-bottom:1px solid #21443a;justify-content:space-between;align-items:center;gap:24px;padding:20px clamp(18px,4vw,60px);display:flex;position:sticky;top:0}.observation-topbar a{color:inherit;letter-spacing:.09em;gap:14px;text-decoration:none;display:flex}.observation-topbar a span{color:#8ef0bd}.observation-topbar>div{letter-spacing:.12em;color:#8ef0bd;border:1px solid #2c6754;border-radius:999px;padding:9px 12px;font-size:10px}.observation-hero{grid-template-columns:1.25fr .75fr;align-items:end;gap:58px;max-width:1450px;margin:auto;padding:72px clamp(18px,5vw,80px) 44px;display:grid}.observation-hero h1{letter-spacing:-.055em;margin:18px 0;font-size:clamp(3rem,6.5vw,7rem);line-height:.93}.observation-hero h1 em{color:#8ef0bd;font-style:normal}.observation-hero>div>p{color:#9cb7ab;max-width:800px;font-size:19px;line-height:1.65}.observation-hero aside{background:linear-gradient(145deg,#8ef0bd14,#ffffff05);border:1px solid #21443a;border-radius:22px;padding:26px}.observation-hero aside span{letter-spacing:.14em;color:#9cb7ab;font-size:10px}.observation-hero aside strong{margin:16px 0;font-size:22px;display:block}.observation-hero aside p,.observation-hero aside small{color:#9cb7ab;line-height:1.55}.observation-workspace{grid-template-columns:minmax(0,1fr) 390px;gap:18px;max-width:1450px;margin:auto;padding:18px clamp(18px,5vw,80px) 72px;display:grid}.observation-list,.observation-inspector{background:#0a1c17;border:1px solid #21443a;border-radius:22px;overflow:hidden}.observation-list-head{border-bottom:1px solid #21443a;justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex}.observation-list-head strong,.observation-list-head small{display:block}.observation-list-head small{color:#9cb7ab;margin-top:5px}.observation-list-head input{color:#edf9f2;background:#06130f;border:1px solid #21443a;border-radius:10px;width:40%;min-width:300px;max-width:430px;padding:12px}.observation-list>button{color:#edf9f2;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #21443a;grid-template-columns:1.25fr 1fr auto;align-items:center;gap:18px;width:100%;padding:17px 20px;display:grid}.observation-list>button:hover,.observation-list>button.active{background:#8ef0bd14}.observation-list button strong,.observation-list button small{display:block}.observation-list button small,.observation-list button time,.observation-list button span{color:#9cb7ab;font-size:12px}.observation-list button b{color:#8ef0bd;letter-spacing:.1em;margin-top:5px;font-size:9px;display:block}.observation-state{text-align:center;color:#9cb7ab;padding:50px 20px}.observation-state.error{color:#ffb1b1}.observation-inspector{align-self:start;padding:25px;position:sticky;top:86px}.observation-inspector h2{margin:16px 0 8px;font-size:30px;line-height:1.05}.observation-inspector code{color:#9cb7ab}.observation-inspector dl{margin-top:25px}.observation-inspector dl div{border-top:1px solid #21443a;padding:12px 0}.observation-inspector dt{letter-spacing:.09em;color:#9cb7ab;font-size:10px}.observation-inspector dd{overflow-wrap:anywhere;margin:6px 0 0;font-weight:700}.artifact-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin:20px 0;display:grid}.artifact-grid span{color:#667a72;text-align:center;border:1px solid #21443a;padding:10px 7px;font-size:10px}.artifact-grid span[data-present=true]{color:#8ef0bd;background:#8ef0bd0f;border-color:#2c6754}.observation-source-link{color:#8ef0bd;margin-top:15px;display:inline-block}.observation-boundary{border-top:1px solid #21443a;border-bottom:1px solid #21443a;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:20px;max-width:1320px;margin:0 auto 70px;padding:62px clamp(18px,4vw,50px);display:grid}.observation-boundary>p{grid-column:1/-1}.observation-boundary div{background:#071813;border:1px solid #21443a;min-height:115px;padding:20px}.observation-boundary div strong,.observation-boundary div span{display:block}.observation-boundary div span{color:#9cb7ab;margin-top:12px;line-height:1.5}.observation-boundary>i{color:#8ef0bd;font-size:28px;font-style:normal}.twin-language-boundary{border-left:2px solid #8ef0bd;padding-left:14px;font-size:13px!important}.observation-console .twin-footer{color:#9cb7ab;border-top:1px solid #21443a;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:34px clamp(18px,5vw,80px);display:flex}.observation-console .twin-footer a{color:#8ef0bd}@media (max-width:980px){.observation-hero,.observation-workspace{grid-template-columns:1fr}.observation-inspector{position:static}.observation-boundary{grid-template-columns:1fr}.observation-boundary>i{justify-self:center;transform:rotate(90deg)}.observation-list>button{grid-template-columns:1fr auto}.observation-list>button time{grid-column:1/-1}}@media (max-width:650px){.observation-topbar{flex-direction:column;align-items:flex-start}.observation-list-head{flex-direction:column;align-items:stretch}.observation-list-head input{width:100%;min-width:0}.observation-list>button{grid-template-columns:1fr}.observation-list button time{grid-column:auto}.artifact-grid{grid-template-columns:1fr}.observation-console .twin-footer{flex-direction:column}}