@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-base: #060912;--bg-elevated: #0c1220;--bg-panel: #111a2e;--bg-input: #1a2540;--bg-overlay: rgba(255, 255, 255, .04);--line: #1f2c47;--line-strong: #2d3d5e;--ink: #e6ecf7;--ink-2: #aab6d0;--ink-3: #6e7c9a;--ink-4: #475674;--accent: #5dd0e8;--accent-glow: rgba(93, 208, 232, .18);--accent-dim: #2a8294;--safe: #4ad6a4;--caution: #f5b859;--warn: #ff9b6b;--danger: #ff5c7a;--deep: #7c9bff;--water-0: #1a3a5e;--water-mid: #0d2647;--water-deep: #061429;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--font-ui: "Inter", ui-sans-serif, -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-display: "Inter", ui-sans-serif, sans-serif}[data-theme=light]{--bg-base: #f5f6f8;--bg-elevated: #ffffff;--bg-panel: #ffffff;--bg-input: #f1f3f7;--bg-overlay: rgba(0, 0, 0, .03);--line: #e3e7ee;--line-strong: #c9d0dc;--ink: #0c1220;--ink-2: #3d4861;--ink-3: #6e7c9a;--ink-4: #aab6d0;--accent: #1a8aa3;--accent-glow: rgba(26, 138, 163, .12);--accent-dim: #5dbed1;--safe: #1faa75;--caution: #d68b1a;--warn: #d96a3a;--danger: #d63657;--deep: #4a64d4;--water-0: #cfe0ee;--water-mid: #a8c2d8;--water-deep: #7fa5c2}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:var(--font-ui);background:var(--bg-base);color:var(--ink);font-feature-settings:"cv11","ss01";font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit;padding:0}input{font-family:inherit;color:inherit;background:none;border:none;font-size:inherit}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#root{height:100vh}.app{display:grid;grid-template-rows:56px 1fr;height:100vh;background:var(--bg-base)}.app:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,var(--accent-glow),transparent 60%),linear-gradient(180deg,var(--bg-base) 0%,var(--bg-base) 70%,#03060d 100%);pointer-events:none;z-index:0}[data-theme=light] .app:before{background:radial-gradient(ellipse 80% 60% at 50% 0%,var(--accent-glow),transparent 60%),linear-gradient(180deg,var(--bg-base) 0%,var(--bg-base) 100%)}.app>*{position:relative;z-index:1}.header{display:grid;grid-template-columns:320px 1fr auto;align-items:center;padding:0 20px;background:var(--bg-elevated);border-bottom:1px solid var(--line);height:56px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--accent)}.brand-name{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:-.01em}.brand-sub{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.12em;margin-top:1px}.header-status{display:flex;gap:24px;justify-content:center;align-items:center}.status-pill{display:flex;flex-direction:column;align-items:center;min-width:80px}.status-pill .label{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:1px}.status-pill .value{font-family:var(--font-mono);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:.02em}.status-pill .value.accent{color:var(--accent)}.status-pill .value.safe{color:var(--safe)}.status-pill .value.warn{color:var(--warn)}.status-pill .value.danger{color:var(--danger)}.status-pill .unit{font-size:10px;color:var(--ink-3);margin-left:2px;font-weight:400}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--ink-2);border:1px solid transparent;transition:all .15s}.icon-btn:hover{background:var(--bg-overlay);color:var(--ink);border-color:var(--line)}.icon-btn.active{background:var(--accent-glow);color:var(--accent);border-color:var(--accent-dim)}.lang-toggle{display:flex;background:var(--bg-input);border:1px solid var(--line);border-radius:var(--radius-sm);padding:2px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.05em}.lang-toggle button{padding:4px 8px;border-radius:3px;color:var(--ink-3)}.lang-toggle button.on{background:var(--accent);color:var(--bg-base)}.main{display:grid;grid-template-columns:320px 1fr 360px;gap:12px;padding:12px;overflow:hidden;min-height:0}.col{display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:0}.col::-webkit-scrollbar{width:6px}.col::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.col::-webkit-scrollbar-track{background:transparent}.col-center{overflow:hidden}.panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-lg);display:flex;flex-direction:column}.panel-hero{flex:1;min-height:0}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line);min-height:38px}.panel-head h3{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin:0}.panel-head .head-actions{display:flex;gap:6px;align-items:center}.panel-body{padding:12px 14px}.panel-body.compact{padding:8px 14px}.panel-body.flush{padding:0}.btn{padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;transition:all .12s;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--bg-base);font-weight:600}.btn-primary:hover{filter:brightness(1.1)}.btn-ghost{background:transparent;color:var(--ink-2);border-color:var(--line)}.btn-ghost:hover{color:var(--ink);border-color:var(--line-strong);background:var(--bg-overlay)}.btn-icon{width:22px;height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-3);border-radius:3px}.btn-icon:hover{color:var(--ink);background:var(--bg-overlay)}.btn-icon.danger:hover{color:var(--danger)}.field{display:flex;flex-direction:column;gap:4px}.field-label{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);font-weight:500}.field-input{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 8px;height:30px;transition:border-color .12s}.field-input:focus-within{border-color:var(--accent)}.field-input input{flex:1;width:100%;height:100%;font-family:var(--font-mono);font-size:13px;font-variant-numeric:tabular-nums;font-weight:500}.field-input .suffix{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);margin-left:4px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wp-list{display:flex;flex-direction:column;gap:4px}.wp-row{display:grid;grid-template-columns:22px 1fr 1fr 22px;gap:6px;align-items:center;padding:4px 0}.wp-num{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);text-align:center;width:22px;height:22px;border-radius:50%;background:var(--bg-input);display:flex;align-items:center;justify-content:center;font-weight:600}.gas-list{display:flex;flex-direction:column;gap:6px}.gas-row{display:grid;grid-template-columns:36px 64px 1fr 22px;gap:8px;align-items:center;padding:6px 8px;background:var(--bg-input);border:1px solid var(--line);border-radius:var(--radius-sm)}.gas-tag{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--bg-base);background:var(--accent);padding:2px 4px;border-radius:3px;text-align:center}.gas-tag.air{background:var(--ink-3)}.gas-tag.nitrox{background:var(--safe)}.gas-tag.deep{background:var(--deep);color:#fff}.gas-tag.o2{background:var(--warn);color:var(--bg-base)}.gas-detail{display:flex;flex-direction:column;font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums}.gas-detail .pri{color:var(--ink);font-weight:600}.gas-detail .sec{color:var(--ink-3);font-size:10px}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.metric{background:var(--bg-panel);padding:12px 14px;display:flex;flex-direction:column}.metric-label{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);margin-bottom:4px}.metric-value{font-family:var(--font-mono);font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1}.metric-value .unit{font-size:11px;font-weight:400;color:var(--ink-3);margin-left:3px;letter-spacing:0}.metric-sub{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);margin-top:4px;font-variant-numeric:tabular-nums}.metric-value.safe{color:var(--safe)}.metric-value.caution{color:var(--caution)}.metric-value.warn{color:var(--warn)}.metric-value.danger{color:var(--danger)}.metric-value.accent{color:var(--accent)}.deco-table{display:flex;flex-direction:column}.deco-row{display:grid;grid-template-columns:36px 1fr 1fr 1fr;gap:8px;padding:8px 14px;font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;border-bottom:1px solid var(--line);align-items:center}.deco-row:last-child{border-bottom:none}.deco-row.head{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);background:var(--bg-input);font-weight:600}.deco-depth{font-weight:600;font-size:13px}.deco-marker{width:4px;height:18px;background:var(--accent);border-radius:1px}.no-deco{display:flex;align-items:center;gap:10px;padding:14px 16px;color:var(--safe);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.02em}.no-deco-dot{width:8px;height:8px;border-radius:50%;background:var(--safe);box-shadow:0 0 0 4px #4ad6a42e}.tissue-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:12px 14px}.tissue-cell{aspect-ratio:1.6 / 1;background:var(--bg-input);border:1px solid var(--line);border-radius:var(--radius-sm);position:relative;overflow:hidden;padding:6px 8px;display:flex;flex-direction:column;justify-content:space-between;cursor:default}.tissue-cell:hover{border-color:var(--line-strong)}.tissue-cell .num{font-family:var(--font-mono);font-size:9px;color:var(--ink-3);font-weight:600;letter-spacing:.05em;z-index:2}.tissue-cell .ht{font-family:var(--font-mono);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);z-index:2}.tissue-cell .pct{font-family:var(--font-mono);font-size:9px;color:var(--ink-2);font-variant-numeric:tabular-nums;z-index:2}.tissue-fill{position:absolute;left:0;bottom:0;right:0;background:linear-gradient(180deg,var(--safe),var(--caution));z-index:1;opacity:.18;transition:height .3s ease}.tissue-cell.over .tissue-fill{background:linear-gradient(180deg,var(--warn),var(--danger));opacity:.28}.tissue-cell.over{border-color:var(--danger)}.profile-wrap{flex:1;position:relative;display:flex;flex-direction:column;min-height:0}.profile-chart{flex:1;position:relative;min-height:0}.profile-svg{width:100%;height:100%;display:block}.legend{display:flex;gap:14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--ink-3)}.legend-item{display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none;transition:opacity .12s}.legend-item.off{opacity:.35}.legend-swatch{width:14px;height:2px;border-radius:1px}.legend-swatch.dashed{height:0;border-top:2px dashed currentColor}.seg{display:flex;background:var(--bg-input);border:1px solid var(--line);border-radius:var(--radius-sm);padding:2px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em}.seg button{padding:4px 10px;border-radius:3px;color:var(--ink-3);font-weight:500}.seg button.on{background:var(--bg-panel);color:var(--ink);box-shadow:0 1px 2px #0003}.diver-anim{position:relative;height:100%;width:100%;background:linear-gradient(180deg,var(--water-0) 0%,var(--water-mid) 50%,var(--water-deep) 100%);border-radius:var(--radius);overflow:hidden}.diver-readout{container-type:inline-size;display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:8px;overflow:hidden}.diver-readout>.ro-cell{background:var(--bg-input);padding:6px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}.diver-readout>.ro-cell.phase{border-left:3px solid var(--accent)}.diver-readout .ro-label{font-family:var(--font-mono);font-size:8px;color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diver-readout .ro-val{font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diver-readout .ro-val.lg{font-size:14px}.diver-readout .ro-val.md{font-size:12px;letter-spacing:.04em}.diver-readout .ro-val .u{font-size:10px;color:var(--ink-3);margin-left:2px;font-weight:400}@container (max-width: 360px){.diver-readout{grid-template-columns:1fr 1fr}}.gf-slider{appearance:none;width:100%;height:4px;background:var(--bg-input);border-radius:2px;outline:none}.gf-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-panel);cursor:grab;box-shadow:0 0 0 1px var(--accent)}.gf-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-panel);cursor:grab;box-shadow:0 0 0 1px var(--accent)}.warn-banner{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#ff5c7a14;border:1px solid rgba(255,92,122,.4);color:var(--danger);border-radius:var(--radius);font-size:12px}.warn-banner.caution{background:#f5b85914;border-color:#f5b85966;color:var(--caution)}.disclaimer{font-family:var(--font-mono);font-size:9px;color:var(--ink-4);text-align:center;padding:6px;letter-spacing:.06em;text-transform:uppercase}.chart-tooltip{position:absolute;background:var(--bg-elevated);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:8px 10px;font-family:var(--font-mono);font-size:11px;pointer-events:none;box-shadow:0 4px 16px #0006;min-width:120px;z-index:5}.chart-tooltip .tt-time{color:var(--ink-3);font-size:10px;margin-bottom:4px}.chart-tooltip .tt-row{display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums}.chart-tooltip .tt-row .name{color:var(--ink-2)}.chart-tooltip .tt-row .val{color:var(--ink);font-weight:600}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--safe);animation:pulse 1.4s ease-in-out infinite;margin-right:6px}