:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f1f1f1;color:#202223;margin:0}a{color:inherit}.app-shell{min-height:100vh}.top-nav{align-items:center;background:#f7f7f7;border-bottom:1px solid #e1e3e5;color:#303030;display:flex;min-height:44px;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.top-nav__links{align-items:stretch;display:flex;gap:2px}.top-nav__link{align-items:center;border-bottom:2px solid #0000;color:#616161;display:flex;font-size:13px;font-weight:500;min-height:44px;padding:0 12px;text-decoration:none}.top-nav__link:hover{background:#ededed;color:#303030}.top-nav__link.active{border-bottom-color:#303030;color:#303030;font-weight:600}.top-nav__toggle{background:#0000;border:1px solid #c9cccf;border-radius:6px;color:#303030;display:none;font:500 12px/1.2 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin-left:auto;padding:6px 9px}.app-content{padding:16px 16px 40px}.page-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}.filters{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding-bottom:16px}.actions,.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pagination{justify-content:space-between;padding-top:16px}.clickable-row{cursor:pointer}.detail-list{grid-gap:14px;display:grid;gap:14px;margin:0}.detail-list>div{grid-gap:3px;display:grid;gap:3px}.detail-list dt{color:#6d7175;font-size:12px;font-weight:600;text-transform:uppercase}.detail-list dd{margin:0;overflow-wrap:anywhere}.metrics-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.metric-value{color:#202223;font-size:28px;font-weight:700;line-height:1.1}.code-block{background:#202223;border:1px solid #dfe3e8;border-radius:6px;color:#f6f6f7;font-size:12px;line-height:1.5;margin:0;overflow-x:auto;padding:12px;white-space:pre-wrap;width:100%;word-break:break-all}.config-form{grid-gap:14px;display:grid;gap:14px}.heatmap-detail-surface,.replay-panel{background:#fff;border:1px solid #dfe3e8;border-radius:6px;min-height:520px;overflow:hidden}.pageview-list{grid-gap:8px;display:grid;gap:8px}.pageview-button{grid-gap:2px;background:#fff;border:1px solid #dfe3e8;border-radius:6px;color:#202223;cursor:pointer;display:grid;font:inherit;gap:2px;padding:10px 12px;text-align:left;width:100%}.pageview-button.active{background:#f7f7f7;border-color:#303030}.event-row small,.heatmap-page-card small,.pageview-button small{color:#6d7175;overflow-wrap:anywhere}.event-list{grid-gap:8px;display:grid;gap:8px}.event-row{grid-gap:10px;align-items:center;border-bottom:1px solid #edf0f2;display:grid;gap:10px;grid-template-columns:64px 100px minmax(120px,1fr) minmax(160px,2fr);padding:9px 0}.heatmap-page-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.heatmap-page-card{grid-gap:10px;background:#fff;border:1px solid #dfe3e8;border-radius:6px;color:inherit;cursor:pointer;display:grid;gap:10px;min-width:0;overflow:hidden;padding:0;text-align:left}.heatmap-page-thumbnail{aspect-ratio:16/10;background:#f6f6f7;overflow:hidden}.heatmap-page-card-body{grid-gap:4px;display:grid;gap:4px;padding:12px}.plan-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.plan-price{font-size:24px;font-weight:700}.available-plans,.plan-change-preview{margin-top:16px}.plan-change-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.loading-screen{display:grid;min-height:60vh;padding:24px;place-items:center;text-align:center}@media (max-width:700px){.top-nav{flex-wrap:wrap;gap:0;justify-content:flex-end;padding:6px 12px}.top-nav__toggle{display:block}.top-nav__links{display:none;flex-basis:100%;flex-direction:column;padding-top:6px}.top-nav__links.open{display:flex}.top-nav__link{border-bottom:0;border-left:2px solid #0000;border-radius:6px;min-height:38px}.top-nav__link.active{background:#ededed;border-left-color:#303030}.page-grid{grid-template-columns:1fr}}.heatmap-preview{background:#f8fafc;border:1px solid #e5e9f0;border-radius:8px;min-height:420px;overflow:hidden;position:relative}.heatmap-browser-chrome{align-items:center;background:#fff;border-bottom:1px solid #e6eaf0;display:flex;gap:.35rem;height:34px;padding:0 .8rem;position:relative;z-index:2}.heatmap-browser-chrome span{background:#cbd3df;border-radius:50%;display:block;height:8px;width:8px}.heatmap-page-content{grid-gap:1rem;display:grid;gap:1rem;padding:1.25rem;position:relative;z-index:1}.heatmap-hero{background:linear-gradient(135deg,#dfe7f2,#eef3f8);border-radius:8px;height:110px}.heatmap-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(4,minmax(0,1fr))}.heatmap-copy,.heatmap-grid span{background:#fff;border:1px solid #e8edf3;border-radius:8px;min-height:90px}.heatmap-copy{min-height:56px}.heatmap-copy.short{width:70%}.heatmap-scroll-depth{background:linear-gradient(180deg,#3f80ea29,#3f80ea0a);bottom:0;left:0;right:0;z-index:0}.heatmap-point,.heatmap-scroll-depth{pointer-events:none;position:absolute}.heatmap-point{background:radial-gradient(circle,#ff5252bd 0,#ffac4a73 42%,#ff525200 70%);border-radius:50%;height:58px;width:58px;z-index:3}.replay-surface{background:#f8fafc;border:1px solid #e5e9f0;border-radius:8px;height:100%;overflow:hidden;position:relative;width:100%}.replay-surface-canvas{background:#fff;left:50%;overflow:hidden;position:absolute;top:50%;transform-origin:center center}.replay-surface-frame{background:#fff;border:0;display:block;pointer-events:none}.replay-surface-heatmap{inset:0;pointer-events:none;position:absolute;z-index:1}.replay-surface-scroll-depth{background:linear-gradient(180deg,#3f80ea29,#3f80ea0a);bottom:0;left:0;position:absolute;right:0}.replay-surface-heat-point{background:radial-gradient(circle,#ff5252b8 0,#ffac4a70 42%,#ff525200 70%);border-radius:50%;height:64px;position:absolute;width:64px}.replay-surface-overlay{inset:0;pointer-events:none;position:absolute;z-index:2}.replay-surface-cursor{background:#111827;border:2px solid #fff;border-radius:50%;box-shadow:0 8px 22px #1118274d;height:18px;position:absolute;transform:translate(-50%,-50%);transition:left .12s linear,top .12s linear;width:18px}.replay-surface-cursor:after{border-bottom:8px solid #0000;border-left:13px solid #111827;border-top:8px solid #0000;content:"";left:11px;position:absolute;top:9px;transform:rotate(38deg)}.replay-surface-click{animation:replay-click .52s ease-out forwards;border:3px solid #3f80ea;border-radius:50%;height:46px;position:absolute;transform:translate(-50%,-50%);width:46px}@keyframes replay-click{0%{opacity:.95;transform:translate(-50%,-50%) scale(.35)}to{opacity:0;transform:translate(-50%,-50%) scale(1.45)}}.replay-surface-empty{background:#fff8e6;border:1px solid #ffe1a6;border-radius:8px;color:#7c5b17;font-weight:600;margin-bottom:.85rem;padding:.85rem 1rem}
/*# sourceMappingURL=main.0f20e9cf.css.map*/