.switch.svelte-a6h7w7.svelte-a6h7w7.svelte-a6h7w7{align-items:center;height:1em;display:flex}.switch.disabled.svelte-a6h7w7.svelte-a6h7w7.svelte-a6h7w7{opacity:.5}.label.svelte-a6h7w7.svelte-a6h7w7.svelte-a6h7w7{margin:0 8px}.switch.svelte-a6h7w7 input[type=checkbox].svelte-a6h7w7.svelte-a6h7w7{opacity:0;position:absolute}.switch.svelte-a6h7w7 label.svelte-a6h7w7.svelte-a6h7w7{cursor:pointer;width:2em;height:1em;display:block;position:relative}.switch.disabled.svelte-a6h7w7 label.svelte-a6h7w7.svelte-a6h7w7{cursor:not-allowed}.switch.svelte-a6h7w7 label.svelte-a6h7w7.svelte-a6h7w7:before{content:"";background:#4950f680;border-radius:50px;width:2em;height:1em;transition:background .1s;position:absolute;left:.1em}.switch.svelte-a6h7w7 label.svelte-a6h7w7.svelte-a6h7w7:after{content:"";z-index:2;background:#fcfff4;border-radius:50px;width:1em;height:1em;transition:all .2s;animation:.2s ease-out switch-off;position:absolute;left:0;box-shadow:0 2px 5px #0000004d}.switch.svelte-a6h7w7 input[type=checkbox].svelte-a6h7w7:checked+label.svelte-a6h7w7:before{background:#4950f6}.switch.svelte-a6h7w7 input[type=checkbox].svelte-a6h7w7:checked+label.svelte-a6h7w7:after{animation:.2s ease-out switch-on;left:1.1em}.rr-controller.svelte-189zk2r.svelte-189zk2r{background:#fff;border-radius:0 0 5px 5px;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:80px;display:flex}.rr-timeline.svelte-189zk2r.svelte-189zk2r{align-items:center;width:80%;display:flex}.rr-timeline__time.svelte-189zk2r.svelte-189zk2r{text-align:center;color:#11103e;width:100px;display:inline-block}.rr-progress.svelte-189zk2r.svelte-189zk2r{cursor:pointer;box-sizing:border-box;background:#eee;border-top:4px solid #fff;border-bottom:4px solid #fff;border-radius:3px;flex:1;height:12px;position:relative}.rr-progress.disabled.svelte-189zk2r.svelte-189zk2r{cursor:not-allowed}.rr-progress__step.svelte-189zk2r.svelte-189zk2r{background:#e0e1fe;height:100%;position:absolute;top:0;left:0}.rr-progress__handler.svelte-189zk2r.svelte-189zk2r{background:#4950f6;border-radius:10px;width:20px;height:20px;position:absolute;top:2px;transform:translate(-50%,-50%)}.rr-controller__btns.svelte-189zk2r.svelte-189zk2r{justify-content:center;align-items:center;font-size:13px;display:flex}.rr-controller__btns.svelte-189zk2r button.svelte-189zk2r{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.rr-controller__btns.svelte-189zk2r button.svelte-189zk2r:active{background:#e0e1fe}.rr-controller__btns.svelte-189zk2r button.active.svelte-189zk2r{color:#fff;background:#4950f6}.rr-controller__btns.svelte-189zk2r button.svelte-189zk2r:disabled{cursor:not-allowed}.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}}.rr-player{float:left;background:#fff;border-radius:5px;position:relative;box-shadow:0 24px 48px #11103e1f}.rr-player__frame{overflow:hidden}.replayer-wrapper{float:left;clear:both;transform-origin:0 0;top:50%;left:50%}.replayer-wrapper>iframe{border:none}
:root{--ink:#111413;--muted:#687375;--line:#dde3e4;--soft:#f3f6f7;--paper:#fff;--acid:#f7ff00;--acid-dark:#687000;--egg-white:#edf6ff;--danger:#ee5a45;--warning:#f2a93b;--success:#71bd5d;--cyan:#4fc4c7;--shadow:0 8px 30px #1923260d}*{box-sizing:border-box}html{background:#f1f5f7;min-width:320px}body{min-width:320px;color:var(--ink);background:#f1f5f7;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.shell{width:min(1360px,100% - 40px);margin:20px auto 48px}.topbar{color:var(--egg-white);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);z-index:10;background:#000000f5;border:1px solid #1f2425;border-radius:14px;justify-content:space-between;align-items:center;padding:13px 16px;display:flex;position:sticky;top:12px}.brand,.topbar-actions,.issue-title-row,.panel-heading,.modal-actions{align-items:center;display:flex}.brand{gap:11px}.brand-mark{object-fit:contain;width:29px;height:39px;transform:rotate(-3deg)}.brand h1,.hero h2,.panel h3,.modal h3{letter-spacing:-.035em;margin:0}.brand h1{color:var(--egg-white);font-size:16px}.eyebrow{color:var(--muted);letter-spacing:.16em;margin:0 0 3px;font-size:10px;font-weight:800}.topbar .eyebrow{color:#9ba6aa}.topbar-actions{gap:12px}.topbar-navigation{border-left:1px solid #292f31;align-self:stretch;align-items:center;gap:22px;margin:0 auto 0 32px;padding-left:32px;display:flex}.topbar-navigation button{color:#8e999c;background:0 0;border:0;align-items:center;gap:7px;height:100%;padding:0 1px;font-size:11px;font-weight:800;transition:color .12s;display:flex;position:relative}.topbar-navigation button:hover{color:var(--egg-white)}.topbar-navigation button:after{content:"";background:var(--acid);opacity:0;border-radius:99px 99px 0 0;height:3px;transition:opacity .12s,transform .12s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.35)}.topbar-navigation button.active{color:var(--egg-white)}.topbar-navigation button.active:after{opacity:1;transform:scaleX(1)}.navigation-count{color:#9ca6a8;text-align:center;background:#242a2c;border-radius:99px;min-width:18px;padding:2px 5px;font-size:8px;line-height:1.35;transition:color .12s,background .12s}.topbar-navigation button.active .navigation-count{color:#000;background:var(--acid)}.primary-button,.secondary-button,.danger-button,.logout-button{border:0;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:800}.primary-button{background:var(--acid);color:#000}.primary-button:hover{background:#e5ed00}.primary-button:disabled{opacity:.5;cursor:progress}.secondary-button{color:var(--ink);background:var(--soft);border:1px solid var(--line)}.logout-button{color:var(--egg-white);background:0 0;border:1px solid #343b3d}.logout-button:hover{background:#171b1c;border-color:#687375}.logout-button:disabled,.danger-button:disabled{opacity:.5;cursor:progress}.danger-button{color:#a83226;background:#fff1ef;border:1px solid #f1c2bc}.danger-button:hover{background:#ffe5e1}.hero{justify-content:space-between;align-items:center;padding:34px 4px 20px;display:flex}.hero h2{font-size:clamp(28px,3vw,38px);line-height:1.05}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.metric-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px;position:relative;overflow:hidden}.metric-link{width:100%;color:inherit;font:inherit;text-align:left;transition:transform .16s,border-color .16s}.metric-link:hover{border-color:#bcc5c7;transform:translateY(-2px)}.metric-card:after{content:"";background:var(--acid);opacity:1;border-radius:50%;width:7px;height:7px;position:absolute;top:15px;right:15px}.metric-card.danger:after{background:var(--danger)}.metric-card.warning:after{background:var(--warning)}.metric-card.healthy:after{background:#71bd5d}.metric-card span,.metric-card small{color:var(--muted);font-size:11px;font-weight:650;display:block}.metric-card strong{letter-spacing:-.05em;margin:12px 0 3px;font-size:28px;display:block}.content-grid{grid-template-columns:1fr;gap:10px;margin-top:10px;display:grid}.dashboard-overview .apps-only,.dashboard-apps .overview-only{display:none}.dashboard-overview .hero,.dashboard-overview .metrics-grid,.dashboard-overview .content-grid{animation:.13s ease-out overview-view-in}.dashboard-apps .hero,.dashboard-apps .content-grid{animation:.13s ease-out apps-view-in}@keyframes overview-view-in{0%{opacity:.82;transform:translateY(3px)}}@keyframes apps-view-in{0%{opacity:.82;transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.dashboard-overview .hero,.dashboard-overview .metrics-grid,.dashboard-overview .content-grid,.dashboard-apps .hero,.dashboard-apps .content-grid{animation:none}}.dashboard-overview .empty-state{min-height:280px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;min-height:0}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;padding:16px 18px}.panel h3,.modal h3{font-size:17px}.count-badge{color:#536066;background:var(--soft);text-align:center;border-radius:999px;min-width:30px;padding:5px 8px;font-size:12px;font-weight:800}.empty-state{min-height:320px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.empty-state>span{color:#626700;background:#f7ff0040;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:14px;font-size:18px;display:grid}.empty-state strong{color:var(--ink)}.empty-state p{max-width:320px;margin:8px 0 0;font-size:13px;line-height:1.5}.empty-state.compact{min-height:220px}.issue-row{border-bottom:1px solid var(--line);grid-template-columns:3px minmax(220px,1fr) minmax(190px,auto) 76px;align-items:center;gap:14px;min-height:92px;padding:15px 18px;display:grid}.issue-row:last-child{border-bottom:0}.severity{border-radius:99px;width:3px;height:48px}.severity.live{background:var(--danger)}.severity.test{background:var(--warning)}.issue-main{min-width:0}.issue-title-row{gap:9px;min-width:0}.issue-title-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.issue-main p{color:var(--muted);margin:6px 0 3px;font-size:10px;font-weight:700}.issue-page{color:#879194;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;text-decoration:none;display:block;overflow:hidden}.issue-page:hover{color:var(--ink)}.env-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:5px;padding:4px 6px;font-size:9px;font-weight:900}.env-badge.live{color:#b33627;background:#ee5a451f}.env-badge.test{color:#9b6409;background:#f2a93b29}.issue-row time{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;text-align:right;font-size:9px}.issue-tail{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.resolve-issue-button{border:1px solid var(--line);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;background:#fff;border-radius:6px;padding:5px 7px;font-size:8px;font-weight:900}.resolve-issue-button:hover{border-color:var(--ink);color:var(--ink)}.resolve-issue-button:disabled{cursor:wait;opacity:.55}.issue-summary{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.issue-summary>span{color:var(--muted);background:var(--soft);white-space:nowrap;border-radius:7px;padding:6px 8px;font-size:9px}.issue-summary>span strong{color:var(--ink);font-size:11px}.replay-link{color:#565b00;text-transform:uppercase;white-space:nowrap;background:#f7ff0040;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:900;text-decoration:none}.replay-link:hover{text-decoration:underline}.app-search{width:min(380px,42vw);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.app-search span{margin:0 0 7px 2px;display:block}.app-search input{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--paper);box-shadow:var(--shadow);border-radius:10px;outline:none;padding:12px 14px}.app-search input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #141a1d14}.app-list{padding:12px}.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.directory-empty{border:1px dashed var(--line);border-radius:11px;grid-column:1/-1}.app-row{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;margin:0;padding:14px;display:grid;position:relative}.app-card-actions{align-items:center;gap:5px;display:flex;position:absolute;top:13px;right:13px}.pause-app-button,.app-setup-button,.app-delete-button{color:#667277;background:0 0;border:1px solid #0000;border-radius:8px;height:30px;font-size:9px;font-weight:850}.pause-app-button,.app-setup-button{align-items:center;gap:6px;padding:0 9px;display:flex}.app-setup-button{background:#fff;border-color:#d9dfe0}.pause-app-button span{color:var(--warning);letter-spacing:-.16em;font-size:10px}.pause-app-button:hover,.app-setup-button:hover{color:var(--ink);background:var(--soft);border-color:#d9dfe0}.app-delete-button{color:#7b8588;place-items:center;width:30px;line-height:1;display:grid}.app-delete-button:hover{color:#a83226;background:#fff1ef;border-color:#f1c2bc}.app-delete-button:disabled{cursor:wait;opacity:.5}.app-avatar{width:38px;height:38px;color:var(--ink);background:var(--acid);text-transform:uppercase;border-radius:10px;place-items:center;font-size:12px;font-weight:900;display:grid;overflow:hidden}.app-avatar.has-logo{background:#fff;border:1px solid #e3e8e9}.app-avatar img{object-fit:contain;width:100%;height:100%}.app-details{min-width:0;padding-right:205px}.app-details-heading{align-items:center;gap:9px;display:flex}.app-details strong,.app-details>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.app-details strong{font-size:13px}.app-details>span{color:var(--muted);margin-top:5px;font-size:10px}.installation-health-warning{color:#a83226;align-items:center;gap:5px;margin-top:6px;font-size:9px;font-weight:850;display:flex}.installation-health-warning svg{flex:none}.edit-domains-button{color:#667277;text-underline-offset:2px;background:0 0;border:0;flex:none;padding:0;font-size:9px;font-weight:800;text-decoration:underline}.edit-domains-button:hover{color:var(--ink)}.switch-label{color:var(--muted);flex-direction:row;justify-content:space-between;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.switch-label span{text-align:left;min-height:0;line-height:1}.switch-label input{opacity:0;position:absolute}.switch-label i{background:#d7dedf;border-radius:999px;width:30px;height:17px;transition:all .16s;display:block;position:relative}.switch-label i:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:all .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000002e}.switch-label input:checked+i{background:var(--ink)}.switch-label input:checked+i:after{background:var(--acid);transform:translate(13px)}.app-controls{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:stretch;gap:8px;margin:8px 0 0 49px;display:grid}.control-group{background:var(--soft);border:1px solid #e5e9e6;border-radius:9px;padding:9px 10px}.control-group-title{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:8px;font-size:9px;font-weight:900;display:flex}.control-dot{border-radius:50%;width:6px;height:6px}.control-dot.live{background:var(--danger)}.control-dot.development{background:var(--warning)}.control-pair{grid-template-columns:1fr 1fr;gap:11px;display:grid}.app-row.paused{background:#fafbfb;border-color:#d9dfe0}.app-row.paused .app-avatar{color:#596367;background:#e5e9e9}.app-row.paused .app-controls{opacity:.55}.app-row.paused .pause-app-button{color:#464a00;background:#f7ff0038;border-color:#dfe66b}.app-row.paused .pause-app-button span{color:#596000;letter-spacing:0}.setup-banner{color:#3e4c00;background:#f5ffd2;border:1px solid #d7e494;border-radius:12px;align-items:center;gap:13px;width:100%;margin-top:14px;padding:15px 18px;font-size:12px;display:flex}.setup-banner span{color:#677324}.error-banner{color:#8e2d20;background:#fff0ed;border-color:#efb7af}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#0d131594;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:var(--paper);border-radius:18px;width:min(560px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 28px 100px #00000052}.close-button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:#fff;border-radius:9px;place-items:center;font-size:20px;display:grid}.modal-close-row{justify-content:flex-end;padding:14px 14px 0;display:flex}.modal form{flex-direction:column;gap:17px;padding:10px 22px 22px;display:flex}.modal label{flex-direction:column;gap:8px;font-size:12px;font-weight:800;display:flex}.modal input{width:100%;color:var(--ink);background:#fff;border:1px solid #ccd5d7;border-radius:9px;outline:none;padding:12px 13px}.modal input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #141a1d14}.modal label small{color:var(--muted);font-size:10px;font-weight:500}.app-icon-setting{align-items:center;gap:8px;display:flex}.modal .app-icon-picker{background:#f6f8f8;border:1px solid #dbe2e3;border-radius:13px;flex-direction:row;flex:1;align-items:center;gap:12px;min-width:0;padding:10px;transition:border-color .15s,background .15s;display:flex}.modal .app-icon-picker:hover{background:#fff;border-color:#aebabc}.app-icon-picker-preview{width:54px;height:54px;color:var(--ink);background:var(--acid);text-transform:uppercase;border-radius:12px;flex:none;place-items:center;font-size:15px;font-weight:900;display:grid;overflow:hidden}.app-icon-picker-preview:not(.has-logo) svg{opacity:.72}.app-icon-picker-preview.has-logo{background:#fff;border:1px solid #dfe4e5}.app-icon-picker-preview img{object-fit:contain;width:100%;height:100%}.app-icon-picker-copy{min-width:0;color:var(--muted);flex-direction:column;flex:1;gap:3px;font-size:10px;font-weight:600;display:flex}.app-icon-picker-copy>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-icon-picker-title{color:var(--ink);align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.app-icon-picker-actions{flex:none;align-items:center;gap:6px;display:inline-flex}.app-icon-picker-action{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #ccd5d7;border-radius:8px;flex:none;align-items:center;gap:5px;padding:8px 9px;font-size:10px;font-weight:800;transition:border-color .15s,background .15s;display:inline-flex}.app-icon-picker-action:hover{background:#fbfcfc;border-color:#9daaad}.app-icon-picker-action input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.app-icon-remove{color:#727d80;cursor:pointer;background:#fff;border:1px solid #d8dfe0;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;padding:0;transition:border-color .15s,color .15s,background .15s;display:inline-grid}.app-icon-remove:hover{color:#9d3328;background:#fff0ed;border-color:#f0b8b0}.form-error{color:#922f23;background:#fff0ed;border-radius:8px;margin:0;padding:10px 12px;font-size:11px}.modal .checkbox-row{flex-direction:row;align-items:center}.modal .checkbox-row input{width:auto}.modal-actions{justify-content:flex-end;gap:9px;padding-top:8px}.confirmation-modal{text-align:center;width:min(430px,100%);padding:26px}.confirmation-icon{color:#a83226;background:#fff1ef;border-radius:13px;place-items:center;width:46px;height:46px;margin:0 auto 15px;display:grid}.confirmation-modal h3{font-size:21px}.confirmation-modal>p:not(.form-error){max-width:340px;color:var(--muted);margin:10px auto 0;font-size:12px;line-height:1.55}.confirmation-modal .form-error{border-radius:8px;margin:14px 0 0;padding:10px}.confirmation-modal .modal-actions{margin-top:20px}.login-shell{background:#000;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #2b3032;border-radius:18px;width:min(420px,100%);overflow:hidden;box-shadow:0 28px 100px #00000073}.login-brand{color:var(--egg-white);background:#000;align-items:center;gap:13px;padding:22px;display:flex}.login-brand img{object-fit:contain;width:31px;height:41px;transform:rotate(-3deg)}.login-brand h1,.login-copy h2{letter-spacing:-.04em;margin:0}.login-brand h1{font-size:18px}.login-brand .eyebrow{color:#9ba6aa}.login-copy{padding:24px 24px 0}.login-copy h2{font-size:26px}.login-card form{flex-direction:column;gap:15px;padding:22px 24px 24px;display:flex}.login-card label{flex-direction:column;gap:7px;font-size:11px;font-weight:800;display:flex}.login-card input{width:100%;color:var(--ink);background:#fff;border:1px solid #ccd5d7;border-radius:9px;outline:none;padding:12px 13px}.login-card input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #141a1d14}.login-card .primary-button{margin-top:4px}.login-error{color:#922f23;background:#fff0ed;border-radius:8px;margin:0;padding:10px 12px;font-size:11px}.snippet-modal pre{color:#d7f27a;white-space:pre-wrap;background:#111719;border-radius:12px;margin:22px;padding:18px;font-size:11px;line-height:1.65;overflow:auto}.snippet-instructions{color:var(--muted);margin:18px 22px -12px;font-size:11px;font-weight:700}.installation-test{border:1px solid var(--line);background:var(--soft);border-radius:12px;margin:-6px 22px 20px;padding:15px}.installation-test-heading,.installation-test-actions,.installation-test-result{align-items:center;display:flex}.installation-test-heading{justify-content:space-between;gap:18px}.installation-test-heading strong{font-size:12px;display:block}.installation-test-heading p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.45}.installation-test-actions{flex:none;gap:7px}.installation-test-actions .secondary-button{padding:8px 10px;font-size:10px}.installation-test-actions .secondary-button:disabled{cursor:progress;opacity:.55}.installation-test-result{color:#715316;background:#fff3d9;border-radius:8px;gap:7px;margin-top:12px;padding:9px 10px;font-size:10px;font-weight:700}.installation-test-result strong{color:inherit;font-size:10px}.installation-test-result span{min-width:0}.installation-test-result.checking{color:var(--muted);background:#fff}.installation-test-result.connected{color:#365f2c;background:#ebf8e7}.installation-test-result a{color:inherit;margin-left:auto;font-weight:800}.snippet-modal .modal-actions{padding:0 22px 22px}.snippet-upload-error{margin:-10px 22px 18px}.copy-script-button{min-width:112px;overflow:hidden}.copy-button-content{justify-content:center;align-items:center;gap:6px;display:inline-flex}.copy-script-button.copied{background:var(--ink);color:var(--acid)}.copy-script-button.copied:hover{background:var(--ink)}.copy-script-button.copied .copy-button-content{animation:.42s cubic-bezier(.2,.9,.3,1.25) copy-confirmation}@keyframes copy-confirmation{0%{opacity:0;transform:scale(.72)}55%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.replay-shell{width:min(1360px,100% - 40px);margin:20px auto 56px}.replay-topbar{margin-bottom:18px}.replay-brand{color:var(--egg-white);text-decoration:none}.replay-brand span{color:var(--egg-white);letter-spacing:-.035em;font-size:16px;font-weight:800;display:block}.replay-dashboard-link{color:var(--egg-white);border:1px solid #303638;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:800;text-decoration:none;transition:border-color .12s,background .12s;display:inline-flex}.replay-dashboard-link:hover{background:#171b1c;border-color:#4a5153}.replay-header{border:1px solid var(--line);background:var(--paper);width:min(1000px,100%);box-shadow:var(--shadow);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;margin:0 auto;padding:18px 20px;display:grid}.replay-title{min-width:0}.replay-title-kicker{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:9px;font-size:9px;font-weight:800;display:flex}.replay-environment{color:#8a5708;letter-spacing:.08em;background:#fff0d8;border-radius:6px;padding:5px 7px 4px}.replay-header h1{letter-spacing:-.04em;max-width:590px;margin:8px 0 5px;font-size:clamp(22px,2vw,30px);line-height:1.08}.replay-title>p{color:var(--muted);margin:0;font-size:12px;font-weight:700}.replay-meta{grid-template-columns:repeat(3,minmax(92px,auto));gap:8px;margin:0;display:grid}.replay-meta div{border:1px solid var(--line);background:var(--soft);border-radius:10px;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;min-width:104px;padding:9px 10px;display:grid}.replay-meta svg{color:var(--muted);grid-row:1/3}.replay-meta dt{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:800}.replay-meta dd{white-space:nowrap;margin:2px 0 0;font-size:11px;font-weight:800}.replay-selector{border:1px solid var(--line);color:var(--ink);background:var(--paper);border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-top:12px;padding:12px 14px;font-size:11px;display:flex}.replay-selector>span{font-weight:800}.replay-selector div{flex-wrap:wrap;gap:6px;display:flex}.replay-selector a{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:800;text-decoration:none}.replay-selector a.active{border-color:var(--ink);color:var(--acid);background:var(--ink)}.replay-card{width:min(820px,100%);box-shadow:var(--shadow);background:#111719;border:1px solid #242a2c;border-radius:14px;margin:14px auto 0;overflow:hidden}.replay-card-header{min-height:68px;color:var(--egg-white);border-bottom:1px solid #293033;justify-content:space-between;align-items:center;gap:24px;padding:12px 16px;display:flex}.replay-card-header>div:first-child{min-width:0}.replay-card-eyebrow{color:#aeb8ba;letter-spacing:.13em;text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:800;display:block}.replay-source-link{max-width:min(760px,62vw);color:var(--egg-white);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;text-decoration:none;display:flex;overflow:hidden}.replay-source-link:hover{color:var(--acid)}.replay-source-link svg{flex:none}.replay-private-status{color:var(--acid);background:#202406;border:1px solid #3b420e;border-radius:9px;flex:none;align-items:center;gap:9px;padding:8px 10px;display:flex}.replay-private-status span{color:#b9c37a;gap:1px;font-size:8px;display:grid}.replay-private-status strong{color:#f8ffb1;font-size:10px}.replay-stage{background:radial-gradient(circle at 50% 0,#2d373a 0,#20292c 48%,#192124 100%);border-radius:9px;justify-content:center;align-items:flex-start;min-height:300px;margin:14px;padding:12px;display:flex;overflow:auto}.replay-stage .rr-player{border-radius:7px;flex:none;margin:0;overflow:hidden;box-shadow:0 12px 36px #00000047}.replay-card-footer{color:#8e9a9c;align-items:center;gap:6px;padding:0 16px 14px;font-size:9px;display:flex}.replay-card-footer code{color:#bec8ca;font-size:9px}.replay-loading,.replay-error{border:1px solid var(--line);min-height:360px;color:var(--muted);background:var(--paper);box-shadow:var(--shadow);border-radius:16px;place-items:center;padding:40px;display:grid}.replay-loading{gap:10px;display:flex}.replay-loading-dot{background:var(--acid);border-radius:50%;width:9px;height:9px;animation:1.2s ease-in-out infinite replay-loading-pulse;box-shadow:0 0 0 5px #f7ff002e}@keyframes replay-loading-pulse{50%{opacity:.45;transform:scale(.82)}}.replay-error{align-content:center}.replay-error strong{color:var(--ink)}.replay-error p{margin:8px 0 0}@media (max-width:1050px){.content-grid{grid-template-columns:1fr}.app-controls{grid-template-columns:1fr 1fr}.apps-grid,.replay-header{grid-template-columns:1fr}.replay-meta{width:100%}}@media (max-width:680px){.shell{width:min(100% - 20px,1360px);margin-top:10px}.topbar{flex-wrap:wrap;top:7px}.brand{flex:1}.topbar-navigation{border-top:1px solid #252b2d;border-left:0;order:3;width:100%;height:38px;margin:11px 0 -4px;padding-top:5px;padding-left:0}.topbar-navigation button{text-align:center;flex:1;justify-content:center}.hero{flex-direction:column;align-items:flex-start;padding:28px 3px 17px}.dashboard-apps .hero{gap:18px}.app-search{width:100%}.metrics-grid{grid-template-columns:1fr 1fr}.topbar-actions{gap:7px}.primary-button,.logout-button{padding:9px 10px}.metric-card{padding:16px}.issue-row{grid-template-columns:3px minmax(0,1fr);gap:11px}.issue-tail{flex-direction:row;grid-column:2;justify-content:flex-start;align-items:center}.issue-summary{grid-column:2;justify-content:flex-start}.app-details{padding-right:0}.app-card-actions{grid-column:1/-1;justify-content:flex-end;margin-top:2px;position:static}.app-controls{grid-template-columns:1fr;margin:0}.app-icon-picker-action{padding:8px}.app-icon-picker-action svg{margin:0}.app-icon-picker-action{font-size:0}.installation-test-heading{flex-direction:column;align-items:stretch}.installation-test-actions{grid-template-columns:1fr 1fr;display:grid}.replay-shell{width:min(100% - 20px,1360px);margin-top:11px}.replay-topbar{flex-wrap:nowrap;margin-bottom:11px}.replay-dashboard-link{padding:9px;font-size:0}.replay-header{gap:16px;padding:16px}.replay-meta{grid-template-columns:1fr 1fr}.replay-meta div:first-child{grid-column:1/-1}.replay-selector{flex-direction:column;align-items:flex-start}.replay-card-header{flex-direction:column;align-items:flex-start;gap:12px}.replay-source-link{max-width:calc(100vw - 72px)}.replay-private-status{align-self:stretch}.replay-stage{min-height:260px;margin:8px;padding:8px}.replay-card-footer{align-items:flex-start;padding:3px 12px 12px;line-height:1.45}}
