@charset "UTF-8";.xr-intro{padding:3.5rem 0 0;background:#fff;scroll-margin-top:100px}.xr-trace{padding:3.5rem 0;background:var(--c-soft)}.xr-panel{background:var(--c-dark);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden}.xr-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.xr-panel-title{font-size:.58rem;text-transform:uppercase;letter-spacing:.14em;color:#ffffff38;font-weight:700;margin-bottom:.9rem;position:relative;z-index:1}.xr-url-bar{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.45rem .75rem;margin-bottom:.8rem;font-size:.62rem;font-family:monospace;color:#ffffff73;position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}.xr-time-badge{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:5px;padding:.1rem .45rem;font-size:.58rem;font-weight:700;color:#f87171}.xr-trace-rows{position:relative;z-index:1}.xr-trace-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.04);align-items:center}.xr-trace-row:last-child{border-bottom:none}.xr-trace-func{font-size:.61rem;font-family:monospace;color:#fff9}.xr-trace-func.slow{color:#f87171}.xr-trace-bar-wrap{display:flex;align-items:center;gap:.4rem}.xr-trace-ms{font-size:.57rem;color:#ffffff59;font-family:monospace;width:40px;text-align:right}.xr-trace-bar{width:80px;height:4px;background:#ffffff12;border-radius:2px;overflow:hidden}.xr-trace-fill{height:100%;border-radius:2px}.xr-trace-fill.red{background:#f87171}.xr-trace-fill.blue{background:var(--c-blue)}.xr-trace-fill.grn{background:#4ade80}.xr-trace-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.xr-trace-card{background:#fff;border:1px solid var(--c-bdr);border-radius:12px;padding:1.4rem 1.35rem;display:flex;gap:.9rem;align-items:flex-start;transition:box-shadow .2s,border-color .2s}.xr-trace-card:hover{box-shadow:0 6px 22px #15579c17;border-color:#15579c3d}.xr-trace-icon-wrap{width:42px;height:42px;background:#15579c1a;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.xr-trace-card h4{font-size:.92rem;font-weight:900;color:var(--c-dark);margin:0 0 .25rem;line-height:1.3}.xr-trace-card p{font-size:.815rem;color:var(--c-muted);line-height:1.57;margin:0;font-weight:400}@media(max-width:767px){.xr-trace-grid{grid-template-columns:1fr}}