:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#24272b;background:#f6f7f9;font-synthesis:none;font-size:14px;--accent:#d4ef8c;--ink:#202428;--muted:#6d7785;--line:#e8eaee;--sidebar:232px;--radius:12px}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9cbe51;outline-offset:3px}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.skip-link{position:fixed;z-index:10001;top:8px;left:8px;transform:translateY(-150%);background:var(--ink);color:white;padding:12px;border-radius:8px}.skip-link:focus{transform:none}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.7}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#969ca4}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:28px 17px 0;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:9px;align-items:center;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-1.2px;font-size:27px;padding:0 13px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;background:var(--accent);border-radius:9px;color:#243322}.brand-mark .icon{width:22px;height:22px;stroke-width:1.8}.brand-period{color:#769a30}.workspace-switch{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;margin-top:33px;padding:11px 9px}.workspace-avatar,.user-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;background:#edf0f4;border:1px solid #e1e4ea;border-radius:8px;color:#586274;font-size:12px;font-weight:700}.workspace-switch strong{display:block;font-size:11px;font-weight:600;max-width:124px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-switch small{font-size:9px;color:#979da6;display:block;margin-top:3px}.workspace-chevron{font-size:14px;color:#a4a9b0;margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.4px;font-weight:650;color:#a3a8b0;padding-left:12px;margin:29px 0 12px}.nav{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:500;color:#777e88;border-radius:7px;padding:12px 13px;margin:4px 0;transition:background .15s}.nav:hover{background:#f6f7f8;color:#262b31}.nav.active{background:#282e32;color:white}.nav.active .icon{color:var(--accent)}.nav-count{margin-left:auto;font-size:9px;background:#f0f2f5;color:#8c939d;border-radius:4px;min-width:18px;text-align:center;padding:2px 4px}.nav.active .nav-count{background:#42484b;color:#dce2e2}.sidebar-tip{border:1px solid #e9eddc;background:#fbfcf8;padding:16px 13px;border-radius:9px;margin: auto 1px 24px}.tip-icon{display:flex;align-items:center;justify-content:center;border-radius:7px;width:27px;height:27px;background:#edf4d8;color:#6b8639;margin-bottom:12px}.tip-icon .icon{width:16px;height:16px}.sidebar-tip strong{font-size:11px;font-weight:600;display:block}.sidebar-tip p{font-size:10px;line-height:1.8;color:#959c8a;margin:7px 0 14px}.sidebar-tip a{display:flex;justify-content:space-between;font-size:10px;font-weight:600;color:#637841}.sidebar-bottom{border-top:1px solid var(--line);padding:18px 0;display:flex;align-items:center;gap:9px}.sidebar-bottom strong{font-size:10px;font-weight:600;display:block}.sidebar-bottom div>span{display:block;font-size:9px;color:#9ba1a9;margin-top:4px}.sidebar-bottom .icon-button{margin-left:auto}.icon-button{border:0;background:none;color:#9a9fa7;padding:6px;font-size:21px;line-height:1;min-width:28px;min-height:30px;border-radius:5px}.icon-button:hover{background:#f2f4f6;color:#333}main{margin-left:var(--sidebar);min-width:0}.topbar{height:68px;padding:0 38px;background:#ffffffde;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;top:0;z-index:20}.breadcrumb{display:flex;align-items:center;gap:14px;font-size:11px;color:#9ba0a8}.breadcrumb strong{font-weight:500;color:#555c66}.breadcrumb-divider{color:#c7cbd0;font-size:14px}.topbar-actions{display:flex;align-items:center;gap:22px}.topbar-link{font-size:10px;font-weight:500;color:#7a828b}.topbar-link span{margin-left:8px}.local-badge{font-size:9px;border:1px solid var(--line);padding:5px 8px;border-radius:4px;color:#8a9099;background:#fff}.page-view{max-width:1540px;margin:0 auto;padding:35px 38px 0;animation:appear .15s ease-out}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading h1,.replay-heading h1{font-family:Manrope,sans-serif;font-size:27px;font-weight:750;letter-spacing:-1.1px;line-height:1.3;margin:8px 0 9px}.page-heading p{font-size:13px;line-height:1.7;margin:0}.page-actions{display:flex;align-items:center;gap:9px;padding-top:19px}.button,button.primary,button.secondary,button.quiet,button.danger,form button[type=submit],#play,#pause,#fullscreen,#delete,#copy,#copy-api-key,#dismiss-api-key{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:500;padding:10px 14px;min-height:37px;border-radius:6px;border:1px solid #dfe3e8;line-height:1.35;white-space:nowrap;transition:background .12s}.primary,form button[type=submit],#play,#copy-api-key{background:#283035;color:white;border-color:#283035!important}.primary:hover,form button[type=submit]:hover,#play:hover{background:#3b4649}.button.primary .icon{width:15px;height:15px;color:var(--accent)}.secondary,.quiet,#pause,#fullscreen,#copy,#dismiss-api-key{background:#fff;color:#5c6470}.secondary:hover,.quiet:hover,#pause:hover,#fullscreen:hover{background:#f6f7f9}.danger,#delete{background:white;border-color:#efdcda!important;color:#b95b54}.danger:hover,#delete:hover{background:#fff5f4}.button .icon,button .icon{width:14px;height:14px}.status-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#6b7d53;border:1px solid #e4e9d9;background:#f8fbf2;padding:5px 8px;border-radius:5px;white-space:nowrap}.status-chip .icon{width:12px;height:12px}.status-dot{height:5px;width:5px;border-radius:50%;background:#92ad64;box-shadow:0 0 0 2px #92ad6410}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.metrics article{border:1px solid var(--line);border-radius:var(--radius);background:white;padding:19px 21px;box-shadow:0 2px 3px #242d3602}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#727d8a;font-size:12px}.metric-icon{color:#a0a9b4;background:#f5f7fa;border:1px solid #edf0f4;display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:6px}.metric-icon .icon{width:14px;height:14px}.metric-icon.amber{color:#b99a65;background:#fcf8ee;border-color:#f4eddd;font-weight:700;font-size:12px}.metrics strong{display:block;font-family:Manrope,sans-serif;font-size:29px;font-weight:650;letter-spacing:-1px;margin-top:11px;line-height:1.2}.metrics p{font-size:11px;color:#89929f;margin:9px 0 0}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 3px #242d3602}.recording-toolbar{padding:17px 19px;display:flex;justify-content:space-between;align-items:center;gap:15px}.segment-control{display:flex;gap:5px}.segment-control button{font-size:11px;border:0;background:transparent;color:#959ca6;padding:8px 9px;border-radius:5px;display:flex;align-items:center;gap:7px;white-space:nowrap}.segment-control button.selected{background:#f0f2f5;color:#414951;font-weight:600}.segment-control span{background:white;border:1px solid #e8ebee;border-radius:4px;padding:1px 4px;font-size:8px;min-width:17px}.table-controls{display:flex;gap:9px;align-items:center}.table-controls select{max-width:200px}.search-field{display:flex;gap:8px;align-items:center;border:1px solid #e2e5e9;background:#fff;border-radius:6px;padding-left:10px;width:190px;color:#a1a8b0}.search-field .icon{width:14px;height:14px}.search-field input{border:0!important;background:transparent!important;padding:9px 9px 9px 0!important;min-height:33px!important;font-size:11px!important}.search-field input:focus{outline:0}.search-field:focus-within{outline:2px solid #a8bf75;outline-offset:1px}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:10px;letter-spacing:.8px;color:#84909e;font-weight:500;padding:13px 21px;background:#fafbfc;border-block:1px solid var(--line)}td{font-size:12px;color:#74808e;padding:17px 21px;border-bottom:1px solid #eff1f4}td:first-child{color:#525c68}#sessions tr:hover{background:#fbfcfd}.session-identity{display:flex;align-items:center;gap:10px}.session-avatar{display:flex;align-items:center;justify-content:center;background:#f0f3f7;color:#9aa8b7;width:30px;height:32px;border-radius:6px;font-size:11px}.session-avatar .icon{width:16px;height:16px}.session-name{font-weight:600;font-size:12px;display:block;color:#4c5765;letter-spacing:.1px}.session-subtitle{font-size:10px;color:#acb2ba;display:block;margin-top:4px}.table-date{display:block;font-size:12px;color:#74808e}.table-time{display:block;font-size:10px;color:#adb3bc;margin-top:4px}.page-pill{font-size:10px;background:#f5f7fa;padding:4px 7px;border:1px solid #eaedf2;border-radius:4px;color:#8793a3}.issue-pill{font-size:10px;padding:4px 7px;background:#fff8ec;border:1px solid #f5e8cf;color:#b99254;border-radius:4px}.no-issues{color:#b8bec7}.watch-button{display:flex;align-items:center;justify-content:center;width:30px;height:29px;padding:0;background:#fff;border:1px solid #e4e8ed;border-radius:5px;color:#8a97a6}.watch-button .icon{width:14px;height:14px}.watch-button:hover{color:#3d541a;background:#f0f6e5;border-color:#cdddb2}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 21px;font-size:10px;color:#a7aeb7}.table-footer>span:last-child{display:flex;align-items:center;gap:5px;font-size:8px}.table-footer .icon{width:11px;height:11px}.load-more{margin:20px auto 0;display:flex!important}.load-more[hidden]{display:none!important}.empty{text-align:center;padding:60px 20px}.empty h3{font-family:Manrope,sans-serif;font-size:17px;margin:17px 0 9px;letter-spacing:-.4px}.empty p{color:#a0a7b0;font-size:11px;line-height:1.8;margin:0 0 20px}.empty-icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border:1px solid #e6ecd9;border-radius:13px;background:#f4f8ed;color:#9bb66d}.empty-icon .icon{width:23px;height:23px}.workspace-footer{margin:23px 38px 0;padding:0 0 24px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#acb1ba;font-size:8px;max-width:1464px}.text-button{border:0;background:none;color:#9ba3af;font-size:8px;padding:5px;cursor:pointer}.workspace-footer p{flex-basis:100%;font-size:10px;margin:0}.toast{position:fixed;left:calc(var(--sidebar) + 30px);bottom:18px;z-index:10020;background:#283135;color:#f1f5f6;border-radius:9px;box-shadow:0 5px 25px #17262e25;padding:13px 18px;max-width:560px;font-size:12px;line-height:1.6;margin:0;overflow-wrap:anywhere}.section-line{display:flex;align-items:center;justify-content:space-between;margin:3px 0 16px}.section-line strong{font-size:12px;font-weight:600}.section-line .small{font-size:10px}.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.store-card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0;transition:box-shadow .15s,transform .15s}.store-card:hover{box-shadow:0 5px 20px #1a29370b;transform:translateY(-1px)}.store-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.store-avatar{background:#f0f4e7;color:#829455;border:1px solid #e8eddc;border-radius:10px;width:39px;height:39px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:650}.store-card:nth-child(3n+2) .store-avatar{background:#eef3fc;color:#7896bd;border-color:#e7ecf4}.store-card:nth-child(3n+3) .store-avatar{background:#f5eff9;color:#9c81b4;border-color:#eee5f4}.store-card h2{font-size:14px;font-weight:600;margin:0 0 8px;letter-spacing:-.2px}.store-origin{font-size:10px;color:#929aa5;overflow-wrap:anywhere;min-height:34px;line-height:1.7;margin:0 0 20px}.store-card-meta{font-size:9px;color:#abb2bb;border-top:1px solid #eff1f4;padding-top:13px;display:flex;justify-content:space-between;gap:8px}.store-card-actions{display:flex;gap:9px;margin-top:17px}.store-card-actions .button{font-size:10px;padding:8px 10px;flex:1;min-height:32px}.back-link{font-size:10px;color:#959eaa;display:inline-flex;margin-bottom:18px}.back-link:hover{color:#333}.narrow-page{max-width:900px}.form-panel{padding:27px 30px}.form-panel-title{display:flex;align-items:center;gap:13px;padding-bottom:21px;margin-bottom:21px;border-bottom:1px solid #edf0f3}.form-panel-title h2{font-size:14px;font-weight:600;letter-spacing:-.2px;margin:0 0 5px}.form-panel-title p{margin:0}.large-icon{background:#f3f6ec;color:#94aa6d;border-radius:9px;display:flex;align-items:center;justify-content:center;width:38px;height:38px}.large-icon .icon{width:20px;height:20px}.project-form{display:block}.project-form>div{margin-bottom:22px}.project-form>button{margin-top:6px;width:100%}.form-message{font-size:11px;line-height:1.7;color:#ad7156;overflow-wrap:anywhere}#project-status,#account-status,#key-status,#signin-status,#activation-status{font-size:11px;line-height:1.7;color:#ac7655;overflow-wrap:anywhere}.help-strip{display:flex;gap:13px;color:#9ca888;padding:20px 3px;align-items:flex-start}.help-strip .icon{width:18px;height:18px;flex:none;margin-top:2px}.help-strip p{font-size:10px;line-height:1.8;color:#9ca2aa;margin:0}.help-strip strong{color:#7f8990;font-weight:500}.installation-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:28px;align-items:start}.installation-panel{padding:27px 29px}h2{font-size:15px;font-weight:600;margin:0 0 8px;letter-spacing:-.25px}h3{font-size:14px;font-weight:600;margin:22px 0 12px}.installation-panel h3{margin:0 0 7px}.installation-panel p.small{font-size:10px}.installation-panel label{margin-top:19px}.installation-guide{padding:20px 5px}.installation-guide h2{font-size:13px;margin:0 0 25px}.installation-guide ol{list-style:none;padding:0;margin:0}.installation-guide li{display:flex;gap:14px;margin-bottom:27px}.installation-guide li>span{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e1e6ec;width:26px;height:26px;border-radius:7px;font-size:10px;flex:none;color:#8a99a5}.installation-guide strong{font-size:11px;font-weight:600}.installation-guide p{font-size:10px;line-height:1.8;color:#9ca4ae;max-width:250px;margin:6px 0 0}.help-note{border:1px solid #e7ebdf;background:#fafcf6;border-radius:9px;display:flex;align-items:start;gap:10px;padding:15px}.help-note .icon{color:#9cae7d;width:16px;height:16px;flex:none;margin-top:2px}.help-note p{margin:0;font-size:9px;color:#9ba78c}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.9;font-size:10px;border:1px solid #e4e8ed;background:#f7f9fb;border-radius:8px;padding:20px}#snippet{background:#242d32;color:#c2d3d7;border-color:#242d32;max-height:370px;overflow:auto;font-size:10px}.settings-tabs{display:flex;gap:28px;border-bottom:1px solid #e0e4ea;margin:0 0 30px}.settings-tabs a{font-size:11px;color:#9aa2ad;border-bottom:2px solid transparent;padding:0 1px 13px;margin-bottom:-1px}.settings-tabs a.active{color:#434e54;border-color:#627b36;font-weight:600}.settings-content{display:grid;grid-template-columns:minmax(180px,1fr) minmax(350px,2.2fr);gap:45px;max-width:1100px}.settings-description{padding-top:8px}.settings-description h2{font-size:13px}.settings-description p{font-size:10px;max-width:190px}.settings-illustration{display:flex;align-items:center;justify-content:center;background:#eff3e9;border:1px solid #e4ebdb;border-radius:14px;width:64px;height:64px;color:#afbf97;margin-top:24px}.settings-illustration .icon{width:30px;height:30px}.account-panel .form-panel-title{align-items:flex-start}.account-panel .user-avatar{width:38px;height:38px}.account-panel label{margin-top:20px}.account-panel form>button{margin-top:23px}.key-intro{display:flex;align-items:center;justify-content:space-between;padding:25px 27px;gap:20px;margin-bottom:25px}.key-intro p{font-size:10px;margin:6px 0 0}.key-project-row{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;margin-bottom:25px;max-width:800px}.key-project-row select{width:100%}.keys-panel>.panel-head{padding:20px 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.keys-panel h2{font-size:12px;margin:0}.key-list{list-style:none;padding:0;margin:0}.key-list li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 25px;border-bottom:1px solid #edf0f3}.key-list li:last-child{border:0}.key-list strong{font-size:11px;font-weight:600}.key-list p{font-size:10px;margin:6px 0 0}.key-list button{font-size:10px!important;padding:7px 11px!important;min-height:31px!important}.empty-inline{padding:34px 25px;text-align:center;font-size:11px;color:#a6adb7;margin:0}.key-dialog{width:min(480px,calc(100vw - 32px));border:1px solid #e4e8eb;border-radius:15px;padding:28px;color:var(--ink);box-shadow:0 20px 90px #111c2b25}.key-dialog::backdrop{background:#18232a60;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.dialog-header h2{font-family:Manrope,sans-serif;font-size:19px;margin-top:8px;letter-spacing:-.7px}.dialog-header+.small{font-size:11px;margin-bottom:22px}.key-form label{margin-top:18px}.key-form select{width:100%}.key-form>button{width:100%;margin-top:25px}.secret-panel{padding:17px;background:#f6f9ef;border:1px solid #e1e9d1;border-radius:8px;margin-top:20px}.secret-panel input{font-family:ui-monospace,monospace;font-size:10px!important;background:#fff!important}.secret-panel p{font-size:10px;line-height:1.8;color:#8e9d79}.secret-panel button{font-size:10px!important;margin-top:7px}.back-link+.replay-heading{margin-top:0}.replay-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 24px}.replay-heading h1{font-size:22px}.replay-heading p{font-size:10px;margin:6px 0}.replay-page .panel{border-color:#dfe5ea}.replay-toolbar{padding:21px 24px!important;background:#fcfdfe;border-bottom:1px solid #e9edf1;margin-bottom:16px}.replay-toolbar .eyebrow{font-size:8px}.replay-toolbar h2{font-size:13px;margin:7px 0 0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;flex-wrap:wrap}.filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.playback-controls button{font-size:10px!important;padding:8px 11px!important;min-height:33px!important}.playback-controls select{font-size:10px;min-height:33px}#playback-status{font-size:9px;padding:5px 9px;background:#f0f5e9;border:1px solid #e5ecd9;border-radius:5px;color:#81985f}#playback-time{font-family:ui-monospace,monospace;font-size:10px;color:#a0a8b3}#playback-info{font-size:10px;line-height:1.7;color:#a2aab4;margin-bottom:15px!important}#viewport-size{font-size:9px;color:#9ba6b1}#timeline{width:calc(100% - 48px);margin:0 24px 14px;accent-color:#879f5e;height:5px;cursor:pointer}#player{height:auto!important;min-height:0;overflow:visible;background:#edf0f3;padding:16px}#replay-surface{position:relative;isolation:isolate;overflow:hidden;max-width:100%;background:white;box-shadow:0 3px 20px #15263310}#replay-surface iframe{border:0;display:block;box-sizing:content-box}#replay-details{border-top:1px solid #e5e9ef}#replay-details>summary{font-size:10px;color:#7d8a98;cursor:pointer;background:#fcfdff}#activity-list button{padding:8px 11px!important;min-height:31px;font-size:10px!important;border-color:#e6eaef!important}#console-logs pre{font-size:10px;color:#7c8998}#console-logs>li{margin-block:13px}#console-logs button{white-space:normal;width:100%;font-size:10px}#player-panel:fullscreen,#player-panel.expanded-player{background:#fff;width:100vw;height:100vh;max-width:none;overflow:auto;border:0;border-radius:0;margin:0}#player-panel.expanded-player{position:fixed;inset:0;z-index:10000}#player-panel:fullscreen>.panel-head,#player-panel.expanded-player>.panel-head{padding:12px 20px!important;flex-direction:row;align-items:center}#player-panel:fullscreen #playback-info,#player-panel.expanded-player #playback-info{margin-bottom:8px!important}.loading-state{border:1px solid var(--line);background:white;border-radius:10px;padding:28px;font-size:12px;color:#8c98a4}.signed-out main{margin-left:0}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:white}.auth-story{background:#eff2e9;padding:40px 8%;display:flex;flex-direction:column;position:relative}.auth-story .brand{font-size:28px;padding:0}.auth-story .brand-mark{background:#d1e99b}.auth-story-copy{margin:auto 0;max-width:450px;padding-block:55px}.auth-story-copy .eyebrow{font-size:9px;color:#95a580}.auth-story h1{font-family:Manrope,sans-serif;font-size:clamp(30px,3.2vw,47px);font-weight:650;letter-spacing:-1.7px;line-height:1.3;margin:20px 0}.auth-story-copy>p{font-size:12px;line-height:1.9;color:#919c88;max-width:350px}.auth-preview{border:1px solid #dce3d2;background:#fafcf6d9;border-radius:12px;padding:15px 23px 23px;margin-top:35px;box-shadow:0 6px 20px #70835c07;max-width:370px}.auth-preview-bar{display:flex;align-items:center;gap:4px;padding-bottom:22px}.auth-preview-bar>span{height:5px;width:5px;border-radius:50%;background:#dde4d3}.auth-preview-bar small{margin-left:auto;color:#b0b9a8;font-size:8px}.auth-preview-row{display:flex;align-items:center;gap:12px}.auth-preview-row>.icon{width:27px;height:27px;background:white;border:1px solid #e2e9d9;border-radius:7px;padding:5px;color:#9cab8a}.auth-preview-row>span:not(.mini-check){font-size:10px;font-weight:500;color:#738367}.auth-preview-row small{display:block;font-size:8px;color:#afb9a5;margin-top:5px;font-weight:400}.mini-check{margin-left:auto;color:#a3b68b;font-size:10px}.journey-line{height:16px;border-left:1px dashed #d7e0cd;margin:5px 0 5px 13px}.auth-footer{font-size:9px;color:#a9b29f;margin:0}.auth-form-area{display:flex;align-items:center;justify-content:center;padding:50px 35px}.auth-form-wrap{width:100%;max-width:330px}.auth-title{font-family:Manrope,sans-serif;font-size:23px;font-weight:750;letter-spacing:-.8px;margin:13px 0 8px}.auth-subtitle{font-size:11px;color:#a1a6ae;line-height:1.7;margin:0 0 27px}.auth-page form{padding:0;border:0;background:none}.auth-page form>h2{display:none}label{display:block;font-size:10px;font-weight:500;color:#7d8792;margin-bottom:8px}input:not([type=range]):where(:not([type=checkbox]):not([type=radio])),select{min-height:38px;border:1px solid #e0e5eb;border-radius:6px;background:white;color:#65717e;padding:10px 12px;font-size:11px;line-height:1.4;min-width:0}input:not([type=range]):where(:not([type=checkbox]):not([type=radio])){width:100%}input::placeholder{color:#b6bec7}input[readonly]{background:#fafbfd;color:#8e9aa6}select{max-width:100%;cursor:pointer}p{line-height:1.6}.auth-page form label{margin-top:19px}.auth-page form button[type=submit]{width:100%;display:flex;justify-content:space-between;margin-top:24px}.auth-page .small{font-size:10px;color:#a5acb5}.auth-page form .small{color:#a5acb5}.auth-mobile-brand{display:none}.auth-page details{border-top:1px solid #edf0f3;margin-top:22px;padding-top:15px}.auth-page summary{font-size:10px;color:#a5adb7;cursor:pointer}.auth-page>p{font-size:10px}#local-key-help{font-size:9px}#login-form{margin-top:17px}.demo-entry{border-top:1px solid #edf0f3;padding-top:23px;margin-top:23px}.demo-entry>span{display:block;color:#a1aab4;font-size:10px;margin-bottom:10px}.demo-entry button{width:100%;justify-content:space-between}.demo-entry p{font-size:9px;color:#b3b9c1;line-height:1.8;margin-top:10px}
@keyframes appear{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.page-view{animation:none}*{scroll-behavior:auto!important;transition:none!important}}
@media(min-width:1680px){.page-view{padding-top:45px}.topbar{padding-inline:48px}.metrics article{padding:24px}.page-heading h1{font-size:30px}td{padding-block:20px}}
@media(max-width:1200px){:root{--sidebar:210px}.sidebar{padding-inline:12px}.brand{font-size:25px}.workspace-switch{padding-inline:8px}.topbar{padding-inline:26px}.page-view{padding:29px 26px 0}.workspace-footer{margin-inline:26px}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{gap:10px}.metrics article{padding:16px}.recording-toolbar{align-items:start;flex-wrap:wrap}.table-controls{margin-left:auto}.metrics strong{font-size:26px}.installation-layout{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr)}.metric-top{font-size:9px}}
@media(max-width:900px){:root{--sidebar:180px}.sidebar{padding:24px 10px 0}.brand{font-size:22px;padding-inline:9px}.brand-mark{width:27px;height:27px}.workspace-switch strong{font-size:9px;max-width:83px}.workspace-switch small{font-size:8px}.workspace-avatar{width:27px;height:27px;font-size:10px}.nav{font-size:11px;padding:11px}.nav .icon{width:16px;height:16px}.sidebar-tip{padding:13px 10px}.sidebar-tip strong{font-size:9px}.sidebar-tip p{font-size:9px}.sidebar-bottom strong{font-size:9px}.sidebar-bottom div>span{font-size:8px}.sidebar-bottom .user-avatar{width:27px;height:27px}.topbar{padding-inline:22px}.page-view{padding-inline:22px}.page-heading{align-items:start;flex-direction:column;gap:15px}.page-actions{padding-top:0}.page-heading h1{font-size:25px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics article{padding:17px 18px}.metrics strong{font-size:27px}.metric-top{font-size:10px}.recording-toolbar{padding:13px;gap:12px}.table-controls{width:100%;margin-left:0}.table-controls select{flex:1;max-width:50%}.search-field{flex:1;width:auto}.store-grid{gap:13px}.store-card{padding:18px}.store-card-actions{flex-direction:column}.installation-layout{grid-template-columns:1fr}.installation-guide{padding:5px 0}.installation-guide ol{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.installation-guide li{gap:10px;flex-direction:column}.settings-content{grid-template-columns:1fr;gap:18px}.settings-description{display:none}.key-intro{align-items:start;flex-direction:column;padding:22px}.key-project-row{grid-template-columns:1fr;gap:17px}.form-panel{padding:23px}.replay-heading h1{font-size:21px}.replay-toolbar{align-items:start!important;flex-direction:column}.replay-heading>.status-chip{display:none}.auth-story{padding-inline:10%}.auth-story h1{font-size:33px}.auth-preview{padding:15px}.auth-preview-row>span:not(.mini-check){font-size:9px}.auth-form-area{padding-inline:28px}}
@media(max-width:650px){:root{--sidebar:0px}.sidebar{width:auto;position:sticky;top:0;inset:0 0 auto 0;padding:11px 15px;display:grid;grid-template-columns:auto 1fr;border-right:0;border-bottom:1px solid var(--line);gap:9px;align-items:center;box-shadow:0 2px 12px #242d3604}.sidebar .brand{font-size:20px;padding:0;gap:6px;letter-spacing:-.9px}.sidebar .brand-mark{width:25px;height:25px;border-radius:7px}.brand-mark .icon{width:18px;height:18px}.workspace-switch,.nav-label,.sidebar-tip{display:none}.sidebar nav{display:flex;gap:3px;justify-content:flex-end}.nav{padding:8px 9px;margin:0;gap:5px;font-size:10px}.nav .icon{width:14px;height:14px}.nav-count{display:none}.sidebar-bottom{display:none}main{margin-left:0}.topbar{height:47px;padding-inline:18px;position:static;background:#fff}.breadcrumb{font-size:9px;gap:9px}.topbar-actions{gap:10px}.topbar-link{display:none}.local-badge{font-size:8px;padding:4px 5px}.status-chip{font-size:8px;padding:4px 6px}.topbar .status-chip{font-size:7px}.page-view{padding:24px 17px 0}.page-heading{gap:16px;margin-bottom:22px}.page-heading h1{font-size:25px;letter-spacing:-.9px}.page-heading p{font-size:10px}.eyebrow{font-size:8px;letter-spacing:1.3px}.page-actions{gap:7px;width:100%}.page-actions select{flex:1}.page-actions button{font-size:10px}.metrics{gap:10px;margin-bottom:20px}.metrics article{padding:15px}.metric-top{font-size:9px}.metric-icon{width:21px;height:21px}.metric-icon .icon{width:12px;height:12px}.metrics strong{font-size:25px;margin-top:10px}.metrics p{font-size:8px}.table-controls{gap:7px}.table-controls select{font-size:9px;max-width:48%;padding-inline:7px}.search-field input{font-size:9px!important}.search-field{padding-left:7px;gap:5px}.segment-control button{font-size:9px;padding:7px}.recording-toolbar{padding:12px}.table-wrap table{min-width:720px}th{padding:12px 15px}td{padding:15px}.table-footer{padding:13px;font-size:8px}.table-footer>span:last-child{max-width:140px;text-align:right;line-height:1.6;font-size:7px}.table-footer .icon{display:none}.workspace-footer{margin:19px 17px 0;font-size:7px}.workspace-footer .text-button{font-size:7px}.store-grid{grid-template-columns:1fr}.store-card{padding:22px}.store-card-actions{flex-direction:row}.store-card-meta{font-size:9px}.section-line .small{font-size:8px}.section-line strong{font-size:11px}.form-panel{padding:22px}.form-panel-title p{font-size:9px}.help-strip{padding-top:17px;gap:9px}.help-strip p{font-size:9px}.back-link{font-size:9px;margin-bottom:17px}.installation-panel{padding:22px}.installation-guide ol{display:block}.installation-guide li{flex-direction:row;margin-bottom:20px}.settings-tabs{gap:22px;margin-bottom:24px}.settings-tabs a{font-size:10px}.key-intro{padding:21px}.key-intro h2{font-size:13px}.key-intro p{font-size:10px}.key-list li{padding:17px;gap:10px}.key-list p{font-size:9px;overflow-wrap:anywhere}.key-list strong{font-size:10px}.keys-panel>.panel-head{padding:17px}.keys-panel .status-chip{font-size:7px}.key-project-row{gap:15px;margin-bottom:22px}.replay-heading{margin-bottom:17px}.replay-heading h1{font-size:21px}.replay-heading p{font-size:9px}.replay-toolbar{padding:17px!important}.playback-controls{gap:5px}.playback-controls button{padding:8px!important;font-size:9px!important;min-height:30px!important}.playback-controls select{font-size:9px;min-height:30px;padding:7px}.playback-controls label{display:none}.replay-toolbar h2{font-size:12px}.panel-head{padding-inline:17px}.replay-page{padding-inline:12px}#player{padding:8px}#playback-info{font-size:9px;margin-inline:17px!important}#viewport-size{font-size:8px;margin-inline:17px!important}#timeline{width:calc(100% - 34px);margin-inline:17px}.toast{left:16px;right:16px;max-width:none;bottom:15px;font-size:11px}.auth-page{display:block;min-height:100vh}.auth-story{display:none}.auth-form-area{padding:45px 27px;min-height:100vh}.auth-form-wrap{max-width:350px}.auth-mobile-brand{display:block;font-family:Manrope,sans-serif;font-size:28px;font-weight:800;letter-spacing:-1px;margin-bottom:45px}.auth-title{font-size:24px}.auth-subtitle{font-size:11px}.auth-form-wrap>.eyebrow{font-size:9px}.auth-page input{min-height:43px}.auth-page button[type=submit]{min-height:42px}.key-dialog{padding:23px}.dialog-header h2{font-size:18px}}

@media(max-width:650px){.sidebar nav .icon{display:none}}
[tabindex="-1"]:focus{outline:none}
@media(min-width:651px) and (max-width:900px){:root{--sidebar:72px}.sidebar{padding-inline:10px;align-items:center}.sidebar .brand{padding:0}.sidebar .brand>span:last-child{display:none}.sidebar .workspace-switch{padding:8px;margin-top:26px}.workspace-switch>span:not(.workspace-avatar){display:none}.sidebar .nav-label,.sidebar-tip{display:none}.sidebar nav{margin-top:23px;width:100%}.sidebar .nav{justify-content:center;padding:13px 10px}.sidebar .nav>span{display:none}.sidebar .nav .icon{width:19px;height:19px}.sidebar-bottom{flex-direction:column;margin-top:auto;width:100%;gap:12px}.sidebar-bottom>div{display:none}.sidebar-bottom .icon-button{margin-left:0}}
@media(max-width:650px){.table-wrap table{min-width:0}#recordings th:nth-child(3),#recordings td:nth-child(3),#recordings th:nth-child(5),#recordings td:nth-child(5),#recordings th:nth-child(6),#recordings td:nth-child(6){display:none}#recordings th,#recordings td{padding-inline:11px}.session-identity{gap:7px}.session-avatar{width:26px;height:29px}.session-name{font-size:10px}.session-subtitle{font-size:8px}.table-date{font-size:10px}.table-time{font-size:8px}.watch-button{width:28px;height:29px}.issue-pill{font-size:8px;padding:3px 5px}}
@media(min-width:651px) and (max-width:900px){#recordings th:nth-child(5),#recordings td:nth-child(5),#recordings th:nth-child(6),#recordings td:nth-child(6){display:none}}

.group-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}.group-toolbar label{margin:0}.group-toolbar select{width:auto;max-width:100%}.checkbox-label{display:flex;align-items:center;gap:10px;margin:18px 0}.checkbox-label input,.session-select{width:17px;height:17px;min-height:0;margin:0;accent-color:#253f2f}.session-select{margin-right:12px;flex-shrink:0}.environment-label{text-transform:capitalize}.store-group-heading{grid-column:1/-1;padding:15px 0 0;border-top:1px solid var(--border,#e5e7eb)}.danger-panel{border-color:#efcccc}.keys-content>.panel{margin-bottom:24px}.member-controls{display:flex;gap:8px;align-items:center}.member-controls select{width:auto;min-width:100px}.settings-tabs{overflow-x:auto;white-space:nowrap}.form-panel form{max-width:650px}

#audit-list li{overflow-wrap:anywhere;word-break:break-word}#team-list li,#customer-list li{flex-wrap:wrap;overflow-wrap:anywhere}#team-list li>div,#customer-list li>span{min-width:0}.member-controls{flex-wrap:wrap}#group-tools{margin-bottom:20px}#group-tools summary{cursor:pointer;font-size:12px;font-weight:600}#group-tools form{margin-top:18px}
#policy-form,#invite-form,#customer-form,#group-form{display:grid;gap:12px;margin-top:16px}#policy-form>label,#invite-form>label,#customer-form>label,#group-form>label{margin:0}#policy-form>select,#invite-form>select,#customer-form>input,#group-form>input{width:100%}#policy-form>button,#invite-form>button,#customer-form>button,#group-form>button{justify-self:start;margin-top:4px}

.onboarding-note{padding:16px;background:#f5f8ee;border:1px solid #dfe8ce;border-radius:8px;margin:20px 0}.onboarding-note strong{font-size:12px}.onboarding-note p{font-size:11px;line-height:1.7;color:#65715b}#user-access-details{display:block;width:100%;resize:vertical;min-height:210px;padding:12px;border:1px solid var(--line);border-radius:6px;font:12px/1.7 monospace;color:var(--ink);background:#f8f9fa}#invite-result label{display:block;margin:18px 0 8px}#copy-invite,#copy-user-details{margin-top:12px}

.session-identity{min-width:0}.session-avatar{flex:none}.session-details{flex:1;min-width:0}.session-id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.session-started{white-space:nowrap}.session-select{display:inline-block;flex:0 0 17px;width:17px;height:17px;min-width:17px;min-height:17px;padding:0;margin:0;cursor:pointer}#recordings th:first-child{width:34%}@media(max-width:650px){#recordings th:first-child{width:45%}#recordings th,#recordings td{padding-inline:8px}.session-identity{gap:7px}.session-identity .session-avatar{display:none}.session-id{font-size:8px}.session-select{flex-basis:15px;width:15px;height:15px;min-width:15px;min-height:15px}}
:root{--surface:#fff;--surface-soft:#fafbfc;--page:#f6f7f9;--strong:#24272b;color-scheme:light}main{min-height:100vh;display:flex;flex-direction:column}.topbar{flex:none}#workspace{flex:1;display:flex;flex-direction:column;min-width:0}#workspace>.page-view{width:100%}.workspace-footer{margin-top:auto;padding-top:24px}.copyright{font-size:11px;line-height:1.6;color:var(--muted)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font-size:10px;white-space:nowrap}.theme-toggle .icon{width:15px;height:15px}.theme-toggle:hover{background:var(--surface-soft)}.auth-form-area{position:relative;flex-direction:column;padding-top:72px}.auth-form-area>.theme-toggle{position:absolute;top:22px;right:26px}.auth-form-wrap{margin-block:auto}.auth-copyright{font-size:10px;color:var(--muted);text-align:center;line-height:1.6;margin:28px 0 0}.guide-page{max-width:1120px}.setup-steps{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:18px}.guide-step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:18px;padding:25px}.step-number{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#edf4db;border:1px solid #dce8bf;border-radius:9px;font-size:13px;font-weight:700;color:#526e29}.guide-step h2{margin:3px 0 12px;font-size:17px;letter-spacing:-.3px}.guide-step p{font-size:13px;color:var(--muted);line-height:1.85;margin:8px 0}.guide-step .small{font-size:11px}.guide-step a{color:#53722a;text-decoration:underline;text-underline-offset:3px}.guide-step code{font-size:.9em;overflow-wrap:anywhere}.guide-step pre{max-width:100%;font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.guide-step button{margin:5px 0 8px}
:root[data-theme=dark]{--surface:#19212d;--surface-soft:#202a38;--page:#111722;--strong:#e8edf6;--ink:#e8edf6;--muted:#afbbc9;--line:#303c4e;background:var(--page);color:var(--strong);color-scheme:dark}
:root[data-theme=dark] .sidebar,:root[data-theme=dark] .panel,:root[data-theme=dark] .metrics article,:root[data-theme=dark] .store-card,:root[data-theme=dark] .auth-page,:root[data-theme=dark] .key-dialog{background:var(--surface);color:var(--strong);border-color:var(--line)}
:root[data-theme=dark] .topbar{background:#19212ded}:root[data-theme=dark] .breadcrumb strong,:root[data-theme=dark] .session-name,:root[data-theme=dark] .key-list strong,:root[data-theme=dark] label{color:#d5deeb}
:root[data-theme=dark] .muted,:root[data-theme=dark] .metric-top,:root[data-theme=dark] td,:root[data-theme=dark] td:first-child,:root[data-theme=dark] .table-date,:root[data-theme=dark] .store-origin,:root[data-theme=dark] .store-card-meta,:root[data-theme=dark] .topbar-link,:root[data-theme=dark] .section-line .small{color:var(--muted)}
:root[data-theme=dark] .nav{color:#b9c4d3}:root[data-theme=dark] .nav:hover,:root[data-theme=dark] .nav.active{background:#2b3744;color:#f1f5fb}:root[data-theme=dark] .nav-count,:root[data-theme=dark] .metric-icon,:root[data-theme=dark] .session-avatar,:root[data-theme=dark] .user-avatar,:root[data-theme=dark] .store-avatar{background:#263345;border-color:#3c4d63;color:#c0cee1}
:root[data-theme=dark] .sidebar-tip,:root[data-theme=dark] .secret-panel,:root[data-theme=dark] .onboarding-note{background:#222f25;border-color:#3d503b}:root[data-theme=dark] .sidebar-tip p,:root[data-theme=dark] .secret-panel p,:root[data-theme=dark] .onboarding-note p{color:#b9c9b0}:root[data-theme=dark] .sidebar-tip a,:root[data-theme=dark] .guide-step a{color:#c3e394}:root[data-theme=dark] .tip-icon,:root[data-theme=dark] .step-number{background:#34442c;border-color:#506344;color:#d1eca5}
:root[data-theme=dark] th{background:#141c28;color:#b4c1d3}:root[data-theme=dark] td,:root[data-theme=dark] .store-card-meta,:root[data-theme=dark] .key-list li,:root[data-theme=dark] .form-panel-title{border-color:var(--line)}:root[data-theme=dark] #sessions tr:hover{background:#202c3a}:root[data-theme=dark] .search-field,:root[data-theme=dark] .segment-control button.selected,:root[data-theme=dark] .segment-control span,:root[data-theme=dark] .local-badge,:root[data-theme=dark] .page-pill{background:#243042;border-color:#3a4a60;color:#c0cede}
:root[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]),:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] #user-access-details{background:#121c29;color:#e0e8f3;border-color:#40516a}:root[data-theme=dark] input::placeholder{color:#899ab0}:root[data-theme=dark] input[readonly],:root[data-theme=dark] .secret-panel input{background:#202c3a!important;color:#c0cede}:root[data-theme=dark] .search-field input{background:transparent!important}
:root[data-theme=dark] .secondary,:root[data-theme=dark] .quiet,:root[data-theme=dark] .watch-button,:root[data-theme=dark] #pause,:root[data-theme=dark] #fullscreen,:root[data-theme=dark] #copy,:root[data-theme=dark] #dismiss-api-key{background:#243143;color:#e0e8f3;border-color:#43536b}:root[data-theme=dark] .secondary:hover,:root[data-theme=dark] .quiet:hover,:root[data-theme=dark] .watch-button:hover{background:#344359}:root[data-theme=dark] .primary,:root[data-theme=dark] form button[type=submit],:root[data-theme=dark] #play,:root[data-theme=dark] #copy-api-key{background:#d4ef8c;color:#1a2912;border-color:#bbd77a!important}:root[data-theme=dark] .primary:hover,:root[data-theme=dark] form button[type=submit]:hover,:root[data-theme=dark] #play:hover{background:#e2f8ac}
:root[data-theme=dark] .danger,:root[data-theme=dark] #delete{background:#36252b;color:#ffc5bc;border-color:#71474c!important}:root[data-theme=dark] .danger-panel{border-color:#71474c}:root[data-theme=dark] .issue-pill{background:#3b3020;border-color:#6d542c;color:#f6ce86}:root[data-theme=dark] .status-chip{background:#293b25;border-color:#485f3d;color:#cbe5ae}:root[data-theme=dark] .metric-icon.amber{background:#3b3020;border-color:#6d542c;color:#f6ce86}
:root[data-theme=dark] pre{background:#101823;color:#cbd8eb;border-color:#35455a}:root[data-theme=dark] .auth-story{background:#1b281f}:root[data-theme=dark] .auth-story-copy>p,:root[data-theme=dark] .auth-footer{color:#adbea3}:root[data-theme=dark] .auth-preview{background:#223026;border-color:#3e533a}:root[data-theme=dark] .auth-preview-row>span:not(.mini-check){color:#d0ddc6}:root[data-theme=dark] .auth-preview-row>.icon{background:#31422c;border-color:#516548;color:#cce6ad}:root[data-theme=dark] .auth-subtitle,:root[data-theme=dark] .auth-page .small,:root[data-theme=dark] .auth-page summary{color:#b4c0d1}:root[data-theme=dark] .auth-page details{border-color:var(--line)}:root[data-theme=dark] .installation-guide li>span{background:var(--surface-soft);border-color:var(--line);color:#c4d2e4}:root[data-theme=dark] #player{background:#10151e}
@media(max-width:650px){.theme-toggle{min-height:30px;padding:6px}.theme-label{display:none}.topbar-actions{gap:8px}.topbar-link{display:inline;font-size:9px}.topbar-link span{display:none}.topbar-actions .local-badge{display:none}.copyright{font-size:9px}.guide-step{grid-template-columns:27px minmax(0,1fr);gap:11px;padding:18px 15px}.step-number{width:27px;height:27px;font-size:11px}.guide-step h2{font-size:14px}.guide-step p{font-size:11px}.guide-step pre{font-size:10px}.auth-form-area>.theme-toggle{top:18px;right:20px}}
:root[data-theme=dark] .settings-tabs{border-color:var(--line)}:root[data-theme=dark] .settings-tabs a.active,:root[data-theme=dark] .settings-tabs a:hover{color:#d4ef8c;border-color:#d4ef8c}
.workspace-footer{width:calc(100% - 76px);margin-left:auto;margin-right:auto}:root[data-theme=dark]{--border:var(--line)}@media(max-width:1100px){.workspace-footer{width:calc(100% - 52px)}}@media(max-width:650px){.workspace-footer{width:calc(100% - 34px)}}
.session-loading{position:fixed;inset:0;z-index:10000;background:var(--page,#f6f7f9);color:var(--ink);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;font-size:13px}.session-loading p{margin:0}.session-loading .brand-mark{font-size:18px;font-weight:700}.auth-loading #login,.auth-loading #workspace,.auth-loading #sidebar,.auth-loading #topbar{visibility:hidden}.auth-loading #session-loading{visibility:visible}