.obs-heading p{color:var(--muted);font-size:15px;line-height:1.6;max-width:660px;margin-bottom:0}.obs-action-status{font-size:12px;color:var(--muted);min-height:22px;margin:0 0 16px}.obs-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 17px;font-size:12px;color:var(--muted)}.obs-filter{display:flex;gap:7px}.obs-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:23px}.signal-glass{position:relative;isolation:isolate;min-height:480px;border:1px solid #505976;border-radius:27px;overflow:hidden;background:radial-gradient(ellipse at 15% 10%,#a450b52b,transparent 50%),radial-gradient(ellipse at 85% 85%,#40b3c724,transparent 60%),#131727;box-shadow:inset 0 0 60px #7488e00a,0 25px 60px #090b1840;display:flex;flex-direction:column}.glass-head,.glass-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 22px;position:relative;z-index:2;color:#bbc3e0;font:11px ui-monospace,monospace;letter-spacing:.06em}.glass-head{border-bottom:1px solid #4e566444}.glass-head i{display:inline-block;width:7px;height:7px;background:#c8fc8c;border-radius:50%;margin-right:8px}.glass-foot{margin-top:auto;border-top:1px solid #4e566444;font-size:10px}.glass-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#717b9a12 1px,transparent 1px),linear-gradient(90deg,#717b9a12 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}.signature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));align-content:start;gap:12px;padding:22px;min-height:360px;max-height:650px;overflow:auto;position:relative;z-index:1}.signature-tile{position:relative;border:1px solid hsl(var(--stamp-hue) 55% 65% / .25);border-radius:19px;background:linear-gradient(160deg,hsl(var(--stamp-hue) 70% 70% / .1),#121629);padding:15px 10px 12px;text-align:center;color:#eef0fb;min-width:0;transition:transform .3s,border-color .3s,box-shadow .3s}.signature-tile:hover{transform:translateY(-5px) rotate(-2deg);border-color:hsl(var(--stamp-hue) 80% 75%);box-shadow:0 12px 35px hsl(var(--stamp-hue) 85% 55% / .15)}.signature-tile[aria-pressed=true]{border-color:#eef0fb;box-shadow:inset 0 0 0 1px #eef0fb}.signature-tile svg{display:block;width:75px;height:75px;margin:0 auto 10px;filter:drop-shadow(0 0 10px hsl(var(--stamp-hue) 70% 60% / .3))}.signature-tile strong{display:block;font:11px ui-monospace,monospace;overflow-wrap:anywhere;line-height:1.5}.signature-tile small{display:block;font-size:10px;color:#aab4d2;line-height:1.5;margin-top:5px}.stamp-count{position:absolute;right:8px;top:8px;background:#131727;color:#c8fc8c;font:10px ui-monospace,monospace;padding:3px 6px;border-radius:20px}.obs-empty{grid-column:1/-1;align-self:center;text-align:center;color:var(--muted);padding:40px 20px;margin:auto;max-width:400px;line-height:1.7;font-size:14px}.obs-empty>span{display:block;font-size:65px;color:#65738e;margin-bottom:18px}.obs-empty strong{display:block;color:#d0d7ed;font-size:18px}.obs-flash{position:absolute;inset:55px 0 auto;height:2px;background:linear-gradient(90deg,transparent,hsl(var(--stamp-hue) 90% 80%),transparent);box-shadow:0 0 24px hsl(var(--stamp-hue) 90% 70%);z-index:0;pointer-events:none}.obs-inspector{border:1px solid var(--line);border-radius:24px;padding:24px;background:var(--panel);min-width:0;align-self:start;scroll-margin-top:20px}.obs-inspector h2{font-size:24px;line-height:1.2;letter-spacing:-.6px;overflow-wrap:anywhere}.obs-inspector p{color:var(--muted);font-size:13px;line-height:1.75}.obs-inspector svg{display:block;width:130px;height:130px;margin:18px auto}.obs-inspector code{display:block;overflow-wrap:anywhere;font-size:11px;color:#94d6ff;line-height:1.7}.obs-inspector dl{font-size:12px;line-height:1.7}.obs-inspector dt{color:var(--muted);margin-top:12px}.obs-inspector dd{margin:1px 0;color:#e2e7f9}.verification-badge{display:inline-block;padding:5px 8px;border-radius:20px;border:1px solid #626d88;color:#bfc9e2;font-size:10px}.verification-badge.verified{border-color:#85ad6a;color:#c8fc8c}.control-badge{color:#ffe297;font:10px ui-monospace,monospace;display:block;margin:12px 0}.obs-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 38px}.obs-metrics>div{border:1px solid var(--line);border-radius:18px;padding:18px 20px}.obs-metrics strong{display:block;font-size:29px;font-weight:500;color:var(--mint)}.obs-metrics span{font-size:12px;color:var(--muted);line-height:1.6}.obs-trail ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0}.obs-trail li{border:1px solid var(--line);border-radius:15px;background:#171b2c;padding:15px;display:flex;align-items:center;gap:13px;min-width:0}.obs-trail svg{width:37px;height:37px;flex:none}.obs-trail button{padding:0;background:none;border:0;text-align:left;color:#d4dcf3;font:11px ui-monospace,monospace;line-height:1.65;overflow-wrap:anywhere}.obs-trail small{display:block;font-family:ui-sans-serif,system-ui;font-size:10px;color:var(--muted)}.obs-quiet{grid-column:1/-1;color:var(--muted);font-size:13px}.obs-explanation{max-width:940px;margin:44px 0;font-size:14px;line-height:1.85;color:#bac4dd}.obs-explanation h2{color:#eef0fb;font-size:21px;letter-spacing:-.5px;margin-top:30px}.obs-explanation code{font-size:12px;color:#ef9dec;overflow-wrap:anywhere}.obs-explanation a{color:#94d6ff;text-underline-offset:3px}.obs-explanation strong{color:#dae2f6}#obs-flashes{position:absolute;inset:0;pointer-events:none}@media(max-width:1000px){.obs-layout{grid-template-columns:minmax(0,1fr) 260px}.signature-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));padding:16px}.obs-inspector{padding:19px}.obs-trail ol{grid-template-columns:repeat(2,minmax(0,1fr))}.obs-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.obs-layout{grid-template-columns:1fr}.obs-inspector{min-height:unset}.signal-glass{min-height:400px}.signature-grid{min-height:280px;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:9px;padding:14px}.obs-toolbar{align-items:start;flex-direction:column}.obs-trail ol{grid-template-columns:1fr}.glass-head,.glass-foot{padding:14px;font-size:9px}.obs-filter .pill{font-size:12px}.obs-metrics>div{padding:15px}.obs-inspector svg{float:left;margin:0 20px 15px 0;width:95px;height:95px}}@media(prefers-reduced-motion:reduce){.signature-tile{transition:none}.signature-tile:hover{transform:none}}[data-obs-calm=true] .signature-tile{transition:none}[data-obs-calm=true] .signature-tile:hover{transform:none}