.pop-panel{background:radial-gradient(ellipse at 0 0,rgba(40,209,213,.09),transparent 65%),var(--panel);overflow:hidden;border-top:2px solid #35d5dd!important}.pop-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.pop-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#35d5dd}.pop-head h2{font-size:23px;margin:5px 0}.pop-head p{font-size:12px;margin:8px 0 18px}.pop-tabs{display:flex;background:var(--panel2);padding:4px;border:1px solid var(--line);border-radius:10px;gap:3px}.pop-tabs button{background:transparent;color:var(--text);border:0;padding:10px 14px;border-radius:7px;font:700 12px inherit;cursor:pointer;transition:background .18s,box-shadow .18s}.pop-tabs button[aria-pressed=true]{background:#35d5dd;color:#071419;box-shadow:0 3px 14px #35d5dd30}.pop-tabs button:hover{box-shadow:inset 0 0 0 1px #35d5dd}.pop-tabs button:focus-visible,.pop-inspect input:focus-visible{outline:2px solid #ffb454;outline-offset:3px}.pop-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;margin:8px 0 18px;overflow:hidden}.pop-metrics>div{padding:15px 18px;border-right:1px solid var(--line)}.pop-metrics>div:last-child{border:0}.pop-metrics span{display:block;font-size:9px;font-weight:700;letter-spacing:1px;color:var(--muted)}.pop-metrics strong{display:block;font-size:28px;margin-top:6px;font-variant-numeric:tabular-nums}.pop-now{color:#43d078}.pop-metrics small{font-size:13px;color:var(--muted);font-weight:500}.pop-canvas{position:relative}.pop-canvas svg{width:100%;height:auto;display:block;overflow:visible}.pop-canvas text{fill:var(--muted);font:12px system-ui}.pop-canvas .pop-grid{stroke:var(--line);stroke-dasharray:3 5}.pop-tooltip{pointer-events:none;position:absolute;top:12px;background:var(--panel2);color:var(--text);border:1px solid #35d5dd;padding:9px 12px;border-radius:8px;font-size:12px;box-shadow:0 6px 24px #0005;white-space:nowrap}.pop-empty{position:absolute;inset:35% 0 auto;text-align:center;color:var(--muted)}.pop-legend{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px}.pop-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#35d5dd;margin-right:5px}.pop-coverage{font-size:12px;line-height:1.6}.pop-method{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.pop-method summary{cursor:pointer}.pop-method p{line-height:1.7}.pop-inspect{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:10px 0}.pop-inspect[hidden]{display:none}.pop-inspect input{accent-color:#35d5dd;width:140px}.pop-inspect output{font-variant-numeric:tabular-nums}@media(max-width:600px){.pop-metrics{grid-template-columns:repeat(2,1fr)}.pop-metrics>div{padding:12px;border-bottom:1px solid var(--line)}.pop-metrics strong{font-size:24px}.pop-tabs{width:100%}.pop-tabs button{flex:1}.pop-canvas svg{min-height:190px}.pop-head{gap:0}}@media(prefers-reduced-motion:reduce){.pop-tabs button{transition:none}}