:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#253249;background:#f6f8fb;font-synthesis:none;font-size:14px;line-height:1.5;font-weight:400;--muted: #7a8596;--border: #e5e9f0;--accent: rgb(13, 30, 64);--accent-hover: #172f5b;--accent-soft: #edf1f8;--accent-border: #d8e0ed;--accent-light: #b5c8eb;--accent-focus: #7896ca;--dark: #101d2d}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent-focus);outline-offset:3px}h1,h2,h3,h4,p{margin:0}h1{font-size:29px;letter-spacing:-1px;line-height:1.25;font-weight:650}h2{font-size:16px;font-weight:650}h3{font-size:15px;font-weight:600}code,pre,.code-input{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}button{transition:background .15s,border-color .15s}svg{flex-shrink:0}input,textarea,select{border:1px solid #dce2ea;border-radius:7px;background:#fff;color:#26354b;padding:10px 12px;max-width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;margin-bottom:18px}button{color:inherit}label input,label textarea{width:100%;font-weight:400}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px;color:var(--muted);display:block;margin-bottom:9px}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0}.button{border:1px solid #dce2ea;background:#fff;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;white-space:nowrap;font-weight:550;font-size:12px;line-height:20px}.button:hover{background:#f4f7f9;border-color:#c4cedb}.button.primary{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 2px 3px #0d1e4014}.button.primary:hover{background:var(--accent-hover)}.button.small{padding:5px 10px;font-size:11px}.button.danger{background:#b83240;color:#fff;border-color:#b83240}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;padding:7px;border-radius:5px;color:#7c8796}.icon-button:hover{background:#edf1f6}.text-button{padding:0;border:0;background:none;font-size:11px}.subtle-danger{color:#a35d64}.subtle-danger:hover{color:#b63240}.error{background:#fff0f0;border:1px solid #f1c7cc;color:#a22635;padding:12px;border-radius:7px;margin:12px 0;font-size:12px;overflow-wrap:anywhere}.notice{background:#fff8e9;border:1px solid #f3e4bf;color:#826627;padding:12px 14px;border-radius:7px;margin:16px 0;font-size:12px}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:var(--dark);color:#c0c9d5;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:30px 18px 0}.brand{display:flex;align-items:center;gap:11px;padding:0 10px;color:#f6f9fd;font-size:27px;font-weight:650;letter-spacing:-.8px}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center}.brand-subtitle{font-size:10px;letter-spacing:.3px;color:#8190a4;display:block;line-height:1.1;font-weight:400}.workspace-label{margin:37px 6px 32px;display:flex;gap:11px;align-items:center;font-size:12px;color:#e1e7ef}.workspace-label small{display:block;color:#718198;font-size:10px;margin-top:2px}.workspace-avatar{width:31px;height:33px;display:flex;align-items:center;justify-content:center;background:#233247;color:#b3c0d0;border:1px solid #344156;border-radius:6px;font-size:11px}.sidebar-label{display:flex;align-items:center;justify-content:space-between;color:#6f819b;font-size:9px;font-weight:650;letter-spacing:1.5px;padding:0 9px;margin-bottom:12px}.sidebar-add{color:#91a0b6;border:0;background:transparent;display:flex;align-items:center;padding:4px;border-radius:4px}.sidebar-add:hover{background:#23354b}.project-nav{display:flex;flex-direction:column;gap:5px;overflow-y:auto}.project-link{display:flex;align-items:center;gap:10px;text-align:left;padding:11px;border:1px solid transparent;background:none;color:#99a8bc;border-radius:7px;font-size:12px}.project-link>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.project-link.selected{background:var(--accent);border-color:#36517d;color:var(--accent-light)}.project-link:hover{background:#203042}.project-count{background:#233647;border-radius:4px;font-size:10px;padding:0 6px;color:#9fb3c4}.new-project{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:#70859e;font-size:11px;padding:16px 12px;text-align:left}.new-project:hover{color:#b5ccdf}.sidebar-hint{font-size:12px;color:#8191a8;padding:10px}.sidebar-bottom{margin-top:auto;padding-top:35px}.retention-note{font-size:10px;color:#647c94;padding:15px 10px;display:flex;align-items:center;gap:8px}.retention-note .dot{color:var(--accent-light);width:5px;height:5px}.user-row{display:flex;align-items:center;gap:9px;border-top:1px solid #223247;padding:19px 2px}.user-row>div{flex:1;min-width:0}.user-row strong{font-size:11px;color:#bfcad8;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-row small{font-size:9px;color:#6e819b;display:block}.user-avatar{width:29px;height:29px;background:#2d3c53;color:#abbcd1;border:1px solid #394b63;border-radius:50%;font-size:9px;display:flex;align-items:center;justify-content:center}.main-content{margin-left:248px;width:calc(100% - 248px);min-width:0}.topbar{height:65px;border-bottom:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:11px}.topbar>div{display:flex;gap:14px;align-items:center}.topbar .muted{color:#96a0af}.environment{font-size:9px;letter-spacing:1px;color:#818da0;background:#f5f7fa;border:1px solid #e6eaf0;border-radius:5px;padding:4px 8px;display:flex;align-items:center;gap:6px}.environment .dot{color:var(--accent);width:5px;height:5px}.project-content{padding:34px 36px 20px}.project-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.project-heading p{margin-top:8px;color:#8b95a4;font-size:12px}.heading-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.heading-actions .small{background:transparent;border-color:transparent}.endpoint-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);margin-bottom:24px;overflow-x:auto}.endpoint-tabs button{background:none;display:flex;align-items:center;gap:8px;padding:13px 0;border:0;border-bottom:2px solid transparent;color:#8a94a3;font-size:12px;white-space:nowrap}.endpoint-tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.endpoint-tabs button>span{background:#e9edf2;color:#8792a2;font-size:9px;border-radius:4px;padding:1px 6px}.endpoint-tabs button.active>span{background:var(--accent-soft);color:var(--accent)}.endpoint-banner{border:1px solid var(--accent-border);border-radius:9px;background:linear-gradient(110deg,var(--accent-soft),#fdfefe);padding:19px 22px;display:flex;align-items:center;gap:20px;margin-bottom:26px}.endpoint-url{flex:1;min-width:0}.endpoint-label{font-size:9px;color:var(--accent);letter-spacing:1.1px;display:flex;gap:7px;align-items:center;font-weight:650;margin-bottom:7px}.response-hint{letter-spacing:0;color:#8e9eaa;font-weight:400;border-left:1px solid var(--accent-border);margin-left:7px;padding-left:12px}.response-hint b{font-weight:500;color:#536784}.url-row{display:flex;align-items:center;gap:14px}.url-row code{font-size:11px;color:#36596a;overflow-wrap:anywhere}.url-row .button{background:#ffffffb5;flex-shrink:0;color:#637581}.capture-panel{border:1px solid var(--border);border-radius:9px;background:#fff;overflow:hidden;box-shadow:0 3px 10px #15253d03}.capture-toolbar{padding:19px 21px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.capture-toolbar>div:first-child{display:flex;align-items:center;gap:17px}.capture-toolbar h2{font-size:13px;display:flex;gap:8px;align-items:center}.count-badge{font-size:10px;padding:1px 6px;background:#f1f3f7;color:#8e98a6;border-radius:4px;font-weight:500}.live-label{display:flex;align-items:center;gap:5px;font-size:9px;color:#93a299}.live-label .dot{width:4px;height:4px;color:#4caa91}.filters{display:flex;align-items:center;gap:9px}.filters select,.filters input{font-size:10px;padding:6px 9px;border-color:#e7ebf1;min-height:30px}.status-filter{width:95px}.capture-grid{display:grid;grid-template-columns:minmax(235px,32%) minmax(0,1fr);min-height:495px}.request-list{border-right:1px solid var(--border);background:#fdfefe;min-width:0;max-height:760px;overflow:auto}.list-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.9px;color:#a0a9b5;border-bottom:1px solid #edf0f4;padding:12px 17px;background:#fbfcfd}.request-item{border:0;border-bottom:1px solid #edf0f4;border-left:3px solid transparent;display:block;width:100%;text-align:left;background:transparent;padding:16px 15px 14px 13px}.request-item:hover{background:#f6f9fb}.request-item.selected{background:var(--accent-soft);border-left-color:var(--accent)}.request-main{display:flex;align-items:center;gap:9px}.method{font-family:Consolas,Liberation Mono,monospace;font-size:9px;line-height:18px;font-weight:600;color:#5c68b2;background:#eeeffa;border-radius:4px;padding:1px 6px;display:inline-flex;align-items:center}.method-post{background:#e7f3ec;color:#458f64}.method-get{background:#eaf1fd;color:#4b80c8}.method-delete{background:#fbecef;color:#c27686}.method-put,.method-patch{background:#fff4db;color:#b18835}.request-id{font-size:11px;color:#526178;font-weight:550;flex:1}.status{font-size:10px;color:#2b9578;display:inline-flex;gap:5px;align-items:center;font-weight:550;white-space:nowrap}.status .dot{width:4px;height:4px}.status-error{color:#c76d77}.status-redirect{color:#bd9545}.request-meta{display:flex;align-items:center;gap:10px;font-size:9px;color:#97a2b0;margin-top:7px}.request-meta span:last-child{margin-left:auto;font-size:8px}.pagination{padding:15px;display:flex;justify-content:space-between;align-items:center;color:#9aa4b2;font-size:9px}.pagination .button{font-size:9px;padding:2px 7px}.request-detail{min-width:0;display:flex;flex-direction:column}.detail-heading{display:flex;justify-content:space-between;gap:10px;padding:23px 24px 19px;align-items:center}.detail-heading .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:7px}.detail-heading h3{display:flex;gap:5px;align-items:center;font-size:14px}.detail-heading time{font-size:10px;color:#9aa4b1;display:block;margin-top:7px}.detail-summary{display:grid;grid-template-columns:1fr 1fr 2fr;padding:0 24px 21px;gap:10px}.detail-summary>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.detail-summary>div>span:first-child{font-size:9px;color:#98a3b1}.detail-summary strong{font-size:10px;font-weight:500;word-break:break-word}.detail-tabs{display:flex;padding:0 24px;gap:21px;border-bottom:1px solid var(--border);overflow:auto}.detail-tabs button{border:0;border-bottom:2px solid transparent;padding:11px 0;background:none;color:#909baa;font-size:10px;white-space:nowrap}.detail-tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.body-block{min-width:0}.body-toolbar{display:flex;justify-content:space-between;gap:8px;padding:15px 19px;align-items:center}.format-tabs{display:flex;align-items:center;gap:2px}.format-tabs button{font-size:9px;border:0;background:transparent;border-radius:4px;padding:4px 7px;color:#9ca6b3}.format-tabs button.active{background:#eff2f6;color:#5b6a80}.format-tabs>span{font-size:10px;color:#8c98a9}.body-actions{display:flex;gap:5px}.body-actions .button{padding:3px 7px;font-size:9px;border-color:#e8ecf1}.code-block{margin:0 20px 20px;background:#f8fafc;border:1px solid #edf0f5;border-radius:6px;padding:17px;min-height:180px;max-height:470px;overflow:auto;font-size:11px;line-height:1.9;color:#34546c;tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere}.detail-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 20px;border-top:1px solid #edf0f4;font-size:8px;color:#a2acb9}.detail-footer button{font-size:9px}.endpoint-footer{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#a2aab7;padding:15px 1px}.endpoint-footer button{font-size:9px}.empty{padding:67px 32px 70px;display:flex;align-items:center;flex-direction:column;text-align:center}.empty-icon{width:62px;height:62px;border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:21px}.empty h2{font-size:16px;color:#536279}.empty p{font-size:12px;line-height:1.8;color:#9ba5b2;max-width:370px;margin-top:9px}.empty-panel{background:#fff;border:1px dashed #dce4ec;border-radius:9px;text-align:center;padding-bottom:40px}.empty-panel .empty{padding-bottom:25px}.welcome{padding:90px 60px}.welcome h1{font-size:40px}.welcome>p{color:#8a97a8;line-height:1.9;margin:19px 0 28px}.welcome-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:70px;max-width:850px}.welcome-steps>div{border-top:1px solid #dde4ed;padding-top:20px}.welcome-steps span{color:var(--accent);font-size:11px}.welcome-steps h3{margin:15px 0 7px;font-size:13px}.welcome-steps p{font-size:11px;color:#929eae;line-height:1.8}.loading-page{display:flex;min-height:100vh;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#8a97a8}.loading-inline{padding:24px;color:#9aa5b4;font-size:12px}.headers-table{font-size:10px;overflow:auto}.headers-table>div{display:grid;grid-template-columns:minmax(100px,34%) minmax(0,1fr);padding:10px 23px;border-bottom:1px solid #eef1f5;gap:14px}.headers-table code{overflow-wrap:anywhere;white-space:pre-wrap;color:#62758a}.headers-table code:first-child{color:#8795a6}.section-label{font-size:10px;padding:16px 23px 9px;color:#6f7f92;font-weight:600}.request-path{padding:19px 23px;background:#fbfcfe;border-bottom:1px solid #edf0f4}.request-path code{display:block;font-size:10px;overflow-wrap:anywhere;color:#8290a2}.request-path .eyebrow{font-size:8px}.response-explanation{font-size:11px;color:#93a0b0;padding:19px 23px}.padded{padding:15px 23px}.replay-history>.empty{padding:45px 20px}.replay-attempt{border-bottom:1px solid #e9edf3}.replay-attempt>summary{padding:17px 20px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px}.replay-attempt>summary>span{display:flex;gap:12px;align-items:center}.replay-attempt>summary strong{font-size:10px;font-weight:500}.replay-attempt time{font-size:9px;color:#8e9bac}.replay-attempt-details>p{padding:5px 20px 10px;font-size:10px;color:#8b99a9}.replay-attempt-details>.error,.replay-attempt-details>.notice{margin:10px 20px}.destination-text{font-size:10px;word-break:break-all;display:block;padding:0 20px 15px;color:#7f91a6}.attempt-state{font-size:9px;color:#9b869d}.state-failed,.state-interrupted{color:#b65769}.state-running{color:#b19448}.toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translate(-50%);display:flex;align-items:center;gap:10px;background:var(--accent);color:#e8eef9;border:1px solid #36517d;border-radius:9px;padding:12px 15px;box-shadow:0 8px 30px #0d1e4033;z-index:100;font-size:12px;max-width:calc(100vw - 35px)}.toast-error{background:#632f3a;color:#ffe3e5;border-color:#88414e}.toast .icon-button{color:inherit}dialog{border:1px solid #dce4ed;border-radius:13px;box-shadow:0 25px 100px #14253855;padding:0;width:570px;max-width:calc(100vw - 30px);max-height:90vh;overflow:auto;color:#35435a}dialog::backdrop{background:#101d2d88;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-inner{padding:25px 28px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-header h2{font-size:18px}.modal-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.form-divider{border-top:1px solid var(--border);padding-top:18px;margin-top:22px;margin-bottom:18px}.form-divider h3{font-size:13px}.form-divider p{font-size:11px;color:#94a0b1;margin-top:5px}.form-row{display:grid;grid-template-columns:130px 1fr;gap:15px}.field-help{font-size:10px;color:#95a1b1;margin-top:-7px;line-height:1.8}.replay-destination{display:flex;gap:10px;align-items:flex-start;background:#f5f8fb;border:1px solid #e2e8f0;border-radius:6px;padding:13px;margin-top:15px}.replay-destination code{font-size:11px;overflow-wrap:anywhere}.modal-inner details{margin:15px 0}.modal-inner details summary{font-size:12px;cursor:pointer;color:#6a7d92}.modal-inner details .headers-table{max-height:250px;overflow:auto;margin-top:10px}.login-page{min-height:100vh;background:#fff;display:grid;grid-template-columns:1fr 1fr}.login-card{max-width:490px;padding:65px 35px;margin:auto}.login-card>.brand-mark{margin-bottom:48px;width:48px;height:48px;border-radius:13px}.login-card>.eyebrow{color:var(--accent);margin-bottom:19px}.login-card h1{font-size:45px;line-height:1.17;color:#25374b;letter-spacing:-1.8px}.login-card>p{font-size:14px;line-height:1.9;color:#8b99aa;margin-top:24px;max-width:340px}.login-button{margin-top:32px;width:100%;max-width:340px;padding:12px 20px;justify-content:space-between}.login-footnote{display:block;font-size:10px;color:#a4adba;margin-top:15px}.login-art{background:#101f2f;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.signal-ring{border:1px solid #7896ca33;border-radius:50%;position:absolute}.ring-one{width:260px;height:260px}.ring-two{width:440px;height:440px}.ring-three{width:640px;height:640px}.signal-core{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border:1px solid #7896ca4a;background:var(--accent);border-radius:32px;color:var(--accent-light);box-shadow:0 0 100px #7896ca11}.signal-chip{position:absolute;background:#213747;border:1px solid #334b5c;box-shadow:0 7px 30px #09172266;border-radius:9px;display:flex;align-items:center;gap:15px;color:var(--accent-light);padding:15px 22px;font-size:11px;font-family:monospace}.signal-chip b{color:var(--accent-light);font-size:11px;font-weight:400}.chip-one{transform:translate(-78px,-155px)}.chip-two{transform:translate(75px,160px);color:#a3b6c6}.chip-two svg{color:var(--accent-light)}@media(min-width:1600px){.project-content{max-width:1500px;margin:0 auto;padding-top:42px}.capture-grid{grid-template-columns:340px minmax(0,1fr)}.code-block{font-size:12px}.request-meta{font-size:10px}.request-id{font-size:12px}}@media(max-width:1200px){.sidebar{width:215px}.main-content{margin-left:215px;width:calc(100% - 215px)}.project-content{padding:28px 23px}.topbar{padding:0 23px}.project-heading{align-items:flex-start}.heading-actions{justify-content:flex-end;max-width:260px}.heading-actions>.primary{order:-1}.capture-toolbar{align-items:flex-start;flex-direction:column}.capture-toolbar>div:first-child{width:100%;justify-content:space-between}.filters{width:100%}.filters>.button:last-child{margin-left:auto}.detail-tabs{gap:15px;padding:0 16px}.detail-heading{padding:20px 16px}.detail-summary{padding:0 16px 20px}.body-toolbar{flex-wrap:wrap;padding:12px}.code-block{margin:0 12px 15px}.endpoint-banner{padding:17px}.url-row{align-items:flex-start;flex-direction:column;gap:8px}.request-meta span:last-child{display:none}}@media(max-width:900px){.sidebar{width:185px;padding-left:10px;padding-right:10px}.main-content{margin-left:185px;width:calc(100% - 185px)}.brand{font-size:25px}.workspace-label{gap:7px;font-size:10px}.workspace-label small{font-size:8px}.project-link{font-size:11px;gap:6px}.capture-grid{grid-template-columns:1fr}.request-list{border-right:0;border-bottom:1px solid var(--border);max-height:280px}.request-item{padding:12px 20px}.request-meta span:last-child{display:block}.project-heading{flex-direction:column;gap:14px}.heading-actions{max-width:none;justify-content:flex-start}.heading-actions>.primary{order:0}.detail-tabs{gap:25px}.detail-heading{padding:20px 22px}.detail-summary{padding:0 22px 20px}.body-toolbar{padding:15px 20px}.code-block{margin:0 20px 20px}.toast{left:calc(50% + 65px)}.welcome{padding:65px 30px}.welcome h1{font-size:32px}.welcome-steps{grid-template-columns:1fr;gap:20px;margin-top:45px}.login-card h1{font-size:37px}.login-card{padding:40px 25px}.chip-one{transform:translate(-10px,-150px)}.chip-two{transform:translateY(160px)}}@media(max-width:640px){.app-shell{display:block}.sidebar{position:relative;width:100%;padding:15px 17px}.brand{font-size:22px;padding:0}.brand-mark{width:31px;height:31px;border-radius:8px}.brand-subtitle{font-size:8px}.workspace-label,.sidebar-label,.sidebar-bottom,.sidebar-hint{display:none}.project-nav{flex-direction:row;margin-top:18px;overflow:auto}.project-link{flex-shrink:0;padding:8px 10px}.new-project{position:absolute;top:15px;right:15px;padding:9px;color:#a4b9cb;font-size:10px}.main-content{margin:0;width:100%}.topbar{padding:0 18px;height:48px}.project-content{padding:25px 16px}.project-heading h1{font-size:25px}.project-heading p{font-size:11px}.project-heading{margin-bottom:18px}.heading-actions{gap:3px;width:100%}.heading-actions .primary{margin-left:auto;padding:7px 10px;font-size:11px}.endpoint-tabs{gap:19px;margin-bottom:18px}.endpoint-banner{padding:15px;gap:10px;align-items:flex-start}.endpoint-banner>.button{font-size:0;padding:7px;gap:0}.endpoint-banner>.button svg{width:17px}.url-row code{font-size:10px}.capture-toolbar{padding:15px}.filters{gap:6px}.filters select{max-width:110px;padding:5px}.status-filter{width:86px;padding:5px!important}.filters>.button:last-child{font-size:9px;padding:3px 6px}.detail-tabs{gap:20px}.body-actions .button{font-size:8px}.detail-heading{padding:20px 17px}.detail-summary{padding:0 17px 20px}.detail-footer{padding:12px;font-size:7px}.endpoint-footer{font-size:8px}.toast{left:50%;width:max-content;max-width:calc(100vw - 30px)}.modal-inner{padding:20px}.form-row{grid-template-columns:100px 1fr;gap:10px}.welcome{padding:45px 24px}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-card{padding:60px 30px}.login-card h1{font-size:44px}.user-row{padding:0}.endpoint-label{font-size:8px;letter-spacing:.7px}.response-hint{margin-left:2px;padding-left:7px}.modal-footer .button{white-space:normal}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.mobile-signout{display:none}@media(max-width:640px){.mobile-signout{display:inline-flex}}.live-connecting,.live-reconnecting{color:#a17c30}.live-connecting .dot,.live-reconnecting .dot{color:#c0983c}.cli-card{width:min(720px,95vw);padding:32px;background:#fff;color:#253249;border:1px solid var(--border);border-radius:16px;text-align:left}.cli-card label{display:block;margin:18px 0}.cli-card input,.cli-card select{display:block;width:100%;margin-top:8px}.cli-panel{padding:20px;border-bottom:1px solid var(--border)}.cli-panel summary{cursor:pointer;font-weight:600}.cli-panel pre{overflow-x:auto}.cli-card h1,.cli-card p,.cli-panel p{margin:12px 0}.cli-card a{text-decoration:underline}.cli-panel pre{background:var(--accent-soft);padding:16px;border-radius:8px}.cli-panel code{overflow-wrap:anywhere}