:root{--vo2-primary:var(--main-primary);--vo2-primary-hover:var(--main-primary-hover);--vo2-text:#1e293b;--vo2-text-secondary:#475569;--vo2-text-muted:#64748b;--vo2-bg:#fff;--vo2-bg-hover:#f8fafc;--vo2-border:#e2e8f0;--vo2-border-hover:#cbd5e1;--vo2-card-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--vo2-poor:#ef4444;--vo2-poor-bg:#ef44441a;--vo2-fair:#f59e0b;--vo2-fair-bg:#f59e0b1a;--vo2-good:#10b981;--vo2-good-bg:#10b9811a;--vo2-excellent:#3b82f6;--vo2-excellent-bg:#3b82f61a;--vo2-superior:#8b5cf6;--vo2-superior-bg:#8b5cf61a}._vo2-container{max-width:640px;margin:0 auto}._vo2-intro{margin-bottom:var(--main-space-4)}._vo2-intro p{color:var(--vo2-text-muted);font-size:var(--main-text-sm);text-align:center;margin:0;line-height:1.6}@media (max-width:768px){._vo2-container{padding-left:1rem;padding-right:1rem}}._vo2-personal{gap:var(--main-space-4);padding:var(--main-space-4) var(--main-space-5);background:var(--vo2-bg);border-radius:var(--main-radius-lg);box-shadow:var(--vo2-card-shadow);border-style:solid;border-width:1px;border-color:var(--vo2-border);margin-bottom:var(--main-space-4);align-items:flex-end;display:flex}._vo2-field{gap:var(--main-space-1);flex-direction:column;display:flex}._vo2-field--grow{flex:1}._vo2-label{font-size:var(--main-text-xs);color:var(--vo2-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}._vo2-toggle{background:var(--vo2-bg-hover);border-radius:var(--main-radius);border-style:solid;border-width:1px;border-color:var(--vo2-border);padding:2px;display:flex}._vo2-toggle-btn{color:var(--vo2-text-muted);font-size:var(--main-text-sm);cursor:pointer;border-radius:calc(var(--main-radius) - 2px);background:0 0;border-style:none;border-width:0;padding:.4rem 1rem;font-weight:500;transition:background .15s,color .15s}._vo2-toggle-btn.active{background:var(--vo2-bg);color:var(--vo2-text);box-shadow:0 1px 2px #0000000f}._vo2-toggle-btn:hover:not(.active){color:var(--vo2-text-secondary)}@media (max-width:480px){._vo2-personal{align-items:stretch;gap:var(--main-space-3);padding:var(--main-space-3) var(--main-space-4);flex-direction:column}}._vo2-tabs{gap:var(--main-space-1);background:var(--vo2-bg);border-radius:var(--main-radius-lg);box-shadow:var(--vo2-card-shadow);border-style:solid;border-width:1px;border-color:var(--vo2-border);margin-bottom:var(--main-space-4);padding:4px;display:flex;overflow-x:auto}._vo2-tab{color:var(--vo2-text-muted);font-size:var(--main-text-sm);cursor:pointer;border-radius:calc(var(--main-radius-lg) - 4px);white-space:nowrap;background:0 0;border-style:none;border-width:0;flex:1;padding:.5rem .75rem;font-weight:500;transition:background .15s,color .15s}._vo2-tab.active{background:var(--vo2-primary);color:#fff;box-shadow:0 1px 3px #6366f14d}._vo2-tab:hover:not(.active){color:var(--vo2-text);background:var(--vo2-bg-hover)}@media (max-width:480px){._vo2-tabs{gap:2px;padding:3px}._vo2-tab{font-size:var(--main-text-xs);padding:.4rem .5rem}}._vo2-tab-panels{background:var(--vo2-bg);border-radius:var(--main-radius-lg);box-shadow:var(--vo2-card-shadow);border-style:solid;border-width:1px;border-color:var(--vo2-border);padding:var(--main-space-4) var(--main-space-5);margin-bottom:var(--main-space-4);min-height:120px}._vo2-panel{display:none}._vo2-panel.active{display:block}._vo2-hint{color:var(--vo2-text-muted);font-size:var(--main-text-sm);margin:0 0 var(--main-space-3) 0;line-height:1.5}._vo2-hint--small{font-size:var(--main-text-xs);margin-top:var(--main-space-2);margin-bottom:0}._vo2-input-row{gap:var(--main-space-3);align-items:flex-end;display:flex}._vo2-input-row+._vo2-input-row{margin-top:var(--main-space-3)}._vo2-input{border-style:solid;border-width:1.5px;border-color:var(--vo2-border);border-radius:var(--main-radius);width:100%;font-size:var(--main-text-sm);color:var(--vo2-text);background:var(--vo2-bg);outline:none;padding:.5rem .75rem;transition:border-color .15s,box-shadow .15s}._vo2-input:focus{border-color:var(--vo2-primary);box-shadow:0 0 0 3px #6366f11a}._vo2-input::placeholder{color:var(--vo2-border-hover)}._vo2-input-group{align-items:stretch;gap:0;display:flex}._vo2-input-group ._vo2-input{border-right-width:0;border-top-right-radius:0;border-bottom-right-radius:0;flex:1;min-width:0}._vo2-input-suffix{background:var(--vo2-bg-hover);border-style:solid;border-width:1.5px;border-color:var(--vo2-border);border-top-right-radius:var(--main-radius);border-bottom-right-radius:var(--main-radius);font-size:var(--main-text-xs);color:var(--vo2-text-muted);border-left-width:0;align-items:center;padding:0 .625rem;font-weight:500;display:flex}._vo2-unit-toggle{border-style:solid;border-width:1.5px;border-color:var(--vo2-border);border-top-right-radius:var(--main-radius);border-bottom-right-radius:var(--main-radius);border-left-width:0;flex-shrink:0;display:flex;overflow:hidden}._vo2-unit-btn{background:var(--vo2-bg-hover);color:var(--vo2-text-muted);font-size:var(--main-text-xs);cursor:pointer;border-style:none none none solid;border-width:0 0 0 1px;border-left-color:var(--vo2-border);padding:.4rem .625rem;font-weight:500;transition:background .15s,color .15s}._vo2-unit-btn:first-child{border-left-width:0}._vo2-unit-btn.active{background:var(--vo2-primary);color:#fff}._vo2-unit-btn:hover:not(.active){background:var(--vo2-border)}._vo2-select{border-style:solid;border-width:1.5px;border-color:var(--vo2-border);border-radius:var(--main-radius);width:100%;font-size:var(--main-text-sm);color:var(--vo2-text);background:var(--vo2-bg);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;outline:none;padding:.5rem 2rem .5rem .75rem}._vo2-select:focus{border-color:var(--vo2-primary);box-shadow:0 0 0 3px #6366f11a}._vo2-calculate-btn{background:var(--vo2-primary);color:#fff;border-radius:var(--main-radius-lg);width:100%;font-size:var(--main-text-base);cursor:pointer;margin-bottom:var(--main-space-4);border-style:none;border-width:0;padding:.75rem 1.5rem;font-weight:600;transition:opacity .15s,box-shadow .15s;display:block;box-shadow:0 2px 8px #6366f140}._vo2-calculate-btn:hover{opacity:.9;box-shadow:0 4px 12px #6366f159}._vo2-calculate-btn:active{opacity:.85}@media (max-width:480px){._vo2-tab-panels{padding:var(--main-space-3) var(--main-space-4)}._vo2-input-row{gap:var(--main-space-2);flex-direction:column}}._vo2-result{background:var(--vo2-bg);border-radius:var(--main-radius-lg);box-shadow:var(--vo2-card-shadow);border-style:solid;border-width:1px;border-color:var(--vo2-border);padding:var(--main-space-6) var(--main-space-5);text-align:center}._vo2-result-main{margin-bottom:var(--main-space-5)}._vo2-result-value{color:var(--vo2-text);font-size:3.5rem;font-weight:700;line-height:1;font-family:var(--main-font-mono)}._vo2-result-unit{font-size:var(--main-text-sm);color:var(--vo2-text-muted);margin-top:var(--main-space-1)}._vo2-result-badge{border-radius:var(--main-radius-full);font-size:var(--main-text-sm);margin-top:var(--main-space-3);align-items:center;padding:.3rem 1rem;font-weight:600;display:inline-flex}._vo2-result-badge--poor{background:var(--vo2-poor-bg);color:var(--vo2-poor)}._vo2-result-badge--fair{background:var(--vo2-fair-bg);color:var(--vo2-fair)}._vo2-result-badge--good{background:var(--vo2-good-bg);color:var(--vo2-good)}._vo2-result-badge--excellent{background:var(--vo2-excellent-bg);color:var(--vo2-excellent)}._vo2-result-badge--superior{background:var(--vo2-superior-bg);color:var(--vo2-superior)}._vo2-percentile{font-size:var(--main-text-sm);color:var(--vo2-text-secondary);margin-top:var(--main-space-4);padding-top:var(--main-space-4);border-top-style:dashed;border-top-width:1px;border-top-color:var(--vo2-border)}._vo2-percentile strong{color:var(--vo2-text)}@media (max-width:480px){._vo2-result{padding:var(--main-space-4)}._vo2-result-value{font-size:2.5rem}}._vo2-gauge{margin:var(--main-space-4) 0}._vo2-gauge-bar{background:linear-gradient(to right, var(--vo2-poor) 0%, var(--vo2-fair) 25%, var(--vo2-good) 50%, var(--vo2-excellent) 75%, var(--vo2-superior) 100%);border-radius:6px;height:12px;position:relative;overflow:visible}._vo2-gauge-marker{background:var(--vo2-bg);border-style:solid;border-width:3px;border-color:var(--vo2-text);z-index:1;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;transition:left .5s;position:absolute;top:50%;box-shadow:0 2px 6px #0003}._vo2-gauge-labels{margin-top:var(--main-space-2);font-size:var(--main-text-xs);color:var(--vo2-text-muted);justify-content:space-between;display:flex}@media (max-width:480px){._vo2-gauge-labels{font-size:10px}}._vo2-table-wrap{margin-top:var(--main-space-4);padding-top:var(--main-space-4);border-top-style:dashed;border-top-width:1px;border-top-color:var(--vo2-border);overflow-x:auto}._vo2-table{border-collapse:collapse;width:100%;font-size:var(--main-text-sm);text-align:center}._vo2-table th{background:var(--vo2-bg-hover);color:var(--vo2-text-secondary);font-weight:600;font-size:var(--main-text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--vo2-border);padding:.5rem .625rem}._vo2-table td{color:var(--vo2-text);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--vo2-border);padding:.5rem .625rem}._vo2-table tr:last-child td{border-bottom-width:0}._vo2-table tr._vo2-table-highlight{background:#6366f10f}._vo2-table tr._vo2-table-highlight td{color:var(--vo2-primary);font-weight:600}._vo2-table tr._vo2-table-highlight td:first-child{position:relative}._vo2-table tr._vo2-table-highlight td:first-child:before{content:"";background:var(--vo2-primary);border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:0}@media (max-width:480px){._vo2-table{font-size:var(--main-text-xs)}._vo2-table th,._vo2-table td{padding:.375rem .4rem}}