:root{font:14px/1.55 Inter,Segoe UI,system-ui,sans-serif;color:#233755;background:#f5f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#3267d5;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #82aafa}[hidden]{display:none!important}#welcome-header{padding:54px 24px 20px;text-align:center}h1,h2,p{margin-top:0}h1{font-size:30px;letter-spacing:-.7px}h2{font-size:20px;letter-spacing:-.35px;font-weight:650;margin-bottom:12px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.14em;color:#8292ae;margin-bottom:8px}main{max-width:1180px;margin:auto;padding:24px}section{background:#fff;border:1px solid #e5eaf3;border-radius:15px;padding:26px;margin-bottom:22px;box-shadow:0 4px 22px #23375504}#login{max-width:470px;margin:0 auto}#login form{display:grid}.authenticated #welcome-header{display:none}.authenticated main{max-width:none;padding:0 30px 30px 272px}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:linear-gradient(165deg,#122e63,#184d8c 80%,#1b6494);color:white;padding:30px 16px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:20px;letter-spacing:-.5px;padding:0 8px 32px}.brand-icon{display:grid;place-items:center;background:#ffffff20;border-radius:12px;min-width:34px;height:34px;color:#7eddda}.sidebar-label{font-size:10px;letter-spacing:.13em;color:#b2c6e4;margin:0 8px 10px}.sidebar select{width:100%;font-size:12px;color:#173760;background:#fff;border:0;padding:13px 10px;min-width:0;margin-bottom:27px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:13px 12px;display:flex;gap:13px;align-items:center;color:#c6d8ee;border-radius:9px;font-weight:550}.sidebar nav a span{font-size:22px;width:25px;line-height:1}.sidebar nav a.active{background:#fff;color:#195fd0;box-shadow:0 4px 16px #0b255522}.sidebar nav a:hover:not(.active){background:#ffffff10;color:#fff}.sidebar-bottom{margin-top:auto;font-size:11px;color:#c4d6ec;padding:22px 8px 0}.sidebar-bottom p{margin:7px 0 0;color:#86a9d1}.privacy-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#61d5b0;margin-right:6px}.workspace-top{display:flex;justify-content:space-between;align-items:center;min-height:116px;padding:22px 0}.workspace-top h1{margin:0}.workspace-badge{font-size:12px;border:1px solid #dce6f5;color:#6b82a4;border-radius:20px;padding:6px 13px;background:#fff}.row{display:flex;justify-content:space-between;align-items:center;gap:16px}.row h2{margin:0}.muted{color:#7c8ba1;font-size:13px;margin:10px 0 18px}button{border:1px solid #2866db;background:#2866db;color:#fff;border-radius:8px;padding:10px 17px;cursor:pointer;font-weight:600;transition:background .15s}button:hover{background:#1c51b8}button.secondary{background:#eff5ff;border-color:#e6eeff;color:#3267cf}button:disabled{opacity:.5;cursor:default}form{display:flex;gap:16px;align-items:end;flex-wrap:wrap}label{display:grid;gap:7px;flex:1;min-width:160px;color:#62728a;font-size:12px;font-weight:600}input,select,textarea{border:1px solid #dce3ef;border-radius:8px;padding:11px 12px;color:#304463;background:#fff;width:100%;min-width:0}input[type=checkbox]{width:auto;justify-self:start}details{padding:18px 0;border-bottom:1px solid #edf0f7}summary{cursor:pointer;font-weight:600;color:#3c5679}details form,details p{margin-top:18px}pre{white-space:pre-wrap;overflow:auto;background:#f6f8fc;padding:18px;border-radius:10px;font-size:12px}.metrics{display:flex;gap:16px;margin:24px 0;padding:20px 0;border-top:1px solid #edf0f6;border-bottom:1px solid #edf0f6}.metrics>div{min-width:150px;border-right:1px solid #e6ebf4;padding:0 30px 0 4px}.metrics>div:last-child{border:0}.metrics strong{display:block;font-size:28px;line-height:1.25;letter-spacing:-.7px;color:#2458a8}.metrics span{font-size:11px;color:#8a98ac;letter-spacing:.025em}.filters{display:flex;gap:14px;align-items:end}.filters label{max-width:210px}.filters .search-label{max-width:none;flex:2}.table{overflow:auto;margin:0 -26px}table{width:100%;border-collapse:collapse;font-size:12px}th{font-size:10px;letter-spacing:.035em;color:#91a0b5;text-transform:uppercase;background:#fafbfe;white-space:nowrap;font-weight:650}th,td{text-align:left;padding:17px 15px;border-bottom:1px solid #edf1f7}th:first-child,td:first-child{padding-left:26px}td{color:#667995}tbody tr:hover{background:#f8faff}td:first-child{white-space:nowrap;color:#3e587d}.page-cell{max-width:250px;overflow-wrap:anywhere;color:#2b5cac}.test-badge{font-size:8px;background:#fff3de;color:#b17d25;padding:3px 6px;border-radius:4px;margin-left:7px;white-space:nowrap}.device-cell{white-space:nowrap}.session-actions{min-width:175px}.session-actions button{font-size:11px;padding:7px 9px;margin:2px;border:0}.play-action{background:#eaf2ff;color:#2866ce}.play-action:hover{color:#fff}.journey-action{background:transparent;color:#557297}.journey-action:hover{background:#eef3fa}.delete-action{background:transparent;color:#a3aebb;font-weight:400}.delete-action:hover{background:#fff0f0;color:#c45050}.empty-state{text-align:center;padding:55px!important;color:#899ab2!important;white-space:normal!important}iframe{width:100%;height:700px;border:1px solid #dce5f0;border-radius:10px;background:#f7f9fc}#status:empty{display:none}#status{white-space:pre-wrap;background:#fff3d9;color:#826126;padding:14px;border-radius:8px;margin-top:16px}#cloud-disable{margin-top:18px}.section-heading{display:flex;gap:16px;align-items:center;margin-bottom:24px}.section-heading h2{margin-bottom:3px}.section-heading p{margin:0}.heat-icon{display:grid;place-items:center;font-size:28px;color:#ed7956;background:#fff1e9;width:54px;height:54px;border-radius:13px;flex-shrink:0}.heat-empty{padding:24px;background:#f5f8ff;color:#6380aa;border:1px dashed #cfddf2;border-radius:10px;margin:24px 0}#heatmaps-section>p:last-child{font-size:12px;color:#8a98ac;margin-top:20px}#account-section form,#cloud-form{max-width:850px}section{scroll-margin-top:20px}@media(min-width:1600px){.workspace{max-width:1600px;margin:auto}}@media(max-width:1050px){.authenticated main{padding-left:228px;padding-right:18px}.sidebar{width:210px}.brand{font-size:17px}.metrics>div{min-width:100px;padding-right:18px}.filters{flex-wrap:wrap}.filters .search-label{flex-basis:100%}.workspace-top h1{font-size:26px}}@media(max-width:700px){.sidebar{position:static;width:100%;padding:18px 14px}.brand{padding:0 0 16px}.sidebar-label,.sidebar-bottom{display:none}.sidebar select{margin-bottom:12px}.sidebar nav{display:flex;overflow:auto;gap:6px}.sidebar nav a{white-space:nowrap;font-size:12px;padding:10px}.sidebar nav a span{font-size:16px;width:auto}.authenticated main{padding:0}.workspace{padding:0 12px 20px}.workspace-top{min-height:95px;padding:20px 4px}.workspace-top h1{font-size:25px}.workspace-badge{display:none}section{padding:18px;border-radius:12px}.table{margin:0 -18px}.metrics{gap:8px}.metrics>div{min-width:0;flex:1;padding:0 8px}.metrics strong{font-size:24px}.metrics span{font-size:10px}.filters label{min-width:130px;max-width:none}form{display:grid;width:100%}label{min-width:0}h2{font-size:17px}button{padding:10px 12px}iframe{height:70vh;min-height:480px}.section-heading{align-items:start}.heat-icon{width:42px;height:42px}.row{align-items:start}.row .secondary{font-size:11px}.eyebrow{font-size:9px}}

/* Dedicated replay surface: the recording list keeps its position underneath. */
html{scrollbar-gutter:stable}body.replay-open{overflow:hidden}
dialog#player-section{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#eef3fa;color:#233755;overflow:hidden;box-shadow:0 0 70px #122e6350}
dialog#player-section[open]{display:flex;flex-direction:column;animation:replay-enter .28s cubic-bezier(.22,.7,.25,1)}
dialog#player-section::backdrop{background:#18335b55}
.replay-topbar{display:flex;align-items:center;gap:24px;flex-shrink:0;background:#fff;border-bottom:1px solid #dce6f4;padding:16px 22px;min-height:84px}
.replay-heading{min-width:0;flex:1}.replay-heading h2{font-size:17px;margin:0 0 4px}.replay-heading p{font-size:12px;margin:0;color:#7588a4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.replay-tag{font-size:11px;padding:7px 12px;border-radius:20px;background:#edf4ff;color:#3b69ab}
#player-section #player{flex:1;min-height:0;width:100%;height:0;border:0;border-radius:0;display:block}
#replay-loading{margin:32px;color:#627b9c;font-size:15px}
@keyframes replay-enter{from{transform:translateX(-100%);opacity:.5}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){dialog#player-section[open]{animation:none}}
@media(max-width:700px){.replay-topbar{padding:12px;gap:12px;flex-wrap:wrap;min-height:76px}.replay-topbar button{font-size:12px}.replay-tag{display:none}.replay-heading{flex-basis:100%}.replay-heading h2{display:none}#player-section #player{min-height:0;height:0}}

.billing-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}#customers-table button{margin:4px;font-size:12px}#stripe-webhook-url{white-space:pre-wrap;overflow-wrap:anywhere}#stripe-form{max-width:650px}[hidden]{display:none!important}

/* Page Viewer brand */
:root{background:#f6f8f2;color:#213a31}.sidebar{background:linear-gradient(165deg,#162d28,#254b3c);overflow-y:auto}.brand-icon{color:#b8ef65}.sidebar nav a.active{color:#244b34;background:#eff8e4}.sidebar nav a{padding-block:10px}.metrics strong{color:#315b3c}button{background:#254b3c}button:hover{background:#37674b}.workspace-badge{background:#eaf3df;color:#4b6939}.sidebar-label,.sidebar-bottom{color:#bcd1c1}.sidebar nav a{color:#d0dfd0}.eyebrow{color:#71876d}

.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:22px}.pagination span{font-size:13px}.pagination button:disabled{opacity:.45;cursor:not-allowed}

.replay-row>td{padding:12px!important;background:#eef3fa}.replay-row section{margin:0!important}section#player-section{position:static;display:block;width:100%;background:#eef3fa}section#player-section[hidden]{display:none}section#player-section #player{display:block;width:100%;height:650px;border:0}section#player-section #player[hidden]{display:none}.replay-row .replay-topbar{padding:10px;min-height:0}.replay-row{overflow-anchor:none}

.access-card{max-width:490px!important;padding:36px!important}.access-card form{display:grid!important;gap:18px}.access-card form[hidden]{display:none!important}.access-card h2{font-size:28px;line-height:1.2}.access-card p{color:#71809a}.access-card .access-note{font-size:12px;line-height:1.6}.access-card .code-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.code-boxes input{text-align:center;font-size:25px;font-weight:650;padding:12px 0}.access-back{border:0;background:transparent!important;color:#3562bc;margin-top:18px;padding:6px 0}#mail-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:600px){.access-card{padding:23px!important}.access-card .code-boxes{gap:5px}#mail-settings{grid-template-columns:1fr}}