:root{--vf-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--vf-bg: #09090b;--vf-float: #111317;--vf-panel-2: #1e2024;--vf-panel-3: #24262a;--vf-input-bg: oklch(1 0 0 / .04);--vf-card: oklch(1 0 0 / .05);--vf-card-blur: blur(16px) saturate(1.4);--vf-card-sheen: linear-gradient(165deg, oklch(1 0 0 / .07), transparent 42%);--vf-card-rim: inset 0 1px 0 oklch(1 0 0 / .16), inset 0 0 0 1px oklch(1 0 0 / .07), 0 10px 28px -18px oklch(0 0 0 / .7);--vf-hair: rgba(255, 255, 255, .07);--vf-hair-2: rgba(255, 255, 255, .13);--vf-text: #fafafa;--vf-text-2: #d4d4d8;--vf-muted: #a1a1aa;--vf-faint: #8b8b94;--vf-accent: #00d492;--vf-accent-wash: oklch(.76 .14 163 / .16);--vf-on-accent: #002c22;--vf-info: #38a7f8;--vf-danger: #f87171;--vf-danger-wash: rgba(248, 113, 113, .12);--vf-ok: #4ade80;--vf-ok-wash: rgba(74, 222, 128, .09);--vf-shadow-window: 0 40px 90px -40px rgba(0, 0, 0, .95), 0 12px 32px -18px rgba(0, 0, 0, .7);--vf-scroll-thumb: rgba(255, 255, 255, .14);--vf-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--vf-ease: cubic-bezier(.22, 1, .36, 1);--vf-spot: oklch(1 0 0 / .035);--vf-trace: 0, 212, 146;--vf-trace-alpha: .5;--vf-trace-grid: 255, 255, 255;--vf-float-glass: oklch(.2 .01 264 / .55);color-scheme:dark}:root[data-theme=light]{--vf-bg: #f4f4f5;--vf-float: #ffffff;--vf-panel-2: #f3f3f5;--vf-panel-3: #ececef;--vf-input-bg: #ffffff;--vf-card: oklch(1 0 0 / .6);--vf-card-blur: blur(16px) saturate(1.5);--vf-card-sheen: linear-gradient(165deg, oklch(1 0 0 / .6), transparent 45%);--vf-card-rim: inset 0 1px 0 oklch(1 0 0 / .95), 0 8px 22px -16px oklch(0 0 0 / .2);--vf-hair: rgba(0, 0, 0, .08);--vf-hair-2: rgba(0, 0, 0, .15);--vf-text: #18181b;--vf-text-2: #3f3f46;--vf-muted: #52525b;--vf-faint: #71717a;--vf-accent: #007a55;--vf-accent-wash: oklch(.6 .13 163 / .1);--vf-on-accent: #ffffff;--vf-info: #026ac7;--vf-danger: #dc2626;--vf-danger-wash: rgba(220, 38, 38, .07);--vf-ok: #15803d;--vf-ok-wash: rgba(22, 163, 74, .08);--vf-shadow-window: 0 40px 90px -40px rgba(0, 0, 0, .35), 0 12px 32px -18px rgba(0, 0, 0, .2);--vf-scroll-thumb: rgba(0, 0, 0, .18);--vf-spot: oklch(.7 .12 163 / .045);--vf-trace: 0, 153, 102;--vf-trace-alpha: .6;--vf-trace-grid: 0, 0, 0;--vf-float-glass: oklch(.955 .004 264 / .6);color-scheme:light}*{box-sizing:border-box}body{font-family:var(--vf-font-sans);margin:0;padding:0;background:var(--vf-bg);color:var(--vf-text);min-height:100vh;font-size:13px;overflow-y:scroll}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:transparent;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--vf-scroll-thumb);border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--vf-muted);background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:var(--vf-scroll-thumb) transparent}.app-container{max-width:1100px;margin:0 auto;padding:15px;min-height:100vh}.app-header{text-align:center;margin-bottom:20px;padding-bottom:0}.app-header h1{margin:0;color:var(--vf-text);font-size:1.5rem;font-weight:560;letter-spacing:-.01em}.language-toggle{display:flex;justify-content:center;gap:10px;margin-top:15px}.language-toggle button{background:var(--vf-card);border:1px solid var(--vf-hair-2);color:var(--vf-text-2);padding:5px 15px;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.language-toggle button:hover{background:var(--vf-panel-3)}.language-toggle button.active{background:var(--vf-accent);border-color:var(--vf-accent);color:var(--vf-on-accent)}.app-main{background:var(--vf-float-glass);border-radius:14px;box-shadow:var(--vf-shadow-window);padding:20px;animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.patient-form{padding:15px;background:var(--vf-card);background-image:var(--vf-card-sheen);-webkit-backdrop-filter:var(--vf-card-blur);backdrop-filter:var(--vf-card-blur);border-radius:10px;margin-bottom:15px;box-shadow:var(--vf-card-rim)}.patient-form h2{margin-top:0;margin-bottom:12px;color:var(--vf-text);font-size:1.1rem;font-weight:600}.patient-form input[type=number],.patient-form input[type=text]{width:100%;padding:8px 12px;border-radius:6px;border:1px solid var(--vf-hair-2);font-size:.9rem;transition:all .2s ease;background:var(--vf-input-bg);color:var(--vf-text)}.patient-form input:focus{outline:none;border-color:var(--vf-accent);box-shadow:0 0 0 2px var(--vf-accent-wash)}.patient-form label{display:block;margin-bottom:5px;font-weight:500;color:var(--vf-text-2);font-size:.85rem}.bsa-display{grid-column:1 / -1;margin-top:10px;padding:10px;background:var(--vf-accent-wash);border-radius:6px;border-left:3px solid var(--vf-accent);font-size:.9rem}.bsa-display strong{color:var(--vf-accent);font-size:.95rem}.measurements-container{display:flex;flex-direction:column;gap:15px}.measurement-group{background:var(--vf-card);background-image:var(--vf-card-sheen);-webkit-backdrop-filter:var(--vf-card-blur);backdrop-filter:var(--vf-card-blur);border-radius:10px;padding:12px;box-shadow:var(--vf-card-rim)}.measurement-group h3{border-bottom:1px solid var(--vf-hair-2);padding-bottom:8px;margin-bottom:10px;margin-top:0;color:var(--vf-text);font-size:1rem;font-weight:600}.measurement-row{display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr;gap:10px;align-items:center;margin-bottom:8px;padding:10px;background:var(--vf-card);border:1px solid var(--vf-hair);border-radius:8px;transition:all .2s ease}.measurement-row:hover{border-color:var(--vf-hair-2)}.measurement-label{flex:1}.measurement-label label{font-weight:600;display:block;color:var(--vf-text);font-size:.9rem;margin-bottom:2px}.measurement-label span{font-size:.75rem;color:var(--vf-muted);display:block}.measurement-label .russian-name{font-size:.7rem;color:var(--vf-faint);font-weight:400;margin-top:2px}.measurement-input{flex:1;margin:0}.measurement-input input{width:100%;padding:6px 10px;border-radius:6px;border:1px solid var(--vf-hair-2);font-size:.9rem;transition:all .2s ease;background:var(--vf-input-bg);color:var(--vf-text)}.measurement-input input:focus{outline:none;border-color:var(--vf-accent);box-shadow:0 0 0 2px var(--vf-accent-wash)}.reference-values{display:flex;flex-direction:column;gap:3px;font-size:.75rem}.ref-value{display:flex;justify-content:space-between;padding:2px 6px;border-radius:4px;background:var(--vf-panel-2)}.ref-label{color:var(--vf-muted);font-weight:500;margin-right:4px}.ref-number{font-weight:600;color:var(--vf-text)}.ref-minus2{background:var(--vf-danger-wash)}.ref-minus2 .ref-number{color:var(--vf-danger)}.ref-zero{background:var(--vf-ok-wash)}.ref-zero .ref-number{color:var(--vf-ok)}.ref-plus2{background:var(--vf-danger-wash)}.ref-plus2 .ref-number{color:var(--vf-danger)}.measurement-result{flex:1;text-align:right;font-weight:600}.z-score-value{font-size:1.1rem;margin-bottom:2px}.z-score-percentile{font-size:.7rem;color:var(--vf-muted)}.z-color-green{color:var(--vf-ok)}.z-color-orange{color:#ed8936}.z-color-red{color:var(--vf-danger)}.z-color-gray{color:var(--vf-faint)}.error-message{color:var(--vf-danger);font-size:.9rem}.info-icon{cursor:help;font-size:.9em;opacity:.7;transition:opacity .2s ease;display:inline-block;position:relative}.info-icon:hover{opacity:1}.tooltip{position:absolute;bottom:100%;left:0;margin-bottom:8px;padding:10px 12px;background:var(--vf-panel-3);border:1px solid var(--vf-hair-2);color:var(--vf-text);border-radius:6px;font-size:.8rem;line-height:1.4;max-width:280px;z-index:100;box-shadow:0 4px 12px #0003;animation:tooltipFade .2s ease-in-out;pointer-events:none}.tooltip:after{content:"";position:absolute;top:100%;left:20px;border:6px solid transparent;border-top-color:var(--vf-panel-3)}@keyframes tooltipFade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}input[type=radio]{margin-right:8px;accent-color:var(--vf-accent);cursor:pointer}.patient-form label[for]{cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.search-container{position:relative;margin-bottom:20px}.search-input{width:100%;padding:12px 40px 12px 15px;border-radius:8px;border:1px solid var(--vf-hair-2);font-size:.95rem;transition:all .2s ease;background:var(--vf-input-bg);color:var(--vf-text)}.search-input:focus{outline:none;border-color:var(--vf-accent);box-shadow:0 0 0 3px var(--vf-accent-wash)}.search-input::placeholder{color:var(--vf-faint)}.search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:var(--vf-panel-3);border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:14px;color:var(--vf-text-2);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.search-clear:hover{background:var(--vf-hair-2)}.no-results{text-align:center;padding:60px 20px;color:var(--vf-muted)}.no-results p:first-child{font-size:2rem;margin-bottom:10px}@media(max-width:768px){body{font-size:13px}.app-container{padding:10px}.app-header h1{font-size:1.5rem}.app-main{padding:15px}.patient-form{padding:12px}.patient-form h2{font-size:1rem}.measurement-row{grid-template-columns:1fr;gap:8px;padding:12px}.measurement-label{margin-bottom:5px}.measurement-result{text-align:left;margin-top:5px}.measurement-group{padding:10px}.measurement-group h3{font-size:.95rem}.search-input{font-size:.9rem;padding:10px 35px 10px 12px}.measurement-result{position:static!important}}@media(max-width:480px){.app-header h1{font-size:1.3rem}.patient-form label{font-size:.8rem}.patient-form input{font-size:.85rem;padding:6px 10px}.measurement-label label{font-size:.85rem}.measurement-label span,.measurement-label .russian-name{font-size:.65rem}.z-score-value{font-size:1rem}.search-input{font-size:.85rem}}.highcharts-axis-labels text,.highcharts-axis-title,.highcharts-plot-line-label{fill:var(--vf-muted)!important}.highcharts-axis-line,.highcharts-tick{stroke:var(--vf-hair-2)!important}.vf-bg-fx{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;-webkit-mask-image:radial-gradient(116% 108% at 50% 50%,#000 52%,transparent 100%);mask-image:radial-gradient(116% 108% at 50% 50%,#000 52%,transparent 100%)}#root{position:relative;z-index:1}@property --vf-spot-on{syntax: ""; inherits: false; initial-value: 0;}@media(hover:hover){.vf-quiet{background-image:radial-gradient(420px circle at var(--vf-mx, 50%) var(--vf-my, 50%),color-mix(in oklab,var(--vf-spot) calc(var(--vf-spot-on) * 100%),transparent),transparent 62%),var(--vf-card-sheen);transition:--vf-spot-on .35s var(--vf-ease)}.vf-quiet:hover{--vf-spot-on: 1}}.app-header h1{display:flex;align-items:center;justify-content:center;gap:10px}.title-icon{color:var(--vf-accent);flex:none}.patient-form h2{display:flex;align-items:center;gap:8px}.patient-form h2 svg{color:var(--vf-accent)}.search-container .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--vf-faint);pointer-events:none}.search-input{padding-left:40px}.info-icon{display:inline-flex;align-items:center;color:var(--vf-info)}.no-results svg{color:var(--vf-faint)}.measurement-label label,.measurement-label span:not(.russian-name){letter-spacing:0}input[type=number]:not(:placeholder-shown),.z-score-value,.z-score-percentile,.ref-number{font-family:var(--vf-font-mono);font-variant-numeric:tabular-nums}button:focus-visible,input:focus-visible{outline:2px solid var(--vf-accent);outline-offset:2px}.language-toggle button{min-height:36px}@media print{.vf-bg-fx{display:none}.vf-quiet,.app-main{-webkit-backdrop-filter:none;backdrop-filter:none}}