.obs-main{background:radial-gradient(circle at 18% 3%,rgba(30,144,255,.13),transparent 28%),var(--bg);min-height:100vh;padding-bottom:90px}.obs-header{padding-top:72px;padding-bottom:40px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:42px;align-items:end}.obs-header h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1;margin:.25rem 0 1rem}.obs-header p{max-width:760px;color:var(--muted);font-size:1.08rem}.obs-status{display:flex;gap:12px;align-items:center;border:1px solid var(--line2);background:rgba(11,16,29,.82);padding:14px 18px;border-radius:14px;min-width:240px}.obs-status>span{width:11px;height:11px;border-radius:50%;background:#f59e0b;box-shadow:0 0 18px rgba(245,158,11,.65)}.obs-status.collecting>span{background:var(--green);box-shadow:0 0 18px rgba(52,211,153,.65)}.obs-status small,.obs-status strong{display:block}.obs-status small{color:var(--muted2);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.obs-status strong{font-size:.9rem;margin-top:3px}.obs-section{padding-top:45px}.obs-section-head{display:flex;justify-content:space-between;gap:34px;align-items:end;margin-bottom:20px}.obs-section-head h2{font-size:clamp(1.55rem,3vw,2.35rem);margin:.15rem 0 0}.obs-section-head>p{color:var(--muted);max-width:600px;margin:0;text-align:right}.obs-kicker{font:700 .68rem/1 var(--font-m);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.obs-grid{display:grid;gap:14px}.obs-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.obs-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.obs-card{border:1px solid var(--line);background:linear-gradient(155deg,rgba(16,25,45,.92),rgba(7,11,20,.96));border-radius:16px;padding:20px;min-height:142px;display:flex;flex-direction:column}.obs-card>span{color:var(--muted);font-size:.82rem}.obs-card strong{font-family:var(--font-h);font-size:clamp(1.8rem,4vw,3rem);line-height:1.05;margin:auto 0 8px}.obs-card small{color:var(--muted2);font-size:.75rem}.obs-card--primary{border-color:rgba(34,211,238,.28)}.obs-window{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--panel)}.obs-window button{border:0;background:transparent;color:var(--muted);font:700 .72rem/1 var(--font-m);padding:9px 13px;border-radius:999px;cursor:pointer}.obs-window button.active{background:var(--blue);color:#fff}.obs-panel{border:1px solid var(--line);background:rgba(8,12,22,.8);border-radius:18px;margin-top:14px;padding:22px}.obs-panel-head{display:flex;justify-content:space-between;gap:24px;align-items:start}.obs-panel h3{margin:0 0 4px;font-size:1.05rem}.obs-panel p{margin:0;color:var(--muted2);font-size:.82rem}.obs-legend{display:flex;gap:18px;color:var(--muted);font-size:.74rem}.obs-legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.obs-legend .mention:before{background:var(--cyan)}.obs-legend .citation:before{background:var(--blue)}.obs-chart{min-height:260px;margin-top:22px;position:relative;display:flex;align-items:center;justify-content:center}.obs-empty{text-align:center;color:var(--muted2);padding:34px}.obs-empty strong,.obs-empty span{display:block}.obs-empty strong{color:var(--muted);margin-bottom:6px}.obs-svg{width:100%;height:260px;overflow:visible}.obs-engine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.obs-engine{border:1px solid var(--line);border-radius:12px;padding:16px}.obs-engine h4{margin:0 0 12px;text-transform:capitalize}.obs-engine dl{margin:0;display:grid;gap:8px}.obs-engine dl div{display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem}.obs-engine dd{margin:0;color:var(--white);font-weight:700}.obs-connections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.obs-connections article{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--panel)}.obs-connections h3{font-size:1rem;margin:20px 0 8px}.obs-connections p{font-size:.82rem;color:var(--muted);margin:0}.obs-connections>article>span{font:700 .65rem/1 var(--font-m);letter-spacing:.1em;text-transform:uppercase;padding:6px 9px;border-radius:999px}.obs-connections .pending{color:#fbbf24;background:rgba(245,158,11,.1)}.obs-connections .ready{color:var(--green);background:rgba(52,211,153,.1)}.obs-method{margin-top:55px;border:1px solid rgba(34,211,238,.25);border-radius:20px;padding:clamp(24px,4vw,42px);background:linear-gradient(135deg,rgba(20,50,100,.32),rgba(8,12,24,.9))}.obs-method h2{margin-top:0}.obs-method p,.obs-method li{color:var(--muted)}.obs-method ul{margin:18px 0 26px;padding-left:20px}.obs-method li{margin:7px 0}@media(max-width:900px){.obs-header{grid-template-columns:1fr}.obs-status{width:max-content}.obs-grid--four,.obs-connections{grid-template-columns:repeat(2,minmax(0,1fr))}.obs-engine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.obs-header{padding-top:42px}.obs-section-head{align-items:start;flex-direction:column}.obs-section-head>p{text-align:left}.obs-grid--four,.obs-grid--three,.obs-connections,.obs-engine-grid{grid-template-columns:1fr}.obs-card{min-height:126px}.obs-panel-head{flex-direction:column}.obs-legend{flex-wrap:wrap}}