:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#263d39;background:#f0f4f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,input[type=range]{cursor:pointer}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:none;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.96)}:focus-visible{outline:3px solid #3b8e7f;outline-offset:3px}h1,h2,h3,p{margin:0}h2{font-size:13px;font-weight:650}h3{font-size:12px;font-weight:650}fieldset{border:0;padding:0;margin:0;min-width:0}select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23798b84' stroke-width='1.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;padding:9px 29px 9px 10px;border:1px solid #dce4df;border-radius:6px;color:#344b43;width:100%;min-width:0;font-size:11px}input[type=number]{border:1px solid #dce4df;border-radius:4px;padding:4px;color:#36594e;width:55px;background:#fff;text-align:center}input[type=range]{width:100%;accent-color:#397b69;height:4px;margin:13px 0 7px}input[type=checkbox]{accent-color:#397b69}label{display:block;color:#71817a;font-size:10px;font-weight:500}label select{margin-top:6px}.topbar{height:83px;padding:0 33px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce4df;background:#fbfcfa}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:41px;height:41px;background:#326e5e;border-radius:11px;color:#fff;display:grid;place-items:center}.brand h1{font-size:24px;letter-spacing:-1px;font-weight:650}.brand h1 span{font-weight:350;margin-left:4px;color:#6b7f72}.brand p{font-size:10px;color:#849187;margin-top:3px}.topbar-middle{display:flex;align-items:center;gap:15px}.sandbox{font-size:10px;color:#5f796a;display:flex;align-items:center;gap:7px}.sandbox span{width:5px;height:5px;border-radius:50%;background:#65a98a}.version{background:#edf2ed;color:#8a998b;border-radius:4px;padding:5px 7px;font-size:9px}.header-actions{display:flex;gap:20px;align-items:center}.language{display:flex;align-items:center;gap:5px}.language select{border:0;background-color:transparent;width:100px;margin:0;color:#586a60}.icon-button{padding:5px;color:#718479}.workspace-toolbar{height:65px;display:flex;align-items:center;gap:22px;padding:0 33px;border-bottom:1px solid #dce4df}.mode-switch{display:flex;background:#e3eae4;padding:3px;border-radius:7px}.mode-switch button{padding:8px 18px;font-size:11px;border-radius:5px;color:#7c8d80;font-weight:600}.mode-switch button span{font-size:9px;font-weight:400}.mode-switch button.selected{background:#fff;color:#366951;box-shadow:0 1px 3px #334d3912}.case-select{display:flex;align-items:center;color:#7b8e80}.case-select select{margin:0;border:none;background:none;color:#526f60}.reset{margin-left:auto;font-size:10px;color:#7a8b7e}.workspace{max-width:1680px;margin:auto;display:grid;grid-template-columns:250px minmax(390px,1fr) 292px;padding:24px 28px 22px;gap:22px;align-items:start}.panel-title{display:flex;align-items:center;gap:8px;padding:0 0 16px;color:#63796b}.panel-title h2{color:#4b6557}.panel-title>span:last-child{margin-left:auto;font-size:9px;color:#9ba69d}.cannula-card{background:#fbfcfa;border:1px solid #dee6df;border-radius:9px;padding:17px;margin-bottom:15px;box-shadow:0 2px 4px #324f3710}.card-heading{display:flex;align-items:center;gap:9px;margin-bottom:19px}.card-heading h3{font-size:12px;color:#4a6052}.role-icon{color:#836ba9;display:grid;place-items:center;background:#efeaf6;border-radius:6px;width:28px;height:28px}.return .role-icon{color:#b39153;background:#f6f0e4}.card-number{margin-left:auto;color:#b9c1b7;font-size:10px}.cannula-card>label,.cannula-card>.field-row{margin-bottom:13px}.field-row{display:flex;align-items:end;gap:7px}.field-row label{flex:1}.field-row select{width:100%}.unit-label{font-size:10px;color:#91a18f;padding-bottom:10px}.depth-heading{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:5px}.depth-heading>div{display:flex;align-items:center;gap:5px;font-size:9px;color:#8b9a8c}.depth-heading input{width:42px;border-color:#e4e9e1;font-size:11px}.range-ends{display:flex;justify-content:space-between;color:#a1ada0;font-size:8px}.tip-info{display:flex;gap:7px;border-top:1px solid #e7ece5;margin-top:15px;padding-top:12px;color:#8c998a;font-size:9px}.tip-dot{background:#9d8ab8;width:5px;height:5px;border-radius:50%;margin-top:4px;flex:none}.return .tip-dot{background:#c1a16b}.tip-info strong{display:block;margin-top:4px;font-size:10px;font-weight:500;color:#728369}.microcopy{font-size:8px;color:#9aab94;margin-top:10px;line-height:1.6}.text-button{padding:0;font-size:9px;color:#87987f}.cannula-card>.text-button{margin-top:12px;text-decoration:underline;text-underline-offset:3px}.anatomy-panel{border:1px solid #dce5dd;border-radius:10px;background:#f7faf6;overflow:hidden}.anatomy-heading{padding:18px 20px 0;display:flex;align-items:center;justify-content:space-between}.anatomy-heading h2{color:#506851;font-size:12px}.anatomy-heading p{font-size:8px;color:#9ba795;margin-top:5px}.label-toggle{display:flex;align-items:center;gap:4px;font-size:9px;color:#8b9982}.anatomy-canvas{height:auto;aspect-ratio:600/660;max-height:660px;display:flex;justify-content:center;padding:5px 6px}.anatomy-svg{height:100%;width:100%;max-width:100%;overflow:visible}.anatomy-svg text{font-family:inherit}.side-label{font-size:9px;fill:#a2b19e;letter-spacing:1px;text-transform:uppercase}.anatomy-label,.anatomy-labels{font-size:8px;fill:#82977f}.anatomy-labels path{fill:none;stroke:#b0beaa;stroke-width:.7}.chamber-labels{font-weight:600;text-anchor:middle;fill:#fff}.cannula-tag{font-size:8px;font-weight:600;fill:#7c7190;paint-order:stroke;stroke:#f7faf6;stroke-width:3px}.external-circuit text{font-size:9px;fill:#8a9c83}.schematic-note{font-size:7px;fill:#9aab8e}.mix-marker text{font-size:9px;fill:#397e71}.flow{animation:flow var(--flow-time, 1.5s) linear infinite}.flow.reverse{animation-direction:reverse}@keyframes flow{to{stroke-dashoffset:-38}}.legend{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;padding:0 12px 17px;font-size:8px;color:#87977f}.legend span{display:flex;gap:5px;align-items:center}.legend i{width:6px;height:6px;border-radius:50%}.legend i.drain-key{border-radius:0;height:2px;width:10px;background:#735db4}.legend i.return-key{border-radius:0;height:2px;width:10px;background:#d1a24b}.anatomy-bottom{padding:11px 17px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e4eadf;background:#f3f7ef}.status{display:flex;align-items:center;gap:6px;font-size:8px;color:#87967d}.status i{width:5px;height:5px;border-radius:50%;background:#abb6a2}.status.on i{background:#488c69}.pause-button{font-size:8px;gap:4px}.observations{padding:16px 19px;background:#edf3e9;border-top:1px solid #dfe8d8}.observation-title{display:flex;align-items:center;gap:7px;color:#718a67}.observation-title h3{font-size:10px}.observations>p{font-size:9px;line-height:1.8;color:#819374;margin:9px 0}.observation-metrics{display:flex;gap:34px;margin-top:13px}.observation-metrics>span{font-size:8px;color:#839676}.observation-metrics strong{display:block;color:#527448;font-size:20px;font-weight:500;margin-top:5px;font-variant-numeric:tabular-nums}.observation-metrics small{font-size:9px;font-weight:400;margin-left:5px;color:#8ba07f}.observation-metrics .mix-value{font-size:14px}.differential-note{color:#b28245!important}.zoom-viewport{position:relative;overflow:hidden;touch-action:none}.anatomy-stage{position:absolute;inset:5px 6px;display:flex;align-items:center;justify-content:center;transform-origin:center}.zoom-controls{position:absolute;z-index:3;bottom:8px;right:8px;display:flex;gap:2px;padding:3px;background:#fbfcfaeb;border:1px solid #dce5dd;border-radius:7px}.zoom-controls button{min-width:32px;min-height:32px;padding:3px 5px;font-size:10px}@media(max-width:760px){.zoom-controls{bottom:2px;right:4px}.zoom-controls button{min-width:44px;min-height:44px}}.right-panel{display:flex;flex-direction:column;gap:16px}.card{border:1px solid #dce5dd;border-radius:9px;background:#fbfcfa;padding:17px}.console .panel-title{border-bottom:1px solid #edf0e9;padding-bottom:13px}.console .panel-title h2{font-size:12px}.tiny-indicator{display:block;width:5px;height:5px;border-radius:50%;background:#c4cec0}.tiny-indicator.on{background:#64aa77}.flow-display{text-align:center;padding:18px 0}.flow-display>span{font-size:9px;color:#99a58d}.flow-display>div{display:flex;align-items:baseline;justify-content:center;gap:9px;margin-top:3px}.flow-display strong{font-weight:400;font-size:49px;letter-spacing:-2px;color:#3e6e52;font-variant-numeric:tabular-nums}.flow-display>div>span{font-size:11px;color:#91a283}.rpm-heading{display:flex;justify-content:space-between;align-items:center}.rpm-heading>div{display:flex;align-items:center;gap:4px;font-size:8px;color:#94a288}.rpm-heading input{width:64px;font-size:12px;border-color:#e5ebdf}.console .pump-button{width:100%;padding:11px;border-radius:6px;background:#46765c;color:#f8fcf2;font-size:10px;margin:15px 0 19px}.console .pump-button.stop{background:#f2e8dc;color:#997245}.pressures{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e7ecdf;padding-top:14px}.pressures>div{text-align:center;border-right:1px solid #e7ecdf}.pressures>div:last-child{border:0}.pressures span{display:block;color:#859774;font-size:8px}.pressures strong{display:block;margin:5px 0;font-size:20px;color:#5e7c4e;font-weight:400;font-variant-numeric:tabular-nums}.pressures small{font-size:7px;color:#a3b193}.pressure-map{display:flex;justify-content:space-between;font-size:7px;color:#9bab91;margin-top:15px;align-items:center;gap:2px}.pressure-map i{font-style:normal;color:#c0cbb5}.pressure-trend{width:100%;height:36px;margin-top:8px;background:repeating-linear-gradient(to top,transparent,transparent 11px,#e9eee3 12px)}.physiology{border-top:1px solid #e6eddf;margin-top:10px;padding-top:13px}.physiology h3{font-size:10px;margin-bottom:13px;color:#738765}.physiology>label{margin-top:12px;font-size:9px}.physiology>label>strong{float:right;font-weight:500;color:#5d8050}.physiology select{font-size:10px}.warning{font-size:9px;line-height:1.6;color:#a07843;background:#f6f0df;padding:7px 9px;border-radius:4px;margin-top:9px}.monitor{border-radius:9px;background:#243c32;color:#dae9d4;padding:16px 17px;box-shadow:0 3px 7px #203a2b12}.monitor-header{display:flex;align-items:center;gap:7px}.monitor-header h2{font-size:10px;font-weight:500;color:#d9e5ce}.monitor-header>span:last-child{margin-left:auto;font-size:7px;color:#8ba27d}.live-dot{width:4px;height:4px;border-radius:50%;background:#9dc08a}.wave-row{display:flex;gap:6px;align-items:center;margin-top:16px}.wave-row>div{flex:1;min-width:0}.signal-label{font-size:7px;color:#88ac76}.wave-row svg{width:100%;height:37px;display:block;margin-top:5px}.wave-line{stroke:#a9ce88;fill:none;stroke-width:1.1;stroke-dasharray:500;animation:trace 3s linear infinite}.ecg-number{font-size:24px;font-weight:400;color:#b4d692}.ecg-number small{font-size:7px;color:#7e9c6a}.sensor-select{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#9db391;margin:12px 0;border-top:1px solid #3a5040;padding-top:12px;gap:10px}.sensor-select select{border:0;background-color:#304a3a;color:#bfd1b2;font-size:8px;padding:5px 19px 5px 6px;margin:0;width:107px}.monitor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.monitor-grid>div{padding:9px 0;border-bottom:1px solid #3a5040}.monitor-grid span{display:block;font-size:8px;color:#90a982}.monitor-grid strong{font-size:34px;font-weight:400;display:block;line-height:1.3;font-variant-numeric:tabular-nums}.monitor-grid small{font-size:10px;margin-left:4px}.spo2 strong{color:#afd8cf}.nirs strong{color:#d4c687}.bp{margin-top:13px}.bp>span{display:block;font-size:8px;color:#94ab86}.bp strong{display:block;font-size:22px;font-weight:400;color:#dac1a2;margin:5px 0;font-variant-numeric:tabular-nums}.bp i{font-size:16px;font-style:normal;padding:0 3px;color:#a58f72}.bp small{font-size:15px;color:#b6a487}.arterial-wave{width:100%;height:24px;margin-top:12px}.arterial-wave path{stroke:#c6a780;stroke-width:1;fill:none}.help-panel{max-width:1100px;margin:15px auto 0;padding:18px 24px;background:#fff;border:1px solid #dce6dc;border-radius:8px;line-height:1.8}.help-panel p{font-size:11px;color:#75886b;margin-top:8px}.paused .flow,.paused .wave-line{animation-play-state:paused}.paused fieldset{opacity:.6}@keyframes trace{0%{stroke-dashoffset:500}to{stroke-dashoffset:0}}footer{display:flex;align-items:center;gap:17px;padding:16px 33px;border-top:1px solid #dfe7d9;font-size:8px;color:#9cac90}footer>span:first-child{display:flex;align-items:center;gap:6px}.footer-brand{margin-left:auto;color:#a5b298;letter-spacing:.5px}.mobile-nav{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.workspace{grid-template-columns:275px minmax(420px,1fr) 320px;gap:28px}.anatomy-canvas{max-height:720px}.cannula-card{padding:20px}.cannula-card select{font-size:12px}}@media(max-width:1100px)and (min-width:761px){.workspace{grid-template-columns:215px minmax(300px,1fr) 250px;gap:12px;padding:18px 14px}.topbar,.workspace-toolbar{padding-left:20px;padding-right:20px}.cannula-card,.card{padding:13px}.anatomy-heading{padding:15px 13px 0}.anatomy-canvas{max-height:570px}.legend{gap:7px;font-size:7px}.observations{padding:13px}.sandbox{display:none}.cannula-card select{font-size:10px}.pressure-map{font-size:6px}.monitor{padding:14px}.anatomy-labels{font-size:7px}}@media(max-width:760px){:root{font-size:12px}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:65px;min-height:65px;padding:0 15px}.brand{gap:8px}.brand-mark{width:32px;height:32px;border-radius:8px}.brand-mark svg{width:21px}.brand h1{font-size:20px}.brand p{font-size:8px}.topbar-middle{display:none}.header-actions{gap:7px}.language select{width:82px;font-size:10px}.workspace-toolbar{height:55px;min-height:55px;padding:0 12px;gap:9px}.mode-switch button{padding:8px 11px}.mode-switch button span{display:none}.case-select{gap:3px;flex:1;min-width:0}.case-select select{width:100%;font-size:9px;min-width:0}.case-select>svg:first-child{display:none}.reset{padding:4px}.reset span{display:none}.workspace{display:block;position:relative;padding:0;width:100%;flex:1;min-height:0;margin:0;overflow:hidden}.anatomy-panel{height:100%;display:flex;flex-direction:column;border:0;border-radius:0}.anatomy-heading{padding:12px 14px 0;flex-shrink:0}.anatomy-heading h2{font-size:11px}.anatomy-heading p{font-size:7px}.anatomy-canvas{flex:1;min-height:0;height:auto;aspect-ratio:auto;max-height:none;padding:0 5px}.legend{padding:0 12px 8px;gap:9px;font-size:7px;flex-shrink:0}.anatomy-bottom{padding:8px 13px;flex-shrink:0}.observations{display:none}.mobile-panel{display:none!important;position:absolute;z-index:5;bottom:0;right:0;width:min(285px,76vw);max-height:64%;overflow-y:auto;box-shadow:-4px -3px 24px #263d3926;border:1px solid #d7e3d3;background:#f4f7f0;border-radius:12px 0 0;padding:14px;overscroll-behavior:contain}.mobile-panel.mobile-open{display:block!important}.left-panel .panel-title{padding:2px 0 14px}.left-panel .cannula-card{padding:13px}.right-panel{display:contents}.monitor-container{padding:0;background:none}.monitor-container .monitor{border-radius:12px 0 0}.mobile-nav{display:flex;flex-shrink:0;border-top:1px solid #d7e3d0;background:#fafcf7;padding:10px 7px max(10px,env(safe-area-inset-bottom));gap:3px;z-index:6}.mobile-nav button{flex:1;font-size:9px;gap:4px;padding:8px 4px;border-radius:5px;color:#819176}.mobile-nav button.active{color:#386d4d;background:#e8f0df}.mobile-nav button.active>svg:last-child{transform:rotate(180deg)}footer{padding:7px 12px;font-size:7px;justify-content:center}footer .text-button,footer .footer-brand{display:none}.help-panel{position:absolute;z-index:10;top:119px;left:10px;right:10px;margin:0;max-height:60dvh;overflow:auto;padding:15px}.help-panel p{font-size:10px}.anatomy-labels{font-size:8px}.schematic-note{display:none}}@media(max-height:500px)and (max-width:760px){.topbar{height:45px;min-height:45px}.workspace-toolbar{height:40px;min-height:40px}.brand p{display:none}.anatomy-heading{position:absolute;left:10px;top:4px;z-index:1}.anatomy-heading p,.legend,footer{display:none}.anatomy-bottom{position:absolute;left:10px;bottom:5px;border:0;background:transparent;gap:15px}.mobile-panel{max-height:95%}.mobile-nav{padding:3px}.help-panel{top:86px}}@media(prefers-reduced-motion:reduce){.flow,.wave-line{animation:none!important}}@media(max-width:760px)and (min-height:501px){.mobile-panel{max-height:43%;width:100%;border-radius:12px 12px 0 0;box-shadow:0 -3px 18px #263d3919}.mobile-panel-visible .anatomy-canvas{flex:0 0 48%;height:48%}.mobile-panel-visible .legend{margin-top:auto}.mobile-panel-visible .anatomy-bottom{visibility:hidden}.mobile-panel-visible .left-panel fieldset{display:grid;gap:10px}.mobile-panel-visible .left-panel .cannula-card{margin:0}.mobile-panel-visible .left-panel select{padding-left:6px;font-size:9px}.mobile-panel-visible .left-panel .card-heading{gap:5px}.mobile-panel-visible .left-panel .card-heading h3{font-size:10px}}.mobile-console-summary{display:none}@media(max-width:760px){.mobile-console-summary{display:block;margin-top:12px;font-size:10px;line-height:1.7;color:#6d835f}.mobile-console-summary strong{display:block;margin-top:7px;font-weight:500}}@media(min-width:761px){.anatomy-canvas{aspect-ratio:auto;align-items:center}.anatomy-svg{display:block;flex:1 1 auto;width:100%;height:100%;min-width:0}}.chamber-labels{font-size:8px}.drain-saturation{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #e4eade;padding:11px 0 12px}.drain-saturation>span{font-size:10px;color:#647b5d}.drain-saturation>strong{margin-left:auto;font-size:25px;font-weight:450;color:#668bab;font-variant-numeric:tabular-nums}.drain-saturation small{font-size:10px;margin-left:3px}.drain-saturation p{width:100%;font-size:8px;line-height:1.6;color:#8a9b7e}@media(max-width:760px)and (min-height:501px){.topbar{padding-top:env(safe-area-inset-top);height:calc(65px + env(safe-area-inset-top));min-height:calc(65px + env(safe-area-inset-top))}.mobile-nav{padding-bottom:6px}footer{padding-bottom:max(7px,env(safe-area-inset-bottom))}.mobile-nav button,.mode-switch button,.header-actions>button,.reset{min-height:44px;min-width:44px}.mobile-nav button{font-size:11px}.mobile-panel-visible .left-panel fieldset{grid-template-columns:1fr}.mobile-panel-visible .left-panel .card-heading h3,.mobile-panel h3,.mobile-panel label{font-size:12px}.mobile-panel select,.mobile-panel-visible .left-panel select,.mobile-panel input[type=number],.language select,.case-select select{font-size:16px;min-height:44px}.language select{width:104px}.language>svg{display:none}.mobile-panel input[type=number]{width:72px}input[type=range]{height:28px;margin:4px 0}.mobile-panel button{min-height:44px}.mobile-panel{scroll-padding-block:12px;-webkit-overflow-scrolling:touch}}.cannula-tabs{display:none}.hand-switch{display:flex;gap:3px;padding:3px;border-radius:6px;background:#182f26}.hand-switch button{padding:7px 6px;font-size:10px;color:#c4d5bb;border-radius:4px}.hand-switch button[aria-pressed=true]{color:#203c30;background:#c5dbc0;font-weight:600}@media(max-width:760px)and (min-height:501px){.cannula-tabs{display:flex;position:sticky;top:-14px;z-index:2;gap:5px;background:#f4f7f0;padding:5px 0 9px}.cannula-tabs button{flex:1;min-height:44px;border-radius:6px;border:1px solid #ccdbd0;font-size:14px}.cannula-tabs button[aria-selected=true]{background:#386e5d;color:#fff}.selected-drainage .cannula-card.return,.selected-return .cannula-card.drainage,.left-panel .panel-title{display:none}.console.mobile-open{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px 8px}.console>*{grid-column:1 / -1;order:5}.console .panel-title{order:0;padding-bottom:5px}.console .flow-display{grid-column:1 / 3;order:1;padding:0;text-align:left}.console .flow-display>div{justify-content:flex-start;margin:0}.console .flow-display strong{font-size:30px;letter-spacing:-1px}.console .drain-saturation{grid-column:3 / 5;order:1;display:block;border:0;padding:0}.console .drain-saturation>span{display:block;font-size:9px}.console .drain-saturation>strong{font-size:26px}.console .drain-saturation p{display:none}.console .pressures{order:2;padding-top:3px}.console .pressures strong{margin:1px 0;font-size:20px}.console>fieldset:not(.physiology){order:3;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 8px;align-items:center}.console .rpm-heading{grid-column:1}.console .rpm-heading label{font-size:10px}.console #rpm{grid-column:1;grid-row:2}.console .range-ends{display:none}.console .pump-button{grid-column:2;grid-row:1 / 3;margin:0;width:auto;padding:8px}.console .physiology{order:4}.console .pressure-map{margin-top:8px}.console .pressure-trend{height:25px;margin-top:0}.mobile-console-summary{margin-top:3px}.monitor-container.mobile-panel{padding:0}.monitor-container .monitor{padding:10px 12px}.monitor .wave-row{margin-top:5px}.monitor .wave-row svg{height:22px;margin-top:0}.monitor .sensor-select{margin:4px 0;padding-top:4px}.monitor .hand-switch button{font-size:12px;min-height:44px;padding:5px 9px}.monitor-grid>div{padding:3px 0}.monitor-grid strong{font-size:26px;line-height:1.1}.monitor .bp{margin-top:4px;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}.monitor .bp strong{font-size:22px;margin:1px 0}.monitor .arterial-wave{height:15px}}@media(max-width:760px)and (min-height:621px)and (max-height:740px){.console.mobile-panel{max-height:max(43%,260px)}.monitor-container.mobile-panel{max-height:max(43%,250px)}.mobile-panel-visible:has(.console.mobile-open,.monitor-container.mobile-open) .anatomy-canvas{flex:0 0 calc(100% - 300px);height:calc(100% - 300px)}}.sensor-select{flex-wrap:wrap}.monitor-grid{align-items:start}.spo2 .sensor-select{display:block;border:0;padding-top:3px;margin:4px 0 0}.spo2 .sensor-select>span{font-size:8px;margin-bottom:4px}.spo2 .hand-switch{width:100%}.spo2 .hand-switch button{flex:1;padding:7px 3px;font-size:9px}.monitor-secondary .nirs{padding:9px 0;border-bottom:1px solid #3a5040}.monitor-secondary .bp{margin-top:8px}.monitor-secondary .bp strong{font-size:20px}.monitor-secondary .bp small{font-size:12px}.arterial-wave{overflow:hidden}.pressure-trace{animation:pressure-scroll 3.08s linear infinite}@keyframes pressure-scroll{to{transform:translate(-300px)}}.paused .pressure-trace{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.pressure-trace{animation:none}}@media(min-width:761px){.workspace{align-items:stretch}.left-panel,.left-panel>fieldset,.anatomy-panel{display:flex;flex-direction:column}.left-panel>fieldset,.left-panel .cannula-card{flex:1}.monitor-container{display:flex}.monitor-container .monitor{flex:1}}@media(max-width:760px)and (min-height:501px){.monitor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.monitor-grid>.spo2{border-bottom:0}.monitor-secondary .nirs{padding:3px 0}.spo2 .sensor-select{margin-top:4px}.spo2 .hand-switch button{min-height:44px;font-size:11px;padding:4px 2px}.monitor-secondary .bp{display:block;margin-top:4px}.monitor-secondary .bp strong{font-size:21px;white-space:nowrap}.monitor .arterial-wave{margin-top:5px}}.monitor-grid>.monitor-secondary{padding:0;border:0}@media(min-width:761px){.left-panel .cannula-card:last-child{margin-bottom:0}}@media(max-width:760px)and (min-height:501px){.mobile-panel-visible .left-panel .cannula-card{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:8px 10px;padding:10px}.mobile-panel-visible .left-panel .cannula-card>*{grid-column:1 / -1}.mobile-panel-visible .left-panel .cannula-card>.card-heading{display:none}.mobile-panel-visible .left-panel .cannula-card>label:first-of-type{grid-column:1}.mobile-panel-visible .left-panel .cannula-card>.field-row{grid-column:2;margin:0;align-items:end}.mobile-panel-visible .left-panel .cannula-card label select,.mobile-panel-visible .left-panel .cannula-card .depth-heading{margin-top:4px}.selected-drainage .cannula-card.return,.selected-return .cannula-card.drainage{display:none!important}}@media(max-width:760px)and (min-height:621px)and (max-height:740px){.left-panel.mobile-panel{max-height:max(43%,230px)}.mobile-panel-visible:has(.left-panel.mobile-open) .anatomy-canvas{flex:0 0 calc(100% - 270px);height:calc(100% - 270px)}}@media(max-width:760px)and (min-height:501px){.mobile-panel-visible .left-panel .cannula-card>label{margin-bottom:0}}.case-select{position:relative;width:218px;gap:0}.case-select select{width:100%;padding:9px 28px 9px 24px}.case-select>svg{position:absolute;pointer-events:none}.case-select>svg:first-child{left:0}.case-select>svg:last-child{right:8px}@media(max-width:760px){.case-select{width:auto}.case-select select{padding-left:0}}@media(min-width:761px){.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:58px;min-height:58px;padding:0 22px}.brand-mark{width:34px;height:34px}.brand h1{font-size:22px}.workspace-toolbar{height:46px;min-height:46px;padding:0 22px}footer{padding:7px 22px;flex-shrink:0}.workspace{flex:1;min-height:0;width:100%;max-width:none;margin:0;padding:10px 20px;gap:16px;grid-template-columns:clamp(220px,19vw,260px) minmax(0,1fr) clamp(260px,23vw,300px);grid-template-rows:minmax(0,1fr)}.left-panel,.right-panel{min-height:0;overflow-y:auto;scrollbar-width:thin}.left-panel>fieldset{gap:10px}.left-panel .cannula-card{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:5px 8px;padding:10px;margin-bottom:0;flex:1 0 auto}.left-panel .cannula-card>*{grid-column:1 / -1}.left-panel .cannula-card>label:first-of-type{grid-column:1}.left-panel .cannula-card>.field-row{grid-column:2;margin:0}.left-panel .cannula-card>label{margin-bottom:0}.left-panel .card-heading{margin-bottom:2px}.left-panel .card-heading .role-icon{width:26px;height:26px}.left-panel select{padding:6px 22px 6px 7px;font-size:11px;margin-top:3px}.left-panel .field-row{gap:3px}.left-panel .unit-label{font-size:8px;padding-bottom:8px}.left-panel .depth-heading{margin-top:2px}.left-panel input[type=range]{margin:6px 0 1px}.left-panel .tip-info{margin-top:3px;padding-top:5px}.left-panel .tip-info strong,.left-panel .microcopy{margin-top:2px}.anatomy-panel{min-height:0}.anatomy-heading{padding:10px 14px 0;flex-shrink:0}.anatomy-canvas{height:0;min-height:0;max-height:none;flex:1 1 0}.anatomy-svg{min-height:0}.legend{padding-bottom:8px;flex-shrink:0}.anatomy-bottom{padding:7px 12px;flex-shrink:0}.observations{padding:9px 12px;flex-shrink:0}.observations p{margin-top:5px}.right-panel{gap:10px}.console{padding:10px 12px;flex-shrink:0}.console .panel-title{padding-bottom:6px}.console .flow-display{padding:4px 0}.console .flow-display strong{font-size:32px}.console .pump-button{margin:5px 0;padding:7px}.console input[type=range]{margin:6px 0 2px}.console .drain-saturation{padding:4px 0}.console .drain-saturation strong{font-size:22px}.console .pressures{padding-top:5px}.console .pressures strong{margin:2px 0;font-size:18px}.console .pressure-map{margin-top:6px}.console .pressure-trend{height:22px;margin-top:3px}.console .physiology{margin-top:5px;padding-top:5px}.console .physiology h3{margin-bottom:4px}.console .physiology>label{margin-top:4px}.console .physiology select{padding:5px 24px 5px 7px;margin-top:3px}.monitor-container{flex:0 0 auto;margin-top:auto}.monitor-container .monitor{padding:10px 12px}.monitor .wave-row{margin-top:5px}.monitor .wave-row svg{height:24px;margin-top:2px}.monitor-grid>.spo2,.monitor-secondary .nirs{padding-top:4px;padding-bottom:4px}.monitor-grid strong{font-size:28px}.monitor .arterial-wave{height:20px;margin-top:6px}.help-panel{position:absolute;top:105px;left:20px;right:20px;z-index:10;max-height:calc(100dvh - 145px);overflow:auto}}@media(min-width:761px)and (max-height:820px){.console .flow-display{display:flex;justify-content:space-between;align-items:center;height:32px;padding:0}.console .flow-display strong{font-size:28px}.console .flow-display>div{margin-top:0}.console .pressure-trend{height:12px;margin-top:2px}.console .pressure-map{margin-top:3px}.console .physiology h3{font-size:9px;margin-bottom:0}.console .physiology>label{margin-top:2px}.console .physiology{margin-top:3px;padding-top:3px}.monitor-container .monitor{padding:8px 10px}.monitor .wave-row{margin-top:2px}.monitor .wave-row svg{height:18px}.monitor-grid strong{font-size:24px}.monitor .arterial-wave{height:16px;margin-top:3px}}.anatomy-tools{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.anatomy-explanation{position:relative;font-size:10px;color:#56735e}.anatomy-explanation summary{cursor:pointer;padding:3px 0}.anatomy-explanation>div{position:absolute;z-index:8;top:calc(100% + 5px);right:0;width:min(310px,calc(100vw - 40px));padding:13px;line-height:1.65;background:#f9fcf6;border:1px solid #cbdccf;border-radius:8px;box-shadow:0 5px 18px #263d3920}.circuit-metrics{background:#edf3e9;padding:8px 12px}.circuit-metrics .observation-metrics{margin:0;justify-content:space-between;gap:10px}.circuit-metrics .observation-metrics strong{font-size:19px;margin-top:3px}.circuit-metrics .differential-note{font-size:9px;margin-top:5px;color:#a07843}@media(min-width:761px){.circuit-metrics{flex-shrink:0}.anatomy-heading{align-items:flex-start}}@media(min-width:761px)and (max-height:820px){.right-panel{gap:6px}.console .pressure-trend{display:none}.circuit-metrics{padding:5px 10px}.circuit-metrics .observation-metrics strong{font-size:17px;margin-top:1px}}@media(max-width:760px){.circuit-metrics{display:none}.anatomy-explanation{font-size:9px}.anatomy-tools{gap:2px}}.heart-chambers{transform-box:fill-box;transform-origin:center}@keyframes heart-beat{0%,to{transform:scale(1)}35%{transform:scale(var(--heart-scale, 1.015))}}.paused .heart-chambers{animation-play-state:paused!important}.ecg-flat{fill:none;stroke:#a9ce88;stroke-width:1.1}.situation-explanation{margin-top:10px;border-top:1px solid #dce6dc;padding-top:8px}@media(prefers-reduced-motion:reduce){.heart-chambers{animation:none!important}}