@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0a0c0f;--color-surface:#12161b;--color-elevated:#181d24;--color-border:#232a33;--color-text:#e7eaee;--color-muted:#939dab;--color-accent:#38b2ac;--color-warning:#e0a030;--color-danger:#e5484d;--color-surface-overlay:color-mix(in srgb, var(--color-surface) 88%, transparent);--color-surface-label:color-mix(in srgb, var(--color-surface) 80%, transparent);--side-panel-width:calc(var(--space-3) * 7);--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--radius-sm:12px;--radius-md:14px;--radius-lg:16px;--border-width:1px;--motion-fast:.15s;--motion-base:.2s;--motion-slow:.25s;--ease-out:cubic-bezier(.16, 1, .3, 1);--focus-ring:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent);--font-sans:"Inter", system-ui, sans-serif;--font-size-title:32px;--font-size-body:14px;--font-size-small:12px}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s;--motion-slow:0s}}html,body{background:var(--color-bg);height:100%;color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-body);margin:0}:focus-visible{box-shadow:var(--focus-ring);outline:none}.panel{top:var(--space-2);right:var(--space-2);z-index:1;box-sizing:border-box;width:calc(var(--space-4) * 10);max-height:calc(100% - 2 * var(--space-2));gap:var(--space-2);padding:var(--space-2);background:var(--color-surface-overlay);color:var(--color-text);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-size-body);flex-direction:column;display:flex;position:fixed;overflow-y:auto}.panel-title{font-size:var(--font-size-body);margin:0;font-weight:600}.panel-group{gap:var(--space-1);padding-top:var(--space-2);border-top:var(--border-width) solid var(--color-border);flex-direction:column;display:flex}.panel-status{color:var(--color-muted);font-size:var(--font-size-small);margin:0}.panel-field{justify-content:space-between;align-items:center;gap:var(--space-1);display:flex}.panel-field input[type=range]{accent-color:var(--color-accent);flex:1}.panel-field input[type=number]{width:var(--space-6);padding:var(--space-1);background:var(--color-elevated);color:var(--color-text);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font:inherit}.panel-button{padding:var(--space-1) var(--space-2);background:var(--color-elevated);color:var(--color-text);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out)}.panel-button:hover{border-color:var(--color-accent)}.panel-toggle{align-items:center;gap:var(--space-1);cursor:pointer;display:flex}.panel-switch{accent-color:var(--color-accent);margin:0}.shell{z-index:1;gap:var(--space-2);padding:var(--space-2);pointer-events:none;--ap-w:calc(min(100vh * var(--mask-aspect,1.25), 100vw) * var(--mask-fill,1));--dock-w:clamp(calc(var(--space-6) * 3), calc((100vw - var(--dock-clear,.85) * var(--ap-w)) / 2 - var(--space-2) - var(--space-1)), calc(var(--space-6) * 7));font-family:var(--font-sans);font-size:var(--font-size-body);color:var(--color-text);grid-template:"top top top""rail.inspector"1fr"bottom bottom bottom"/auto 1fr auto;display:grid;position:fixed;inset:0}.shell-top,.shell-side,.shell-caption>*,.shell-hotbar,.shell-ports{pointer-events:auto}:where(.shell) button{font:inherit;color:inherit;cursor:pointer}.shell-top{scrollbar-width:none;justify-self:stretch;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-surface-overlay);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);grid-area:top;display:flex;overflow-x:auto}.shell-name{margin-right:auto;font-weight:600}@media (max-width:800px){.shell-name{display:none}.shell-modes:first-of-type{margin-right:auto}}.shell-top>*{flex-shrink:0}.shell-modes{gap:var(--space-1);display:flex}.shell-mode,.shell-help,.shell-toggle{padding:var(--space-1) var(--space-2);background:var(--color-elevated);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--motion-fast) var(--ease-out)}.shell-mode:hover,.shell-help:hover,.shell-toggle:hover{border-color:var(--color-accent)}.shell-vents{align-items:center}.shell-vents-title{color:var(--color-muted)}.shell:is([data-mode=quiz],[data-mode=physiology]) .shell-vents{display:none}.shell-mode[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.shell-side{align-self:start;gap:var(--space-1);flex-direction:column;min-height:0;max-height:100%;display:flex}.shell-rail{width:var(--side-panel-width);grid-area:2/rail/4}.shell-inspector{flex-shrink:0;align-self:flex-end;align-items:flex-end}.shell:is([data-mode=guided],[data-mode=practice]) .shell-inspector{max-height:60%}.shell-right{align-items:flex-end;gap:var(--space-1);min-height:0;margin-bottom:calc(var(--vitals-h,0px) + var(--space-1));flex-direction:column;grid-area:2/inspector/4;display:flex}.shell:not([data-mode=guided]) .shell-rail,.shell:not([data-mode=guided]) .guided-caption{display:none}.shell-side:has(>.shell-side-body:empty){display:none}.shell-toggle{align-self:flex-start}.shell-inspector .shell-toggle{align-self:flex-end}.shell-side-body{min-height:0;overflow-y:auto}.shell-inspector .panel{max-height:none;width:calc(var(--space-4) * 8);position:static}.shell-inspector .panel:has(>details:not([open])){width:auto}.shell-bottom{align-items:center;gap:var(--space-1);flex-direction:column;grid-area:bottom;display:flex}.shell-caption{box-sizing:border-box;width:var(--dock-w);gap:var(--space-1);min-height:0;font-size:var(--font-size-small);flex-direction:column;margin-top:auto;display:flex}.shell-caption>*{flex-shrink:0}.shell-caption>:is(.guided-caption,.practice-bar){flex-shrink:1;min-height:0}.shell-caption>.practice-bar{scrollbar-width:thin;overflow-y:auto}.shell-caption>.practice-bar>*{flex-shrink:0}.shell-caption>.practice-bar>.practice-step{scrollbar-width:thin;flex-shrink:1;min-height:0;overflow-y:auto}.guided-caption .guided-body{scrollbar-width:thin;min-height:0;overflow-y:auto}.shell-caption #action-toast{max-width:none!important;position:static!important;transform:none!important}.shell-caption #action-toast[style*="visibility: hidden"]{display:none}.shell-dock{align-self:stretch;align-items:end;gap:var(--space-2);grid-template-columns:1fr auto 1fr;display:grid}.shell-hotbar{grid-column:2}.shell-ports{grid-area:1/1;justify-self:start}.shell-ports .port-chips{flex-direction:column;align-items:flex-start}.shell-ports .port-chip{max-width:var(--side-panel-width)}@media (max-height:480px),(max-width:1199px){.shell-right{z-index:1;position:relative}.shell-dock{gap:var(--space-1);grid-template-columns:1fr}.shell-hotbar{grid-area:2/1}.shell-ports{justify-self:center}.shell-ports .port-chips{flex-direction:row;justify-content:center}.shell-ports .port-chip{max-width:none}}.shell-hotbar{min-height:var(--space-6)}.shell-ports:empty,.shell-hotbar:empty{pointer-events:none}.scope-compass{place-self:start end;align-items:center;gap:var(--space-1);font-size:var(--font-size-small);flex-direction:column;grid-area:2/2;display:flex}.scope-compass[hidden]{display:none}.scope-compass-dial{--compass-r:var(--space-4);width:calc(var(--compass-r) * 2 + var(--space-6));aspect-ratio:1;border:var(--border-width) solid var(--color-border);background:var(--color-surface-overlay);border-radius:50%;position:relative}.scope-compass-mark{transform:translate(-50%, -50%) translate(calc(var(--x,0) * var(--compass-r)), calc(var(--y,0) * var(--compass-r)));white-space:nowrap;line-height:1;position:absolute;top:50%;left:50%}.scope-compass-mark[data-axis=head]{font-weight:600}.scope-compass-hint{padding:0 var(--space-1);background:var(--color-surface-overlay);border-radius:var(--radius-sm);color:var(--color-muted)}.shell[data-mode=guided] .scope-compass{grid-column:3}.shell[data-mode=guided] .scope-compass-hint{display:none}.shell[data-mode=guided] .shell-right{padding-top:calc(var(--space-4) * 2 + var(--space-6) + var(--space-1));box-sizing:border-box}.shell[data-mode=guided] .shell-top{border-block-width:0;padding-block:0}.shell[data-mode=guided] :is(.shell-views,.shell-vents,.shell-inspector){display:none}.guided-steps{padding:var(--space-1);gap:calc(var(--space-1) / 2);background:var(--color-surface-overlay);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;margin:0;list-style:none;display:flex}.guided-step{align-items:center;gap:var(--space-1);width:100%;padding:var(--space-1);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);text-align:left;transition:background-color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);background:0 0;display:flex}@media (max-height:760px){.guided-step{padding:calc(var(--space-1) / 2) var(--space-1)}}.guided-step:hover{border-color:var(--color-border)}.guided-step[aria-current=step]{background:var(--color-elevated);border-color:var(--color-accent)}.guided-step-num{width:var(--space-3);height:var(--space-3);border:var(--border-width) solid var(--color-border);color:var(--color-muted);font-size:var(--font-size-small);border-radius:50%;flex:none;place-items:center;display:grid}.guided-step[aria-current=step] .guided-step-num{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.guided-caption{box-sizing:border-box;gap:var(--space-1);padding:var(--space-1);background:var(--color-surface-overlay);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.guided-body[hidden],.guided-msgs[hidden]{display:none}.guided-sub{color:var(--color-muted);font-size:var(--font-size-small);font-variant-numeric:tabular-nums;margin-left:auto}.guided-meta{justify-content:space-between;align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.guided-more,.guided-fold{padding:0 var(--space-1);align-self:flex-start}.guided-msgs{padding:var(--space-1);gap:calc(var(--space-1) / 2);background:var(--color-surface-overlay);border:var(--border-width) solid var(--color-border);border-left:calc(var(--border-width) * 3) solid var(--color-accent);border-radius:var(--radius-lg);flex-direction:column;margin:0;list-style:none;display:flex}.shell:not([data-mode=guided]) .guided-msgs{display:none}.guided-body,.guided-details:not([hidden]){gap:var(--space-1);flex-direction:column;display:flex}.guided-enter{animation:guided-enter var(--motion-slow) var(--ease-out)}@keyframes guided-enter{0%{opacity:0;transform:translateY(var(--space-1))}}.guided-head{align-items:flex-start;gap:var(--space-1);display:flex}.guided-title{font-size:var(--font-size-body);flex:1;margin:0;font-weight:600}.guided-port{padding:0 var(--space-1);border:var(--border-width) solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-accent);font-size:var(--font-size-small)}.guided-text,.guided-points{margin:0}.shell[data-view=outside] .guided-body .guided-text{display:none}.guided-points{padding-left:var(--space-2)}.guided-video,.guided-note{color:var(--color-muted);font-size:var(--font-size-small);margin:0}.guided-note{color:var(--color-warning)}.guided-controls{align-items:center;gap:calc(var(--space-1) / 2);flex-wrap:wrap;display:flex}.guided-controls .panel-button{padding:calc(var(--space-1) / 2) var(--space-1);text-align:center}.guided-nav:last-child{margin-left:auto}.guided-counter{color:var(--color-muted);font-variant-numeric:tabular-nums}.guided-nav:disabled,.guided-play:disabled{opacity:.5;cursor:default}.practice-bar{box-sizing:border-box;gap:var(--space-1);padding:var(--space-2);background:var(--color-surface-overlay);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}:is(.practice-bar[hidden],:root:has(.debrief[open]) .practice-bar){display:none}.practice-bar p{margin:0}.practice-vitals{color:var(--color-warning)}.practice-vitals:not(:empty){padding-left:var(--space-1);border-left:calc(var(--border-width) * 3) solid var(--color-danger)}.shell[data-mode=guided] :is(.shell-hotbar,.shell-ports,.shell-dock){display:none}