.heatmaps-view{flex-direction:column;gap:24px;min-width:0;display:flex}.heatmaps-heading{justify-content:space-between;align-items:start;gap:24px;display:flex}.heatmaps-heading h1{letter-spacing:-1px;margin:0;font-size:32px}.heatmaps-heading p{color:var(--muted);margin:8px 0 0}.heatmap-controls{grid-template-columns:minmax(220px,1fr) 210px;gap:16px;display:grid}.heatmap-controls label{flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.heatmap-controls select{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:44px;color:var(--ink);border-radius:var(--radius-control);font:inherit;padding:10px}.heatmap-stats{border-top:1px solid var(--line);gap:48px;padding-top:24px;display:flex}.heatmap-stats>div{flex-direction:column;gap:6px;display:flex}.heatmap-stats strong{font-variant-numeric:tabular-nums;font-size:24px}.heatmap-stats span{color:var(--muted);font-size:13px}.heatmap-layout{grid-template-columns:minmax(250px,1fr) minmax(220px,.6fr);gap:32px;display:grid}.heatmap-figure{flex-direction:column;gap:12px;min-width:0;margin:0;display:flex}.heatmap-grid{aspect-ratio:1;border:1px solid var(--line);border-radius:16px;width:100%;display:block}.heatmap-axis{color:var(--muted);font-size:12px}.heatmap-axis:nth-of-type(2){text-align:right}.heatmap-legend{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:12px;display:flex}.heatmap-legend i{background:linear-gradient(to right,var(--surface-alt),var(--accent));border-radius:4px;flex:1;max-width:160px;height:8px}.heatmap-figure figcaption,.heatmaps-note{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.heatmap-reading h2{margin:0 0 12px;font-size:20px}.heatmap-reading>p{color:var(--muted);font-size:14px;line-height:1.6}.heatmap-reading ol{flex-direction:column;margin:24px 0;padding:0;list-style:none;display:flex}.heatmap-reading li{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;padding:16px 0;font-size:12px;display:flex}.heatmap-reading li div{flex-direction:column;gap:6px;display:flex}.heatmap-reading li strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:19px}.heatmap-context{border-top:1px solid var(--line);color:var(--accent-text);gap:12px;padding:16px 0;display:flex}.heatmap-context svg{flex-shrink:0}.heatmap-context p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.heatmap-empty{background:var(--surface-alt);border-radius:var(--radius-panel);text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:64px 24px;display:flex}.heatmap-empty h2{color:var(--ink);margin:0;font-size:22px}.heatmap-empty p{max-width:400px;margin:0;line-height:1.6}.heatmap-controls select:focus-visible{outline:2px solid var(--accent);outline-offset:0}@media (width<=1050px){.heatmap-controls{grid-template-columns:1fr 1fr}.heatmap-controls label:first-child{grid-column:auto}}@media (width<=650px){.heatmaps-heading{gap:16px}.heatmaps-heading h1{font-size:28px}.heatmap-controls{grid-template-columns:1fr}.heatmap-controls select{font-size:16px}.heatmap-controls label:first-child{grid-column:auto}.heatmap-layout{grid-template-columns:1fr;gap:24px}.heatmap-stats{flex-wrap:wrap;gap:24px}.heatmap-stats strong{font-size:21px}.heatmap-reading>p{font-size:16px}}.heatmap-scroll{margin-top:32px}.heatmap-scroll>p{color:var(--muted);font-size:13px;line-height:1.6}.heatmap-scroll li{align-items:center;gap:12px}.heatmap-scroll li>span{white-space:nowrap}.heatmap-scroll li strong{text-align:right;min-width:36px;font-size:13px}.heatmap-scroll-track{background:var(--well);border-radius:3px;flex:1;overflow:hidden;height:6px!important;display:block!important}.heatmap-scroll-track i{background:var(--accent);border-radius:3px;height:100%;display:block}.heatmap-controls{grid-template-columns:minmax(240px,1fr) minmax(180px,.6fr)}.heatmap-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.heatmap-layer-buttons{background:var(--well);border-radius:var(--radius-control);gap:4px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.heatmap-layer-buttons button{white-space:nowrap;min-height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 14px;font-size:14px}.heatmap-layer-buttons button[aria-pressed=true]{color:var(--ink);background:var(--surface);font-weight:600}.heatmap-toolbar>label{align-items:center;gap:12px;font-size:13px;display:flex}.heatmap-toolbar select{border:1px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--ink);border-radius:var(--radius-control);font:inherit;padding:8px 12px}.heatmap-layout{grid-template-columns:minmax(0,1fr) 260px;gap:32px}.heatmap-display-controls{flex-wrap:wrap;gap:24px;display:flex}.heatmap-display-controls label{flex:1;grid-template-columns:1fr auto;gap:8px;min-width:120px;font-size:13px;display:grid}.heatmap-display-controls input{width:100%;accent-color:var(--accent);grid-column:1/-1;height:24px}.heatmap-display-controls output{color:var(--muted);font-variant-numeric:tabular-nums}.heatmap-overlay{border:1px solid var(--line);background:#faf8f4;border-radius:12px;width:100%;position:relative;overflow:hidden}.heatmap-overlay img{object-fit:fill;width:100%;height:100%;display:block}.heatmap-overlay canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.heatmap-hover{background:var(--surface);max-width:max-content;color:var(--ink);border:1px solid var(--line-strong);pointer-events:none;border-radius:8px;padding:8px 12px;font-size:13px;position:absolute;bottom:12px;left:12px;right:12px}.heatmap-legend i{background:linear-gradient(90deg,#2563eb,#22c55e,#fae729,#f87b21,#e22c33);max-width:none}.heatmap-fallback{border:1px solid var(--line);background:var(--surface-alt);border-radius:12px;width:100%;max-height:280px}.heatmap-layer-buttons button:focus-visible,.heatmap-display-controls input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.heatmap-figure .heatmap-empty{padding:40px 24px}@media (width<=1050px){.heatmap-layout{grid-template-columns:minmax(0,1fr) 220px}}@media (width<=800px){.heatmap-layout{grid-template-columns:1fr}.heatmap-toolbar{gap:16px}}@media (width<=650px){.heatmap-controls{grid-template-columns:1fr}.heatmap-layer-buttons{width:100%}.heatmap-layer-buttons button{min-height:44px;padding:8px 10px;font-size:14px}.heatmap-toolbar>label{justify-content:space-between;width:100%;font-size:16px}.heatmap-toolbar select{font-size:16px}.heatmap-display-controls label{font-size:14px}.heatmap-reading p{font-size:16px}.heatmap-reading li{font-size:13px}}.heatmap-attention{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:24px}.heatmap-attention p{color:var(--muted);font-size:13px;line-height:1.6}.heatmap-attention a{color:var(--accent-text);text-decoration:underline}.heatmap-attention .button{white-space:normal;text-align:left}@media (width<=650px){.heatmap-attention p{font-size:16px}}.replayer-wrapper{position:relative}.replayer-mouse{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDUwIDUwIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkRlc2lnbl90bnA8L3RpdGxlPjxwYXRoIGQ9Ik00OC43MSw0Mi45MUwzNC4wOCwyOC4yOSw0NC4zMywxOEExLDEsMCwwLDAsNDQsMTYuMzlMMi4zNSwxLjA2QTEsMSwwLDAsMCwxLjA2LDIuMzVMMTYuMzksNDRhMSwxLDAsMCwwLDEuNjUuMzZMMjguMjksMzQuMDgsNDIuOTEsNDguNzFhMSwxLDAsMCwwLDEuNDEsMGw0LjM4LTQuMzhBMSwxLDAsMCwwLDQ4LjcxLDQyLjkxWm0tNS4wOSwzLjY3TDI5LDMyYTEsMSwwLDAsMC0xLjQxLDBsLTkuODUsOS44NUwzLjY5LDMuNjlsMzguMTIsMTRMMzIsMjcuNThBMSwxLDAsMCwwLDMyLDI5TDQ2LjU5LDQzLjYyWiI+PC9wYXRoPjwvc3ZnPg==);background-position:50%;background-repeat:no-repeat;background-size:contain;border-color:#0000;width:20px;height:20px;transition:left 50ms linear,top 50ms linear;position:absolute}.replayer-mouse:after{content:"";opacity:.3;background:#4950f6;border-radius:100%;width:20px;height:20px;display:inline-block;transform:translate(-50%,-50%)}.replayer-mouse.active:after{animation:.2s ease-in-out click}.replayer-mouse.touch-device{background-image:none;border:4px solid #4950f600;border-radius:100%;width:70px;height:70px;margin-top:-37px;margin-left:-37px;transition:left linear,top linear,border-color .2s ease-in-out}.replayer-mouse.touch-device.touch-active{border-color:#4950f6;transition:left .25s linear,top .25s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device:after{opacity:0}.replayer-mouse.touch-device.active:after{animation:.2s ease-in-out touch-click}.replayer-mouse-tail{pointer-events:none;position:absolute}@keyframes click{0%{opacity:.3;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}@keyframes touch-click{0%{opacity:0;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}:root,[data-scene=daylight]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f8f6f1;--surface:#fffdf9;--surface-alt:#f2eee5;--sidebar:#eee9df;--well:#e9e3d8;--hover:#eee7db;--ink:#242822;--muted:#626459;--faint:#69655b;--line:#2428221f;--line-strong:#24282238;--accent:#b45319;--accent-hover:#954313;--on-accent:#fff;--accent-text:#874019;--accent-soft:#f0e3d2;--accent-line:#87401933;--success:#536541;--success-soft:#e4e9dc;--success-line:#53654138;--danger:#a13724;--danger-soft:#f7e6df;--danger-line:#a1372438;--on-danger:#fff;--banner:#242822;--on-banner:#f8f6f1;--overlay:#24282261;--shadow:#3927141f;--brand:#b45319;--radius-control:10px;--radius-panel:20px}[data-scene=nightfall]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#1e201c;--surface:#292c26;--surface-alt:#252822;--sidebar:#171a16;--well:#32362e;--hover:#34382f;--ink:#f4f0e7;--muted:#babbb0;--faint:#a6a697;--line:#f4f0e71f;--line-strong:#f4f0e73d;--accent:#efae74;--accent-hover:#f5c294;--on-accent:#281e15;--accent-text:#efae74;--accent-soft:#3c3024;--accent-line:#efae743d;--success:#b4c79d;--success-soft:#2c3727;--success-line:#b4c79d3d;--danger:#f2a18d;--danger-soft:#3c2924;--danger-line:#f2a18d3d;--on-danger:#2c1814;--banner:#32362e;--on-banner:#f4f0e7;--overlay:#0000009e;--shadow:transparent;--brand:#efae74}@font-face{font-family:Figtree;src:url(/fonts/figtree-latin-variable.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap}:root{color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Figtree,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:0}button,nav,.brand{-webkit-user-select:none;user-select:none}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}svg{flex-shrink:0}h1{letter-spacing:-1.2px;font-size:33px;font-weight:560;line-height:1.2}h2{letter-spacing:-.4px;font-size:18px;font-weight:550;line-height:1.4}h3{font-size:15px;font-weight:550}p{color:var(--muted);font-size:14px;line-height:1.65}strong{font-weight:560}small{color:var(--muted);font-size:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--faint)}.eyebrow{letter-spacing:1.35px;text-transform:uppercase;color:var(--faint);font-size:11px;font-weight:600;line-height:1.6;display:block}.button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:35px;padding:8px 13px;font-size:13px;font-weight:550;display:inline-flex}.button.primary{background:var(--accent);color:var(--on-accent)}.button.secondary{background:var(--surface);border:1px solid var(--line-strong);color:var(--muted)}.button.secondary:hover{background:var(--hover)}.button.primary:hover{background:var(--accent-hover)}.button.small{min-height:29px;padding:5px 9px;font-size:11px}.button.danger{background:var(--danger);color:var(--on-danger)}.icon-button{border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button:hover{background:var(--sidebar)}.text-button{color:var(--accent-text);align-items:center;gap:7px;padding:4px 0;font-size:12px;font-weight:550;display:inline-flex}.destructive{color:var(--danger)!important}.quiet-label{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.inline-dot{margin:0 7px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brand{width:max-content;color:var(--ink);letter-spacing:-1.15px;align-items:center;gap:11px;font-size:24px;font-weight:650;display:inline-flex}.brand-mark{fill:currentColor;width:33px;height:34px;color:var(--brand);flex-shrink:0}.workspace{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);z-index:10;flex-direction:column;width:232px;padding:30px 19px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-top{justify-content:space-between;padding:0 7px 35px;display:flex}.project-switcher{border:1px solid var(--line-strong);background:var(--page);border-radius:7px;align-items:center;gap:10px;margin-bottom:27px;padding:11px 10px;display:flex}.project-avatar{background:var(--success-soft);width:29px;height:29px;color:var(--success);border:1px solid var(--success-line);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.project-switcher>div{flex:1;min-width:0}.project-switcher select{appearance:none;width:100%;color:var(--ink);text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;max-width:133px;padding:0;font-size:12px;font-weight:560}.project-switcher .field-hint{white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.6;display:block;overflow:hidden}.sidebar nav{gap:5px;display:grid}.nav-item{color:var(--muted);text-align:left;border-radius:6px;align-items:center;gap:10px;min-height:40px;padding:10px 12px;font-size:13px;display:flex}.nav-item:hover{background:var(--hover)}.nav-count{color:var(--faint);font-variant-numeric:tabular-nums;margin-left:auto;font-size:10px}.nav-item.selected .nav-count{color:var(--accent-text)}.new-project-link{color:var(--faint);text-align:left;align-items:center;gap:8px;margin-top:5px;padding:15px 12px;font-size:11px;display:flex}.sidebar-bottom{margin-top:auto;padding-top:32px}.collection-note{border-bottom:1px solid var(--line);color:var(--faint);align-items:flex-start;gap:9px;padding:0 6px 21px;display:flex}.collection-note>div{min-width:0}.collection-note span{color:var(--muted);font-size:11px;display:block}.collection-note small{text-overflow:ellipsis;margin-top:5px;font-size:10px;display:block;overflow:hidden}.account-row{align-items:center;gap:10px;margin-top:18px;padding:0 4px;display:flex}.account-row>span:nth-child(2){color:var(--muted);flex:1;font-size:10px}.account-row small{color:var(--faint);text-transform:capitalize;margin-top:3px;font-size:10px;display:block}.account-row>svg{color:var(--faint)}.sample-avatar{background:var(--accent-soft);width:28px;height:28px;color:var(--accent-text);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.main-shell{flex-direction:column;width:calc(100% - 232px);min-height:100vh;margin-left:232px;display:flex}.topbar{background:var(--surface-alt);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;height:68px;padding:0 43px;display:flex}.breadcrumb{color:var(--faint);align-items:center;gap:11px;font-size:11px;display:flex}.breadcrumb span:first-child{color:var(--muted)}.breadcrumb span:last-child{color:var(--ink);font-weight:500}.domain-status{color:var(--accent-text);white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:inline-flex}.domain-status.active{color:var(--success)}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.main-content{flex:1;width:100%;max-width:1540px;margin:0 auto;padding:43px 43px 35px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.page-heading h1{margin:8px 0 10px}.page-heading>.button{align-self:flex-end;margin-bottom:3px}.metrics-strip{border-block:1px solid var(--line);grid-template-columns:1fr 1fr 1fr auto;gap:26px;margin-bottom:29px;padding:22px 0 25px;display:grid}.metrics-strip>div{flex-direction:column;gap:9px;min-width:0;display:flex}.metric-label{color:var(--muted);font-size:11px}.metrics-strip strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:30px;font-weight:500;line-height:1.2;display:flex}.metric-foot{color:var(--faint);font-size:10px}.metrics-strip .retention-note{border-left:1px solid var(--line);color:var(--success);flex-direction:row;align-self:center;align-items:center;gap:10px;padding-left:27px}.retention-note span{color:var(--faint);white-space:nowrap;font-size:10px}.retention-note small{color:var(--faint);margin-top:6px;font-size:9px;display:block}.insight-preview{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:9px;align-items:center;gap:19px;margin-bottom:32px;padding:23px;display:flex}.insight-icon{background:var(--accent-soft);width:39px;height:39px;color:var(--accent-text);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.insight-preview>div{flex:1;min-width:0}.insight-preview .eyebrow{color:var(--accent-text);letter-spacing:1.3px;font-size:9px}.insight-preview h2{letter-spacing:-.3px;margin:6px 0;font-size:16px}.insight-preview p{color:var(--accent-text);max-width:72ch;font-size:11px}.insight-preview>.button{background:var(--surface);border-color:var(--accent-line);color:var(--accent-text);font-size:11px}.session-controls{justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px;display:flex}.filter-tabs{flex-shrink:0;gap:6px;display:flex;overflow-x:auto}.filter-tabs button{white-space:nowrap;min-height:32px;color:var(--faint);border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:6px 11px;font-size:11px;font-weight:500;display:flex}.filter-tabs button.active{color:var(--ink);background:var(--well)}.filter-tabs button:hover{background:var(--well)}.filter-tabs button>span{background:var(--well);border-radius:3px;padding:2px 4px;font-size:9px}.search-field{border:1px solid var(--line-strong);background:var(--surface);color:var(--faint);border-radius:6px;align-items:center;gap:8px;width:213px;max-width:100%;padding:8px 10px;display:flex}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;font-size:11px;outline:none!important}.search-field:focus-within{outline:2px solid var(--accent)}.search-field input::placeholder{color:var(--faint)}.session-table-header,.session-row{text-align:left;grid-template-columns:minmax(170px,2.7fr) .8fr .8fr 1.05fr 1.2fr 16px;align-items:center;gap:20px;width:100%;display:grid}.session-table-header{color:var(--faint);border-block:1px solid var(--line);background:var(--surface-alt);padding:12px 14px;font-size:10px}.session-row{border-bottom:1px solid var(--line);min-height:75px;padding:18px 14px;font-size:11px}.session-row:hover{background:var(--hover)}.session-main{align-items:center;gap:14px;min-width:0;display:flex}.session-main>span:last-child{min-width:0}.session-play{width:29px;height:29px;color:var(--faint);border:1px solid var(--accent-line);background:var(--surface);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.session-row:hover .session-play{background:var(--accent-soft);color:var(--accent-text)}.session-main strong{color:var(--ink);font-size:12px;display:block}.session-main small{white-space:nowrap;text-overflow:ellipsis;color:var(--faint);max-width:32ch;margin-top:7px;font-size:10px;display:block;overflow:hidden}.session-time{color:var(--faint)}.session-duration{color:var(--accent-text);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.session-duration svg{color:var(--faint)}.badge{background:var(--well);color:var(--muted);white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:9px;line-height:1.2;display:inline-flex}.badge.amber{background:var(--accent-soft);color:var(--accent-text)}.analysis-ready{color:var(--success);align-items:center;gap:5px;font-size:10px;display:flex}.row-arrow{color:var(--faint)}.list-footer{color:var(--faint);justify-content:space-between;align-items:center;gap:12px;margin-top:17px;font-size:9px;display:flex}.list-footer span:last-child{align-items:center;gap:6px;display:flex}.app-footer{color:var(--faint);justify-content:space-between;gap:12px;padding:23px 43px;font-size:10px;display:flex}.app-footer a{align-items:center;gap:6px;display:flex}.demo-banner{z-index:20;background:var(--ink);height:35px;color:var(--accent-soft);justify-content:space-between;align-items:center;padding:0 25px;font-size:10px;display:flex;position:fixed;inset:0 0 auto}.demo-banner span,.demo-banner a{align-items:center;gap:7px;display:flex}.workspace:has(.demo-banner){padding-top:35px}.workspace:has(.demo-banner) .sidebar{top:35px}.mobile-only{display:none}.notice{background:var(--danger-soft);border:1px solid var(--danger-line);color:var(--danger);border-radius:7px;align-items:flex-start;gap:9px;margin-bottom:20px;padding:13px 15px;font-size:12px;line-height:1.6;display:flex}.notice svg{margin-top:2px}.notice.success{background:var(--success-soft);border-color:var(--success-line);color:var(--success)}.welcome{text-align:center;max-width:780px;margin:50px auto}.welcome-icon{background:var(--accent-soft);width:65px;height:65px;color:var(--accent-text);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 26px;display:flex}.welcome h1{letter-spacing:-1.4px;margin:12px 0 17px;font-size:43px;line-height:1.2}.welcome>p{max-width:47ch;margin:0 auto 26px}.welcome-features{color:var(--faint);justify-content:center;gap:23px;margin-top:55px;font-size:10px;display:flex}.welcome-features span{align-items:center;gap:7px;display:flex}.empty-state{text-align:center;border-bottom:1px solid var(--line);flex-direction:column;align-items:center;gap:14px;padding:58px 20px;display:flex}.empty-state p{max-width:53ch;font-size:12px}.empty-icon{background:var(--accent-soft);width:49px;height:49px;color:var(--accent-text);border-radius:12px;justify-content:center;align-items:center;display:flex}.empty-state h2{font-size:18px}.empty-state .button{margin-top:5px}.insight-group{margin-bottom:28px}.insight-group>header{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:6px;padding-bottom:12px;display:flex}.insight-group>header h2{font-size:14px}.insight-group>header>span{color:var(--faint);font-size:10px}.insight-list-item{border-bottom:1px solid var(--line);gap:16px;padding:24px 0;display:flex}.severity-indicator{background:var(--success);border-radius:4px;flex-shrink:0;align-self:stretch;width:5px}.severity-indicator.high{background:var(--accent-text)}.severity-indicator.medium{background:var(--faint)}.insight-list-item>div:last-child{flex:1;min-width:0}.insight-title-row{align-items:center;gap:14px;margin-bottom:9px;display:flex}.insight-list-item p{max-width:85ch;font-size:12px}.recommendation-inline{color:var(--accent-text);align-items:flex-start;gap:8px;margin:13px 0;font-size:12px;line-height:1.6;display:flex}.recommendation-inline svg{margin-top:2px}.back-link{color:var(--faint);align-items:center;gap:8px;margin-bottom:23px;padding:0;font-size:11px;display:flex}.replay-heading h1{font-size:28px}.replay-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:27px;display:grid}.replay-column{min-width:0}.sample-replay{background:var(--surface-alt);border:1px solid var(--line);text-align:center;min-height:420px;color:var(--faint);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:17px;padding:40px;display:flex}.sample-replay p{max-width:40ch}.replay-privacy{color:var(--faint);flex-wrap:wrap;align-items:center;gap:7px;padding:15px 0;font-size:9px;display:flex}.replay-privacy .text-button{margin-left:auto;font-size:10px}.analysis-panel{border-left:1px solid var(--line);min-width:0;padding-left:24px}.analysis-panel-heading{justify-content:space-between;align-items:center;gap:9px;margin-bottom:23px;display:flex}.analysis-panel-heading>span:first-child{color:var(--accent-text);align-items:center;gap:7px;font-size:12px;font-weight:550;display:flex}.analysis-panel h2{margin-bottom:14px;font-size:20px;line-height:1.4}.analysis-panel>p{font-size:12px}.recommendation{background:var(--accent-soft);border-radius:7px;margin:23px 0;padding:17px}.recommendation>span{color:var(--accent-text);align-items:center;gap:7px;font-size:11px;font-weight:550;display:flex}.recommendation p{color:var(--faint);margin-top:10px;font-size:12px}.small-heading{text-transform:uppercase;letter-spacing:1px;color:var(--faint);margin-bottom:12px;font-size:10px}.evidence-list{gap:9px;display:grid}.evidence-list button{text-align:left;color:var(--accent-text);align-items:flex-start;gap:9px;padding:7px 0;font-size:11px;line-height:1.6;display:flex}.evidence-time{background:var(--well);color:var(--accent-text);font-variant-numeric:tabular-nums;border-radius:3px;flex-shrink:0;align-items:center;gap:4px;padding:3px 5px;font-size:9px;display:flex}.analysis-panel p.analysis-disclosure{color:var(--faint);margin:22px 0 13px;font-size:10px}.model-label{color:var(--faint);overflow-wrap:anywhere;font-size:9px;display:block}.analysis-empty{padding:9px 0}.analysis-empty h2{margin-top:22px}.analysis-empty p{margin-bottom:20px;font-size:12px}.analysis-empty small{margin-top:15px;font-size:9px;display:block}.player{background:var(--well);border:1px solid var(--line);border-radius:9px;overflow:hidden}.player-stage{min-height:200px;position:relative;overflow:hidden}.player-canvas{width:100%;min-height:180px;overflow:hidden}.player-loading{text-align:center;color:var(--faint);background:var(--surface-alt);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.player-loading p{max-width:50ch;font-size:12px}.playback-bar{background:var(--surface-alt);border-top:1px solid var(--line);padding:15px}.timeline{align-items:center;height:18px;margin-bottom:11px;display:flex;position:relative}.timeline input{width:100%;height:6px;accent-color:var(--accent);cursor:pointer;margin:0}.timeline-marker{background:var(--accent-text);pointer-events:none;border-radius:2px;width:3px;height:8px;position:absolute;top:5px}.playback-controls{align-items:center;gap:9px;display:flex}.player-play{background:var(--accent-soft);color:var(--accent-text);border-radius:6px;justify-content:center;align-items:center;width:34px;height:32px;display:flex}.player-time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px}.player-time>span{color:var(--faint)}.playback-options{align-items:center;gap:13px;margin-left:auto;display:flex}.skip-control{white-space:nowrap;color:var(--faint);align-items:center;gap:6px;font-size:10px;display:flex}.skip-control input{accent-color:var(--accent);margin:0}.speed-control select{border:1px solid var(--line);background:var(--surface);color:var(--accent-text);border-radius:5px;padding:6px;font-size:11px}.settings-tabs{border-bottom:1px solid var(--line);gap:8px;margin-bottom:30px;padding-bottom:15px}.settings-body{max-width:840px}.settings-section{border-bottom:1px solid var(--line);gap:22px;margin-bottom:33px;padding:0 0 33px;display:flex}.settings-section>div:last-child{flex:1;min-width:0}.settings-section h2{margin-bottom:9px;font-size:18px}.settings-section>div>p{margin-bottom:19px;font-size:12px}.section-number{border:1px solid var(--accent-line);width:27px;height:27px;color:var(--accent-text);background:var(--accent-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.domain-detail{border:1px solid var(--line);border-radius:7px;justify-content:space-between;align-items:center;gap:14px;margin:19px 0;padding:15px;display:flex}.domain-detail>span{overflow-wrap:anywhere;align-items:center;gap:9px;min-width:0;font-size:13px;display:flex}.domain-detail>span>svg{color:var(--faint)}.dns-record{background:var(--surface-alt);border-radius:6px;flex-wrap:wrap;align-items:start;gap:14px 20px;margin:13px 0;padding:16px;display:flex}.dns-record>div{align-items:center;gap:9px;width:100%;display:flex}.dns-label{color:var(--faint);font-size:11px}.dns-record label{min-width:0;color:var(--faint);flex-direction:column;gap:5px;font-size:9px;display:flex}.dns-record code{color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap;font-size:11px}.dns-record label:first-of-type{flex:1}.dns-record label:nth-of-type(2){flex:1.4}.copy-wrap{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.dns-record .copy-wrap{align-self:center}.field-hint{color:var(--faint);line-height:1.7;font-size:10px!important}.settings-section p.field-hint{margin:17px 0}.code-block{background:var(--well);border:1px solid var(--accent-line);border-radius:7px;justify-content:space-between;align-items:start;gap:14px;margin:19px 0;padding:18px 17px;display:flex}.code-block>code{color:var(--accent-text);white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.7}.code-block>.copy-wrap{flex-shrink:0}.setup-tip{background:var(--accent-soft);color:var(--faint);border-radius:7px;align-items:flex-start;gap:10px;margin-left:49px;padding:18px;display:flex}.setup-tip p{color:var(--faint);font-size:11px}.settings-form{max-width:450px;margin-top:27px}.field{flex-direction:column;gap:8px;min-width:0;margin-bottom:20px;display:flex}.field>span{color:var(--faint);font-size:12px;font-weight:550}.field>input,.field>select{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--faint);border-radius:6px;min-height:40px;padding:10px 12px;font-size:13px}.field>input::placeholder{color:var(--faint)}.field>small{color:var(--faint);font-size:10px;line-height:1.6}.field input[name=dailyLimit]{max-width:140px}.settings-form>.button{margin-top:3px}.privacy-facts{color:var(--success);gap:13px;margin-top:25px;font-size:11px;display:grid}.installation-choice{cursor:pointer;align-items:flex-start;gap:11px;margin:20px 0;display:flex}.installation-choice input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:2px 0 0}.installation-choice>span{font-size:14px;font-weight:600}.installation-choice small{max-width:55ch;color:var(--faint);margin-top:6px;font-size:12px;font-weight:400;line-height:1.6;display:block}.privacy-facts>span{align-items:center;gap:8px;display:flex}.danger-section h2{color:var(--danger)}.danger-section{border-bottom:0}.settings-section.plain{padding-left:0}.modal{border:1px solid var(--accent-line);background:var(--page);width:calc(100% - 36px);max-width:500px;color:var(--ink);box-shadow:0 14px 70px var(--shadow);border-radius:12px;padding:27px}.modal::backdrop{background:var(--overlay)}.modal-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.modal-heading h2{font-size:21px}.modal>p{margin-bottom:25px;font-size:12px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:27px;display:flex}.auth-page{background:var(--page);flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:100vh;padding:35px 20px;display:flex}.auth-page>.brand{margin-bottom:20px}.auth-page>.notice{max-width:460px}.auth-page .muted-link{color:var(--faint);align-items:center;gap:9px;font-size:12px;display:flex}.auth-page>p{text-align:center;max-width:45ch}.auth-page>button{background:var(--accent);color:var(--on-accent);border-radius:6px;padding:10px 15px}.loading-text{color:var(--faint)}@media (width>=1600px){.main-content{padding-top:55px}.metrics-strip{gap:50px}.session-row{min-height:82px}}@media (width<=1200px){.sidebar{width:208px;padding-inline:15px}.brand{font-size:22px}.main-shell{width:calc(100% - 208px);margin-left:208px}.main-content{padding:34px 30px}.topbar,.app-footer{padding-inline:30px}.metrics-strip{gap:16px}.metrics-strip .retention-note{display:none}.metrics-strip{grid-template-columns:1fr 1fr 1fr}.session-table-header,.session-row{grid-template-columns:minmax(150px,2.2fr) .8fr .8fr 1fr 1.15fr 13px;gap:12px}.session-main{gap:10px}.session-main small{max-width:26ch}.replay-layout{grid-template-columns:minmax(0,1fr) 250px;gap:22px}.analysis-panel{padding-left:20px}.playback-options{gap:7px}.skip-control{font-size:9px}.insight-preview p{max-width:60ch}}@media (width<=1000px){.session-table-header,.session-row{grid-template-columns:minmax(160px,2fr) .9fr .8fr 1fr 13px}.session-table-header>span:nth-child(5),.session-row>span:nth-child(5){display:none}.session-main small{max-width:27ch}.insight-preview{gap:14px;padding:20px}.insight-preview>.button{padding-inline:10px;font-size:10px}.insight-preview>.button svg{display:none}.replay-layout{grid-template-columns:1fr}.analysis-panel{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.analysis-panel h2{max-width:40ch}.analysis-panel>p,.recommendation{max-width:70ch}.evidence-list{max-width:620px}.analysis-empty{max-width:440px}.replay-privacy .text-button{font-size:11px}}@media (width<=760px){.mobile-only{display:flex}.workspace{display:block}.sidebar{width:255px;box-shadow:12px 0 40px var(--shadow);padding:25px 19px;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.mobile-open{transform:none}.sidebar-top{padding-bottom:26px}.main-shell{width:100%;min-height:100vh;margin:0}.topbar{justify-content:flex-start;height:62px;padding:0 20px}.topbar>.domain-status{margin-left:auto;font-size:9px}.breadcrumb{gap:7px;font-size:10px}.breadcrumb span:first-child{white-space:nowrap;text-overflow:ellipsis;max-width:95px;overflow:hidden}.main-content{padding:28px 22px 24px}.page-heading{gap:15px;margin-bottom:25px}.page-heading h1{margin:8px 0 10px;font-size:30px}.page-heading p{max-width:45ch;font-size:12px}.page-heading .eyebrow{letter-spacing:1px;font-size:9px}.page-heading>.button{min-height:33px;padding:7px 10px;font-size:11px}.metrics-strip{gap:13px;margin-bottom:24px;padding:20px 0}.metric-label{font-size:10px;line-height:1.5}.metrics-strip strong{gap:7px;font-size:28px}.metric-foot{font-size:9px;line-height:1.5}.insight-preview{align-items:flex-start;gap:12px;margin-bottom:25px;padding:18px 18px 63px;position:relative}.insight-preview .insight-icon{border-radius:8px;width:31px;height:31px}.insight-preview .insight-icon svg{width:17px}.insight-preview h2{margin:5px 0 9px;font-size:15px}.insight-preview p{font-size:11px;line-height:1.6}.insight-preview>.button{min-height:29px;position:absolute;bottom:17px;left:61px}.session-controls{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:19px}.filter-tabs{gap:6px;max-width:100%}.filter-tabs button{min-height:34px;padding:8px 10px;font-size:11px}.search-field{width:100%;padding:10px 12px}.search-field input{font-size:16px}.search-field svg{width:15px}.session-table-header{display:none}.session-row{grid-template-columns:1fr auto 13px;gap:7px 13px;padding:18px 3px;display:grid;position:relative}.session-main{grid-area:1/1/3;gap:12px}.session-main strong{font-size:14px}.session-main small{max-width:29ch;margin-top:7px;font-size:10px}.session-play{width:31px;height:34px}.session-time{text-align:right;grid-area:1/2;font-size:10px}.session-duration{grid-area:2/2;justify-content:flex-end;font-size:10px}.session-row>span:nth-child(4){grid-area:3/1;margin-top:2px;margin-left:43px}.session-row>span:nth-child(4)>.muted,.session-row>span:nth-child(5){display:none}.row-arrow{grid-area:1/3/4;width:13px}.badge{font-size:9px}.list-footer{align-items:flex-start;font-size:9px;line-height:1.7}.list-footer span:last-child{text-align:right;align-items:flex-start;max-width:145px}.list-footer svg{margin-top:2px}.app-footer{padding:23px 22px;font-size:9px}.demo-banner{gap:10px;height:35px;padding:0 14px;font-size:8px}.demo-banner span{max-width:225px;line-height:1.3}.demo-banner a{white-space:nowrap}.demo-banner a svg{display:none}.demo-banner span svg{width:12px}.page-heading>.quiet-label{display:none}.insight-title-row{flex-direction:column;align-items:flex-start;gap:9px}.insight-list-item{gap:13px;padding:21px 0}.insight-list-item h3{font-size:16px;line-height:1.4}.insight-list-item p,.recommendation-inline{font-size:13px}.insight-group>header h2{font-size:16px}.insight-group>header>span{font-size:11px}.insight-list-item .text-button{min-height:35px;font-size:12px}.back-link{min-height:30px;margin-bottom:16px;font-size:12px}.replay-heading{align-items:flex-start}.replay-heading h1{overflow-wrap:anywhere;font-size:25px}.replay-heading p{font-size:11px}.replay-layout{gap:16px}.sample-replay{min-height:290px;padding:25px}.sample-replay p{font-size:13px}.replay-privacy{align-items:flex-start;font-size:9px;line-height:1.6}.replay-privacy>svg{margin-top:2px}.replay-privacy>span{flex:1;min-width:0}.replay-privacy .text-button{margin-left:21px;font-size:11px}.analysis-panel h2{font-size:23px}.analysis-panel>p,.recommendation p,.analysis-panel-heading>span:first-child{font-size:14px}.recommendation>span{font-size:13px}.small-heading{font-size:11px}.evidence-list button{min-height:44px;font-size:13px}.evidence-time{padding:4px 6px;font-size:11px}.analysis-panel p.analysis-disclosure{font-size:11px}.model-label{font-size:10px}.playback-bar{padding:12px}.playback-controls{flex-wrap:wrap;gap:7px}.playback-options{margin-left:auto}.skip-control{font-size:9px}.skip-control input{width:16px;height:16px}.playback-controls .icon-button{width:27px}.player-time{font-size:10px}.player-stage{min-height:160px}.player-canvas{min-height:120px}.settings-tabs{gap:3px;margin-bottom:27px}.settings-tabs button{padding:8px;font-size:10px}.settings-tabs button svg{width:13px}.settings-section{gap:14px;margin-bottom:27px;padding-bottom:27px}.settings-section h2{font-size:18px}.settings-section>div>p{font-size:13px}.section-number{width:23px;height:23px;margin-top:2px;font-size:11px}.domain-detail{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}.domain-detail>span{font-size:12px}.dns-record{gap:12px;padding:13px}.dns-record label:first-of-type,.dns-record label:nth-of-type(2){flex:1 0 100%}.dns-record code{font-size:11px}.code-block{flex-direction:column;gap:14px;padding:14px}.code-block>code{font-size:11px}.field-hint{font-size:11px!important}.setup-tip{margin-left:0;padding:16px}.setup-tip p{font-size:12px}.field>span{font-size:13px}.field>input,.field>select{min-height:44px;font-size:16px}.field>small{font-size:11px}.settings-form>.button{min-height:39px;font-size:13px}.privacy-facts{gap:15px;font-size:12px;line-height:1.6}.privacy-facts svg{align-self:flex-start}.modal{padding:23px}.modal>p{font-size:13px}.modal-actions .button{min-height:40px;font-size:13px}.welcome{margin:35px auto}.welcome h1{font-size:33px}.welcome p{font-size:14px}.welcome-features{flex-direction:column;align-items:center;gap:16px;margin-top:38px;font-size:12px}.empty-state{padding:43px 10px}.empty-state p{font-size:13px}.empty-state h2{font-size:20px}.auth-page .muted-link{font-size:13px}.icon-button{min-height:36px}.auth-page>.brand{margin-bottom:12px}}@media (width<=390px){.main-content{padding-inline:17px}.topbar{gap:9px;padding-inline:15px}.metrics-strip{gap:10px}.metric-label{font-size:9px}.metric-foot{font-size:8px}.session-main small{max-width:23ch}.demo-banner span{max-width:185px}.demo-banner a{font-size:7px}.playback-options{flex-basis:100%;justify-content:flex-end}.settings-tabs button{padding:8px 6px;font-size:9px}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.metric-foot,.project-switcher .field-hint,.collection-note small,.account-row small,.nav-count,.session-time,.session-duration,.session-main small,.row-arrow,.list-footer,.app-footer,.breadcrumb,.field-hint,.field>small,.analysis-panel p.analysis-disclosure,.model-label,.small-heading,.replay-privacy,.back-link,.new-project-link,.dns-record label,.quiet-label,.filter-tabs button,.search-field input::placeholder{color:var(--faint)}.insight-preview .eyebrow,.insight-preview p,.recommendation p,.recommendation>span,.recommendation-inline,.setup-tip p,.dns-label,.dns-record code,.code-block>code{color:var(--accent-text)}.analysis-ready,.privacy-facts,.domain-status.active{color:var(--success)}.metric-foot,.retention-note small{color:var(--faint)}@media (width<=760px){.icon-button.mobile-only,.nav-item,.filter-tabs button,.page-heading>.button{min-height:44px}.icon-button.mobile-only{min-width:44px}.page-heading p,.insight-list-item p,.recommendation-inline,.analysis-panel>p,.recommendation p,.settings-section>div>p,.welcome p,.empty-state p{font-size:16px;line-height:1.6}.insight-preview p{font-size:13px}.settings-section p.field-hint{font-size:12px!important}.demo-banner span{font-size:9px}.session-main strong{font-size:15px}}.session-table-header{color:var(--faint)}.notice.success{color:var(--success)}.badge{color:var(--muted)}.remove-ai{margin-top:20px;display:block}.masking-form{max-width:none}.masking-form textarea{resize:vertical;min-height:120px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;width:100%;padding:12px}.masking-rules-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.masking-rules-heading h3{margin:0;font-size:16px;font-weight:600}.masking-rule-list{gap:16px;display:grid}.masking-rule{border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,1fr) minmax(135px,.8fr) minmax(180px,1.4fr) 36px;align-items:end;gap:12px;padding-bottom:16px;display:grid}.masking-rule>.icon-button{margin-bottom:20px}.masking-rule .field,.masking-test .field{min-width:0}.masking-pattern input{font-family:monospace}.masking-empty{color:var(--muted);padding:16px 0}.masking-protection{color:var(--muted);align-items:flex-start;gap:10px;font-size:13px;display:flex}.masking-protection svg{flex-shrink:0;margin-top:3px}.masking-protection p{margin:0}.masking-test{grid-template-columns:1fr 2fr;gap:16px;display:grid}.masking-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:0}.masking-test-result{margin-top:16px;font-weight:600}.masking-learned{margin:0;padding:0;list-style:none}.masking-learned li{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:16px 0;display:flex}.masking-learned li>div{overflow-wrap:anywhere;flex:1;min-width:0}.masking-learned small{color:var(--muted);margin-top:4px;display:block}.masking-clear{padding:16px 0}.masking-clear .button+.button{margin-left:12px}@media (width<=700px){.masking-rule{grid-template-columns:1fr 1fr}.masking-pattern{grid-column:1/-1}.masking-rule>.icon-button{grid-column:2;justify-self:end}.masking-test{grid-template-columns:1fr}.masking-form textarea{font-size:16px}.masking-learned li{flex-wrap:wrap}}.masking-settings .masking-prompt{margin:24px 0}.masking-prompt textarea{resize:vertical;min-height:140px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;width:100%;padding:14px}.masking-prompt textarea:focus-visible{outline:2px solid var(--accent)}.masking-settings .masking-protection{margin:20px 0}.masking-settings>section .button[type=submit]{margin-top:16px}.masking-advanced>summary,.masking-test-metadata>summary{cursor:pointer;padding:12px 0;font-weight:600}.masking-advanced>summary{font-size:18px}.masking-advanced>summary span{color:var(--muted);margin:8px 0 0 18px;font-size:14px;font-weight:400;display:block}.masking-advanced h3{margin:32px 0 16px}.masking-history-search>div{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.masking-history-search input{border:0;width:100%;min-width:0}.masking-history-search>div:focus-within{outline:2px solid var(--accent)}.masking-path-rule{align-items:center;gap:12px;display:flex}.masking-path-rule .field{flex:1;min-width:0}.masking-path-rule input{font-family:monospace}.masking-settings .masking-test-metadata{margin-bottom:20px}.masking-history{margin-bottom:24px}@media (width<=700px){.masking-prompt textarea{font-size:16px}.masking-history .masking-learned li>div{flex-basis:100%}}.button,.icon-button,.project-switcher,.nav-item,.search-field,.field>input,.field>select{border-radius:var(--radius-control)}.button{min-height:38px}.button.small{min-height:30px}.topbar-actions{align-items:center;gap:24px;display:flex}.scene-switcher{color:var(--muted);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);align-items:center;gap:7px;min-height:38px;padding:0 9px;display:inline-flex}.scene-switcher>svg{color:var(--accent-text)}.scene-switcher select{color:var(--ink);cursor:pointer;background:0 0;border:0;max-width:139px;padding:7px 2px;font-size:12px}.scene-switcher:focus-within{outline:2px solid var(--accent);outline-offset:3px}.scene-switcher select:focus-visible{outline:none}.scene-switcher option{background:var(--surface);color:var(--ink)}.sidebar-top{padding-inline:4px}.nav-item{font-weight:500}.nav-item.selected{background:var(--accent-soft);color:var(--accent-text);font-weight:500}.project-switcher{background:var(--surface)}.main-content{padding-top:36px}.page-heading .eyebrow{text-transform:none;letter-spacing:.2px;font-size:12px}.page-heading h1{letter-spacing:-1.25px;font-size:36px;font-weight:550}.page-heading p{font-size:14px}.metrics-strip{gap:24px;padding-block:24px}.metric-label{white-space:nowrap;font-size:12px}.metric-foot{font-size:11px}.metrics-strip strong{font-size:34px}.insight-preview{border-radius:var(--radius-panel);gap:16px;padding:24px}.insight-icon{width:auto;height:auto;color:var(--accent-text);background:0 0;border-radius:0}.insight-preview h2{font-size:18px;font-weight:550}.insight-preview p{font-size:13px}.insight-preview .eyebrow{letter-spacing:.7px;font-size:10px}.insight-preview .button{font-size:12px}.filter-tabs button{border-radius:var(--radius-control)}.session-table-header{background:0 0;border-top:0;font-size:11px}.session-row{padding-block:18px}.session-play{background:var(--surface);border-radius:50%}.session-main strong{font-size:14px}.session-main small{font-size:11px}.search-field{width:230px;min-height:38px}.search-field input{font-size:12px}.app-footer{gap:24px}.app-footer>a:first-of-type{margin-left:auto}.demo-banner{background:var(--banner);color:var(--on-banner)}.welcome-icon{background:0 0;width:auto;height:auto}.welcome-icon .brand-mark{width:64px;height:66px}.welcome-features{font-size:13px}.sample-replay{border-radius:var(--radius-panel)}.player-stage{background:var(--well)}.recommendation,.setup-tip,.dns-record,.domain-detail,.code-block{border-radius:14px}.auth-page{background:var(--page)}.auth-page .scene-switcher{margin-block:16px}.public-page{flex-direction:column;min-height:100vh;display:flex}.public-header,.public-footer{width:min(1280px,100%);margin-inline:auto;padding-inline:48px}.public-header{justify-content:space-between;align-items:center;gap:24px;padding-block:32px;display:flex}.public-header .brand{font-size:28px}.public-header .brand-mark{width:38px;height:39px}.public-footer{color:var(--muted);align-items:center;gap:28px;padding-block:28px;font-size:12px;display:flex}.public-footer a{align-items:center;gap:7px;display:inline-flex}.public-footer a:hover{color:var(--accent-text)}.public-footer a:first-of-type{margin-left:auto}.sign-in-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:72px;width:min(1280px,100%);margin:auto;padding:40px 48px 60px;display:grid}.sign-in-story{isolation:isolate;min-width:0;position:relative}.sign-in-story>.eyebrow{text-transform:none;letter-spacing:.3px;color:var(--accent-text);font-size:13px}.sign-in-story h1{letter-spacing:-2px;max-width:18ch;margin-top:20px;font-size:clamp(38px,4.1vw,58px);line-height:1.12}.sign-in-story h1 span{color:var(--muted)}.sign-in-story>p{max-width:45ch;margin-top:24px;font-size:17px;line-height:1.7}.story-mark{z-index:-1;opacity:.035;pointer-events:none;position:absolute;top:35px;right:-20px}.story-mark .brand-mark{width:260px;height:265px}.story-steps{gap:22px;margin:38px 0;display:grid}.story-steps dt{gap:13px;font-size:15px;font-weight:550;display:flex}.story-steps dt>span{color:var(--accent-text);font-variant-numeric:tabular-nums;font-size:12px;line-height:21px}.story-steps dd{color:var(--muted);margin:7px 0 0 29px;font-size:13px}.story-facts{border-top:1px solid var(--line);flex-wrap:wrap;gap:20px;padding-top:24px;display:flex}.story-facts>span{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.sign-in-panel{border:1px solid var(--line);background:var(--surface);border-radius:28px;flex-direction:column;align-items:center;min-width:0;padding:36px 20px;display:flex}.sign-in-panel-intro{flex-direction:column;align-items:center;gap:15px;padding-bottom:24px;display:flex}.sign-in-panel-intro .brand-mark{width:48px;height:49px}.sign-in-panel-intro p{font-size:14px}.sign-in-panel .clerk-card-box{box-shadow:none;width:min(100%,400px)}.sign-in-panel .clerk-card{box-shadow:none;background:0 0;padding:20px 24px 28px}.sign-in-panel .sample-link{min-height:44px;padding-top:24px;font-size:13px}.clerk-primary{color:var(--on-accent)!important}.clerk-primary span{color:inherit}[data-scene=nightfall] .sign-in-story h1 span{color:var(--ink)}.design-main{width:min(1280px,100%);margin-inline:auto;padding:48px 48px 64px}.design-hero{grid-template-columns:1.6fr 1fr;align-items:center;gap:64px;padding-bottom:56px;display:grid}.design-hero h1{letter-spacing:-2.5px;margin-block:22px;font-size:clamp(44px,5.4vw,72px);font-weight:550;line-height:1.05}.design-hero p{max-width:42ch;font-size:17px;line-height:1.65}.design-hero-mark{justify-content:center;display:flex}.design-hero-mark .brand-mark{width:min(100%,270px);height:auto}.design-nav{border-block:1px solid var(--line);gap:28px;padding-block:19px;display:flex;overflow-x:auto}.design-nav a{white-space:nowrap;color:var(--muted);font-size:13px}.design-nav a:hover{color:var(--accent-text)}.design-section{padding-top:64px;scroll-margin-top:24px}.design-section-heading{margin-bottom:28px}.design-section-heading h2{letter-spacing:-.8px;margin-block:12px;font-size:28px;font-weight:550}.design-section-heading p{max-width:62ch;font-size:15px}.identity-board{border-radius:var(--radius-panel);border:1px solid var(--line);grid-template-columns:2fr 1fr 1fr;display:grid;overflow:hidden}.identity-board>div{flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:190px;padding:48px 24px 24px;display:flex}.identity-board>div>span{color:var(--muted);font-size:11px}.identity-lockup{background:var(--surface)}.identity-lockup .brand{gap:16px;font-size:38px}.identity-lockup .brand-mark{width:52px;height:53px}.identity-single{background:var(--surface-alt)}.identity-single .brand-mark{width:64px;height:65px}.identity-reverse{background:var(--ink)}.identity-reverse .brand-mark{width:64px;height:65px;color:var(--page)}.identity-reverse>span{color:var(--page)!important}.design-note{justify-content:space-between;align-items:center;gap:32px;padding-top:20px;display:flex}.design-note p{max-width:70ch;font-size:13px}.design-note .text-button{white-space:nowrap}.scene-choices{grid-template-columns:1fr 1fr;gap:24px;display:grid}.scene-choice{border:1px solid var(--line-strong);border-radius:var(--radius-panel);background:var(--surface);color:var(--ink);text-align:left;padding:24px}.scene-choice[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:3px}.scene-miniature{background:var(--page);border:1px solid var(--line);border-radius:10px;grid-template-columns:60px 1fr;gap:24px;height:180px;padding:22px;display:grid;position:relative}.scene-miniature .brand-mark{width:25px;height:26px}.scene-miniature>div{align-content:start;gap:18px;padding-top:5px;display:grid}.scene-miniature i{background:var(--well);border-radius:5px;height:20px;display:block}.scene-miniature i:first-child{background:var(--accent-soft);width:60%}.scene-miniature>span{background:var(--sidebar);border-radius:5px;width:38px;position:absolute;top:68px;bottom:22px;left:22px}.scene-choice-caption{justify-content:space-between;align-items:center;padding-top:20px;display:flex}.scene-choice-caption>span{align-items:center;gap:10px;font-size:15px;font-weight:550;display:flex}.scene-choice-caption small{margin-left:2px;font-size:12px}.scene-system-note{margin-top:22px;font-size:13px}.palette-grid{grid-template-columns:repeat(8,1fr);gap:14px;padding-top:30px;display:grid}.palette-swatch{flex-direction:column;gap:7px;min-width:0;display:flex}.palette-swatch>div{border:1px solid var(--line);border-radius:12px;height:84px;margin-bottom:5px}.palette-swatch strong{font-size:12px}.palette-swatch code{color:var(--muted);font-size:11px}.palette-swatch small{font-size:10px}.type-specimen{border-block:1px solid var(--line);grid-template-columns:1fr 2fr;align-items:center;gap:40px;padding-block:35px;display:grid}.type-specimen>div:first-child{flex-direction:column;gap:14px;display:flex}.type-alphabet{letter-spacing:-5px;font-size:96px;line-height:1}.type-specimen code{color:var(--muted);font-size:12px}.type-specimen h3{letter-spacing:-.8px;font-size:30px;font-weight:550}.type-specimen p{margin-block:16px 24px;font-size:16px}.type-numbers{font-variant-numeric:tabular-nums;color:var(--accent-text);font-size:15px}.element-board{background:var(--surface-alt);border-radius:var(--radius-panel);grid-template-columns:1fr 1fr;gap:56px;padding:32px;display:grid}.element-board>div{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.element-board .field{width:100%;max-width:350px}.element-board .field>input{width:100%}.design-principles{grid-template-columns:repeat(3,1fr);gap:32px;margin:0;display:grid}.design-principles dt{font-size:16px;font-weight:550}.design-principles dd{color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.7}@media (width<=1100px){.sign-in-grid{gap:36px}.sign-in-story h1{font-size:44px}.palette-grid{grid-template-columns:repeat(4,1fr);gap:20px}.public-header,.public-footer,.design-main,.sign-in-grid{padding-inline:32px}}@media (width<=760px){.topbar-actions{gap:10px;margin-left:auto}.topbar-actions .domain-status{display:none}.topbar .scene-switcher{padding-inline:7px}.scene-switcher{min-height:44px}.scene-switcher select{max-width:122px;min-height:42px;font-size:12px}.button,.button.small{min-height:44px}.sidebar .brand{font-size:24px}.sidebar .brand-mark{width:32px;height:33px}.page-heading h1{font-size:30px}.page-heading .eyebrow{font-size:11px}.page-heading p{font-size:16px}.metric-label{font-size:10px}.metric-foot{font-size:10px;line-height:1.5}.metrics-strip strong{font-size:30px}.insight-preview{border-radius:16px;grid-template-columns:20px minmax(0,1fr);gap:12px;padding:20px;display:grid}.insight-preview>.button{grid-column:2;justify-self:start;min-height:44px;position:static}.insight-preview>.insight-icon{align-self:start;width:auto;height:auto}.insight-preview p{font-size:16px}.insight-preview h2{font-size:17px;line-height:1.45}.search-field{width:100%}.search-field input{font-size:16px}.session-main strong{font-size:15px}.session-main small{font-size:11px}.app-footer{flex-wrap:wrap;justify-content:flex-start;gap:16px;font-size:11px}.app-footer>span{flex-basis:100%}.app-footer>a:first-of-type{margin-left:0}.public-header{gap:14px;padding:22px}.public-header .brand{gap:9px;font-size:23px}.public-header .brand-mark{width:31px;height:32px}.public-footer{flex-wrap:wrap;gap:16px;padding:24px 22px;font-size:12px}.public-footer>span{flex-basis:100%}.public-footer a:first-of-type{margin-left:0}.sign-in-grid{flex-direction:column;gap:32px;padding:22px 22px 35px;display:flex}.sign-in-story h1{letter-spacing:-1.4px;font-size:clamp(28px,9.2vw,39px)}.sign-in-story>p{font-size:16px}.story-mark{right:0}.story-mark .brand-mark{width:190px;height:193px}.story-steps{display:none}.story-facts{gap:12px;margin-top:25px;padding-top:18px}.story-facts>span{font-size:11px}.sign-in-panel{border-radius:20px;width:100%;padding:28px 10px}.sign-in-panel .clerk-card{padding-inline:16px}.design-main{padding:28px 22px 40px}.design-hero{grid-template-columns:1fr;gap:28px;padding-bottom:32px}.design-hero h1{letter-spacing:-1.8px;font-size:48px}.design-hero p{font-size:16px}.design-hero-mark{justify-content:flex-start}.design-hero-mark .brand-mark{width:104px}.design-nav{flex-wrap:wrap;gap:0 22px;padding-block:6px}.design-nav a{align-items:center;min-height:44px;display:flex}.design-section{padding-top:42px}.design-section-heading h2{font-size:25px}.design-section-heading p{font-size:16px}.identity-board{grid-template-columns:1fr 1fr}.identity-lockup{grid-column:1/-1}.identity-lockup .brand{font-size:33px}.identity-board>div{gap:23px;min-height:170px;padding:28px 16px 22px}.design-note{flex-direction:column;align-items:flex-start;gap:16px}.design-note p{font-size:15px}.scene-choices{gap:16px}.scene-choice{border-radius:16px;padding:14px}.scene-miniature{grid-template-columns:25px 1fr;gap:12px;height:130px;padding:14px}.scene-miniature>span{width:25px;top:58px;bottom:14px;left:14px}.scene-miniature .brand-mark{width:22px;height:23px}.scene-miniature i{height:13px}.scene-choice-caption>span{flex-wrap:wrap;gap:7px;font-size:13px}.scene-choice-caption small{flex-basis:100%;margin-left:25px;font-size:11px}.scene-choice-caption>svg{width:15px}.scene-system-note{font-size:15px}.palette-grid{grid-template-columns:repeat(2,1fr);gap:22px}.palette-swatch>div{height:92px}.palette-swatch strong{font-size:14px}.palette-swatch code{font-size:12px}.palette-swatch small{font-size:11px}.type-specimen{grid-template-columns:1fr;gap:32px}.type-specimen h3{font-size:26px}.element-board{grid-template-columns:1fr;gap:38px;padding:24px}.design-principles{grid-template-columns:1fr;gap:28px}.design-principles dt,.design-principles dd{font-size:16px}}@media (width<=360px){.design-hero h1{font-size:40px}}@media (width<=390px){.public-header{padding-inline:17px}.public-header .brand{gap:8px;font-size:21px}.public-header .brand-mark{width:28px;height:29px}.public-header .scene-switcher{gap:4px;padding-inline:7px}.public-header .scene-switcher select{max-width:115px;font-size:11px}.breadcrumb span:first-child{max-width:78px}.topbar{gap:9px}.topbar-actions .scene-switcher>svg{display:none}.scene-choice-caption small{margin-left:0}}.demo-guide{border-block:1px solid var(--line);margin-bottom:24px;padding-block:24px}.demo-guide-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:16px;display:flex}.demo-guide h2,.demo-context h2,.demo-checkpoints h2{letter-spacing:-.4px;margin:8px 0;font-size:20px;font-weight:550}.demo-guide-heading p{max-width:700px;color:var(--muted);margin:0;font-size:14px;line-height:1.65}.demo-scenarios{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;display:grid}.demo-scenario{border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:16px;min-width:0;padding:20px 0;display:flex}.demo-scenario:hover{color:var(--accent-text)}.demo-scenario>span:nth-child(2){flex:1;min-width:0}.demo-scenario>svg,.demo-scenario-number{flex-shrink:0}.demo-scenario-number{color:var(--accent-text);font-variant-numeric:tabular-nums;font-size:13px}.demo-scenario strong{margin-bottom:6px;font-size:15px;font-weight:550;display:block}.demo-scenario small{color:var(--muted);font-size:13px;line-height:1.6;display:block}.demo-context{border-bottom:1px solid var(--line);margin-top:24px;padding-block:24px}.demo-context p,.demo-checkpoints p{color:var(--muted);font-size:14px;line-height:1.65}.demo-context dl{grid-template-columns:80px minmax(0,1fr);gap:16px;font-size:14px;line-height:1.65;display:grid}.demo-context dt{font-weight:550}.demo-context dd{color:var(--muted);margin:0}.demo-context small{color:var(--faint);font-size:12px;line-height:1.65;display:block}.demo-checkpoints{padding-block:16px}.demo-checkpoints .text-button{text-align:left;min-height:44px;display:flex}@media (width<=700px){.demo-guide-heading{flex-direction:column;gap:16px}.demo-scenarios{grid-template-columns:1fr}.demo-guide-heading p,.demo-context p,.demo-context dl,.demo-checkpoints p{font-size:16px}.demo-scenario{padding-block:20px}.demo-scenario small{font-size:14px}.demo-context dl{grid-template-columns:1fr;gap:4px}}.agent-page .public-header{padding-block:24px}.agent-main{flex:1;width:min(100% - 48px,600px);margin:8px auto 64px}.agent-main-wide{width:min(100% - 48px,880px)}.agent-toolbar .text-button{min-height:44px}.agent-toolbar{justify-content:space-between;align-items:center;min-height:44px;margin-bottom:24px;display:flex}.agent-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);gap:20px;padding:28px;display:grid}.agent-card>.eyebrow{margin-bottom:-16px}.agent-card h1{font-size:30px}.agent-card strong{color:var(--ink)}.agent-project{border-block:1px solid var(--line);gap:12px;margin:0;padding-block:16px;display:grid}.agent-project div{grid-template-columns:140px minmax(0,1fr);gap:16px;font-size:14px;display:grid}.agent-project dt{color:var(--muted)}.agent-project dd{overflow-wrap:anywhere;margin:0}.agent-permissions{gap:12px;margin:16px 0;padding:0;list-style:none;display:grid}.agent-permissions li{align-items:start;gap:10px;font-size:14px;line-height:1.6;display:flex}.agent-permissions svg{color:var(--success);margin-top:3px}.agent-permission-note{margin-top:12px}.agent-approval-form{border-top:1px solid var(--line);gap:12px;padding-top:24px;display:grid}.agent-approval-form .field{margin-bottom:0}.agent-approval-form input{letter-spacing:3px;font-variant-numeric:tabular-nums;width:min(100%,240px);min-height:46px;font-size:20px}.agent-approval-form input::placeholder{letter-spacing:normal;font-size:16px}.agent-actions{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.agent-actions .button{min-height:44px}.agent-result{justify-items:start;gap:16px;display:grid}.agent-result>svg{color:var(--success)}.agent-footer{color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:24px;font-size:12px;display:flex}.agent-heading{gap:12px;margin-bottom:32px;display:grid}.agent-grants{margin:0;padding:0;list-style:none}.agent-count{padding-bottom:12px}.agent-load-more{min-height:44px;margin-top:12px}.agent-grant{border-top:1px solid var(--line);justify-content:space-between;gap:24px;padding-block:28px;display:flex}.agent-grant-info{overflow-wrap:anywhere;flex:1;min-width:0}.agent-grant-title{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:4px;display:flex}.agent-grant-status{color:var(--muted);font-size:12px}.agent-revoke{max-width:240px}.agent-empty{border-top:1px solid var(--line);justify-items:start;gap:16px;max-width:580px;padding-block:32px;display:grid}.agent-empty>svg{color:var(--accent-text)}.agent-signin-note{max-width:360px;margin:0 auto 24px}.agent-main>.notice{margin-bottom:20px}@media (width<=600px){.agent-main,.agent-main-wide{width:calc(100% - 32px);margin-top:0;margin-bottom:32px}.agent-card{gap:20px;padding:24px 20px}.agent-card h1{font-size:28px}.agent-card>.eyebrow{margin-bottom:-10px}.agent-main p,.agent-permissions li,.agent-project div{font-size:16px}.agent-project div{grid-template-columns:1fr;gap:4px}.agent-grant{flex-direction:column;gap:16px}.agent-revoke{max-width:none}.agent-actions .button{flex:1}.agent-revoke>.button{min-height:44px}}