:root{color:#27272a;font-synthesis:none;--surface:#fff;--muted:#f4f4f5;--border:#e4e4e7;--text:#27272a;--subtle:#71717a;--sky-bg:#e0f2fe;--sky:#0284c7;background:#f4f4f5;font-family:Figtree,Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible{outline-offset:3px;outline:2px solid #0ea5e9}input,select,textarea{border:1px solid var(--border);background:var(--muted);color:var(--text);border-radius:3px;outline:none;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf820}button{color:inherit;border:0;border-radius:3px}svg{width:25px;height:25px}.shell{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:244px;height:100vh;display:flex;position:sticky;top:0}.brand{height:65px;color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:0 23px;font-size:17px;font-weight:650;text-decoration:none;display:flex}.brand svg{color:var(--sky)}.brand-light{color:var(--subtle);font-size:14px;font-weight:400}.nav-label{letter-spacing:1.4px;color:var(--subtle);margin:28px 23px 12px;font-size:10px;font-weight:650}nav{padding:0 12px}nav button{text-align:left;width:100%;color:var(--subtle);background:0 0;align-items:center;gap:12px;margin-bottom:5px;padding:11px;font-size:13px;display:flex}nav button.selected{background:var(--sky-bg);color:var(--sky);font-weight:550}.nav-icon{text-align:center;width:23px;font-size:21px}.nav-count{background:var(--surface);border-radius:3px;margin-left:auto;padding:1px 7px;font-size:11px}.sidebar-bottom{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:19px 20px;display:flex}.avatar{background:var(--sky-bg);width:34px;height:34px;color:var(--sky);border-radius:4px;place-items:center;font-size:11px;font-weight:650;display:grid}.sidebar-bottom small,.sidebar-bottom strong{font-size:12px;display:block}.sidebar-bottom small{color:var(--subtle);margin-top:3px;font-size:10px}.online-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.sidebar-bottom>.online-dot{margin-left:auto}.main-shell{flex:1;min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;height:65px;padding:0 32px;font-size:14px;font-weight:550}.top-actions,.topbar{align-items:center;display:flex}.top-actions{gap:18px}.environment{color:var(--subtle);align-items:center;gap:7px;font-size:11px;font-weight:400;display:flex}.top-actions select{padding:6px 8px;font-size:12px}.theme-button{color:var(--subtle);background:0 0;font-size:21px}main{max-width:1260px;margin:auto;padding:40px 40px 20px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:29px;display:flex}.eyebrow{color:var(--sky);letter-spacing:1.3px;margin:0 0 10px;font-size:10px;font-weight:650}h1{letter-spacing:-1px;margin:0 0 8px;font-size:29px;font-weight:600;line-height:1.2}.subtitle{color:var(--subtle);margin:0;font-size:13px;line-height:1.7}.badge{white-space:nowrap;border-radius:3px;flex-shrink:0;padding:4px 9px;font-size:10px;font-weight:550;display:inline-block}.low,.neutral{background:var(--muted);color:var(--subtle)}.medium,.sky{background:var(--sky-bg);color:var(--sky)}.high{color:#e11d48;background:#fff1f2}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:20px 23px}.stat>span{color:var(--subtle);font-size:12px}.stat strong{justify-content:space-between;align-items:center;margin-top:8px;font-size:30px;font-weight:550;display:flex}.stat-symbol{background:var(--muted);color:var(--subtle);border-radius:4px;place-items:center;width:35px;height:35px;font-size:20px;display:grid}.stat-symbol.sky{background:var(--sky-bg);color:var(--sky)}.stat-symbol.green{color:#059669;background:#d1fae5}.card{background:var(--surface);border:1px solid var(--border);border-radius:4px;overflow:hidden}.card-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:23px 24px;display:flex}h2{margin:0;font-size:15px;font-weight:600}.card-heading p{color:var(--subtle);margin:5px 0 0;font-size:12px}.add-form{gap:10px;padding:22px 24px;display:flex}.add-form input{flex:1;min-width:0;font-size:13px}.add-form select,.primary{font-size:12px}.primary{background:var(--sky-bg);color:var(--sky);white-space:nowrap;padding:10px 15px;font-weight:600}.primary:hover{background:#bae6fd}.list-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:0 24px 20px;display:flex}.filters{background:var(--muted);border-radius:4px;gap:3px;padding:3px;display:flex}.filters button{color:var(--subtle);white-space:nowrap;background:0 0;padding:7px 10px;font-size:11px}.filters button.current{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000000a}.search{border:1px solid var(--border);background:var(--muted);border-radius:3px;align-items:center;max-width:235px;display:flex}.search>span{color:var(--subtle);padding-left:10px;font-size:23px}.search input{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;padding:8px;font-size:11px}.search button{color:var(--subtle);background:0 0;padding:6px 10px}.todo-row{border-top:1px solid var(--border);align-items:center;gap:13px;min-height:62px;padding:17px 24px;font-size:13px;display:flex}.todo-row input{accent-color:#0284c7;flex-shrink:0;width:16px;height:16px}.todo-title{overflow-wrap:anywhere;flex:1}.finished{color:var(--subtle);text-decoration:line-through}.delete{color:#a1a1aa;background:0 0;padding:0 6px;font-size:21px}.delete:hover{color:#e11d48}.progress-footer{background:var(--muted);color:var(--subtle);border-top:1px solid var(--border);align-items:center;gap:15px;padding:16px 24px;font-size:10px;display:flex}.progress-track{background:var(--border);border-radius:4px;flex:1;max-width:240px;height:4px;margin-left:auto;overflow:hidden}.progress-track>div{background:#0ea5e9;height:100%;transition:width .2s}.lab-callout{background:var(--surface);text-align:left;border:1px dashed #7dd3fc;align-items:center;gap:16px;width:100%;margin-top:24px;padding:21px 24px;display:flex}.callout-icon{background:var(--sky-bg);width:38px;height:38px;color:var(--sky);place-items:center;font-size:25px;display:grid}.lab-callout strong{font-size:13px;font-weight:550;display:block}.lab-callout small{color:var(--subtle);margin-top:5px;font-size:11px;line-height:1.6;display:block}.arrow{color:var(--sky);margin-left:auto;font-size:22px}footer{color:#a1a1aa;justify-content:space-between;gap:16px;margin-top:32px;font-size:10px;line-height:1.6;display:flex}.info{background:var(--sky-bg);color:var(--sky);border-radius:3px;margin:0 0 24px;padding:14px 18px;font-size:12px;line-height:1.7}.lab-grid{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);align-items:start;gap:22px;display:grid}.scenario-list{gap:12px}.scenario,.scenario-list{flex-direction:column;display:flex}.scenario{background:var(--surface);border:1px solid var(--border);text-align:left;gap:9px;padding:20px}.scenario.chosen{border-color:#38bdf8;box-shadow:inset 3px 0 #0ea5e9}.scenario .eyebrow{letter-spacing:.6px;margin:0;font-size:9px}.scenario strong{font-size:14px;font-weight:550}.scenario>span:last-child{color:var(--subtle);font-size:12px;line-height:1.7}.request-content{padding:22px 24px}.request-content label{color:var(--subtle);font-size:11px;font-weight:550;display:block}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--muted);border:1px solid var(--border);border-radius:3px;max-height:260px;padding:15px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;overflow:auto}pre,small{line-height:1.7}.request-content small{color:var(--subtle);font-size:10px}.request-content>.primary{justify-content:space-between;width:100%;display:flex}.response-heading{justify-content:space-between;align-items:center;margin-top:28px;display:flex}.result-label{font-size:12px;font-weight:550}.waiting{text-align:center;color:var(--subtle);background:var(--muted);border:1px dashed var(--border);margin-top:12px;padding:38px 10px;font-size:12px}.note-label{margin-top:24px;margin-bottom:10px}.request-content textarea{resize:vertical;width:100%;min-height:90px;font-size:12px}.secondary{background:var(--muted);margin-top:8px;padding:8px 12px;font-size:11px}.secondary,iframe{border:1px solid var(--border)}iframe{background:#fff;border-radius:3px;width:100%;min-height:150px;display:block}.error{color:#e11d48;padding:0 24px}.empty,.error{font-size:12px}.empty{text-align:center;color:var(--subtle);padding:28px}.dark{--surface:#18181b;--muted:#09090b;--border:#27272a;--text:#f4f4f5;--subtle:#a1a1aa;--sky-bg:#082f49;--sky:#38bdf8;color:var(--text);background:#09090b}.dark .high{color:#fda4af;background:#4c0519}.dark .primary:hover{background:#0c4a6e}.dark .stat-symbol.green{color:#34d399;background:#022c22}@media (width>=1500px){main{padding-top:55px}}@media (width<=1000px){.sidebar{width:205px}main{padding:30px 24px}.topbar{padding:0 24px}.environment,.page-heading>.badge{display:none}.lab-grid{grid-template-columns:1fr}.scenario-list{grid-template-columns:1fr 1fr;display:grid}.list-toolbar{flex-wrap:wrap}}@media (width<=700px){.shell{display:block}.sidebar{border-right:0;width:100%;height:auto;position:static}.brand{height:56px;padding:0 20px}.nav-label,.sidebar-bottom{display:none}nav{border-bottom:1px solid var(--border);gap:6px;padding:8px 12px;display:flex}nav button{justify-content:center;margin:0;font-size:12px}.nav-count{margin-left:0}.topbar{height:54px;padding:0 20px}.top-actions{gap:10px}main{padding:25px 16px 16px}h1{font-size:25px}.stats{gap:8px}.stat{padding:15px 12px}.stat>span{font-size:10px}.stat strong{font-size:25px}.stat-symbol{width:25px;height:25px;font-size:16px}.card-heading{padding:19px 16px}.add-form{flex-wrap:wrap;padding:18px 16px}.add-form input{flex-basis:100%}.add-form select{flex:1}.list-toolbar{gap:12px;padding:0 16px 16px}.search{width:100%;max-width:none}.todo-row{gap:10px;padding:16px;font-size:12px}.progress-footer{gap:10px;padding:15px 16px}.lab-callout{padding:17px 16px}.lab-callout small{font-size:10px}.scenario-list{grid-template-columns:1fr}.request-content{padding:18px 16px}footer{flex-direction:column;gap:4px}.page-heading{margin-bottom:23px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}