*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #005da7;--primary-container: #64a8fe;--primary-dim: #005192;--on-primary: #eef3ff;--on-primary-container: #00284e;--surface: #f5f7f9;--surface-container-lowest: #ffffff;--surface-container-low: #eef1f3;--surface-container: #e5e9eb;--surface-container-high: #dfe3e6;--surface-container-highest: #d9dde0;--on-surface: #2c2f31;--on-surface-variant: #595c5e;--outline: #747779;--outline-variant: #abadaf;--error: #b31b25;--error-container: #fb5151;--on-error: #ffefee;--secondary: #8b4749;--secondary-container: #ffc3c2;--tertiary: #6a5b00;--tertiary-container: #fcdf46;--inverse-surface: #0b0f10;--shadow-sm: 0 1px 3px rgba(44, 47, 49, .04);--shadow-md: 0 4px 16px rgba(44, 47, 49, .06);--shadow-lg: 0 12px 32px rgba(44, 47, 49, .06);--shadow-primary: 0 4px 16px rgba(0, 93, 167, .2);--radius-sm: .5rem;--radius-md: 1.5rem;--radius: 1rem;--radius-lg: 2rem;--radius-xl: 3rem;--transition: .25s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1)}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--on-surface);background:var(--surface);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-container-high);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--outline-variant)}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary);color:#fff;padding:.5rem 1rem;z-index:9999;border-radius:0 0 var(--radius-sm) 0;transition:top var(--transition)}.skip-link:focus{top:0}.layout{display:flex;flex-direction:column;min-height:100vh}.top-navbar{position:sticky;top:0;width:100%;z-index:50;background:#ffffffb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-sm)}.top-navbar-inner{display:flex;justify-content:space-between;align-items:center;max-width:80rem;margin:0 auto;padding:.75rem 1.5rem}.navbar-left{display:flex;align-items:center;gap:2rem}.navbar-brand{font-size:1.375rem;font-weight:800;letter-spacing:-.03em;color:var(--primary)}.navbar-nav{display:flex;gap:.25rem;align-items:center}.navbar-nav a{padding:.5rem .75rem;border-radius:9999px;text-decoration:none;font-size:.875rem;font-weight:500;letter-spacing:-.01em;color:var(--on-surface-variant);transition:all .2s}.navbar-nav a:hover{color:var(--primary);background:#005da70d}.navbar-nav a.active{color:var(--primary);font-weight:700;border-bottom:2px solid var(--primary);border-radius:0;padding-bottom:calc(.5rem - 2px)}.navbar-right{display:flex;align-items:center;gap:.75rem}.profile-chip{display:flex;align-items:center;gap:.5rem;background:var(--surface-container-low);padding:.375rem 1rem .375rem .5rem;border-radius:9999px;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.profile-chip:hover{background:var(--surface-container)}.profile-chip-avatar{width:2rem;height:2rem;border-radius:9999px;background:var(--primary-container);display:flex;align-items:center;justify-content:center;color:var(--on-primary-container);font-size:.75rem;font-weight:700}.profile-chip-info{display:flex;flex-direction:column;text-align:left}.profile-chip-name{font-size:.75rem;font-weight:700;color:var(--primary);line-height:1}.profile-chip-detail{font-size:.625rem;color:var(--on-surface-variant);font-weight:500}.profile-chip-arrow{color:var(--primary);font-size:1rem}.navbar-icon-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;border-radius:9999px;background:transparent;cursor:pointer;transition:all .2s;color:var(--on-surface-variant);font-family:inherit}.navbar-icon-btn:hover{background:var(--surface-container-low);color:var(--primary)}.profile-dropdown{position:relative}.profile-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:220px;background:var(--surface-container-lowest);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.5rem;list-style:none;z-index:100;animation:fadeInDown .2s ease}.profile-dropdown-backdrop{position:fixed;inset:0;z-index:99}.profile-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.625rem .75rem;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:all var(--transition);font-family:inherit;font-size:.875rem;color:var(--on-surface);text-align:left}.profile-dropdown-item:hover{background:var(--surface-container-low)}.profile-dropdown-item.active{background:#005da714;color:var(--primary);font-weight:600}.profile-dropdown-item-delete{display:flex;align-items:center;justify-content:center;padding:.25rem;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;color:var(--on-surface-variant);transition:all var(--transition);flex-shrink:0}.profile-dropdown-item-delete:hover{color:var(--error);background:#b31b2514}.profile-dropdown-add{display:flex;align-items:center;gap:.375rem;width:100%;padding:.625rem .75rem;border:1px dashed var(--outline-variant);border-radius:var(--radius-sm);background:transparent;cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:500;color:var(--on-surface-variant);transition:all var(--transition);margin-top:.25rem}.profile-dropdown-add:hover{border-color:var(--primary);color:var(--primary)}.language-dropdown{position:relative}.language-dropdown-trigger{display:flex;align-items:center;gap:.375rem;padding:.5rem .625rem;background:transparent;border:none;border-radius:9999px;cursor:pointer;transition:all .2s;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--on-surface-variant)}.language-dropdown-trigger:hover{background:var(--surface-container-low);color:var(--primary)}.language-current{display:flex;align-items:center;gap:.25rem}.language-dropdown-backdrop{position:fixed;inset:0;z-index:99}.language-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:170px;background:var(--surface-container-lowest);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.5rem;list-style:none;z-index:100;animation:fadeInDown .2s ease}.language-dropdown-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem .75rem;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:all var(--transition);font-family:inherit;font-size:.875rem;color:var(--on-surface);text-align:left}.language-dropdown-item:hover{background:var(--surface-container-low)}.language-dropdown-item.active{background:#005da714;color:var(--primary);font-weight:600}.language-flag{font-size:1.125rem;line-height:1}.content{flex:1;max-width:80rem;margin:0 auto;width:100%;padding:2rem 1.5rem 5rem;position:relative}.settings-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.settings-toggle{display:flex;background:var(--surface-container-low);border-radius:var(--radius-sm);padding:.1875rem;gap:.125rem}.settings-toggle button{padding:.5rem .875rem;border:none;border-radius:.375rem;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition);background:transparent;color:var(--on-surface-variant)}.settings-toggle button:hover{color:var(--on-surface)}.settings-toggle button.active{background:var(--surface-container-lowest);color:var(--primary);font-weight:600;box-shadow:var(--shadow-sm)}.page-header{margin-bottom:1.25rem}.page-header h1{font-size:2rem;font-weight:800;letter-spacing:-.03em;color:var(--on-surface);line-height:1.15}.page-header p{margin-top:.375rem;color:var(--on-surface-variant);font-size:1.0625rem;line-height:1.6;max-width:40rem}.bento-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.bento-grid-5-7{grid-template-columns:5fr 7fr}.bento-grid-8-4{grid-template-columns:8fr 4fr}.bento-full{grid-column:1 / -1}.card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.card-muted{background:var(--surface-container-low)}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.card-header-icon{width:2rem;height:2rem;border-radius:9999px;display:flex;align-items:center;justify-content:center}.card-header-icon.primary{background:#005da71a;color:var(--primary)}.card-header-icon.tertiary{background:#fcdf464d;color:var(--tertiary)}.card-header h2{font-size:1.25rem;font-weight:700;color:var(--on-surface)}.card-header-badge{margin-left:auto;background:var(--surface-container-low);color:var(--on-surface-variant);padding:.25rem .75rem;border-radius:9999px;font-size:.6875rem;font-weight:700}.age-tabs{display:flex;background:var(--surface-container-low);border-radius:var(--radius-sm);padding:.1875rem;gap:.125rem;margin-bottom:1.5rem}.age-tabs button{flex:1;padding:.625rem;border:none;border-radius:.375rem;font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition);background:transparent;color:var(--on-surface-variant)}.age-tabs button:hover{color:var(--on-surface)}.age-tabs button.active{background:var(--surface-container-lowest);color:var(--primary);box-shadow:var(--shadow-sm)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:600;color:var(--on-surface-variant)}.form-hint{font-weight:400;color:var(--outline);font-size:.75rem;margin-left:.25rem}.form-input{padding:.875rem 1rem;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:500;font-family:inherit;color:var(--on-surface);background:var(--surface-container-high);transition:all var(--transition);width:100%}.form-input:focus{outline:none;box-shadow:0 0 0 2px #005da733}.form-input::placeholder{color:var(--outline)}.date-input-wrapper{position:relative;display:flex;align-items:center}.date-input-wrapper .form-input{flex:1;padding-right:2.5rem}.date-input-hidden{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.date-picker-btn{position:absolute;right:.5rem;background:none;border:none;cursor:pointer;font-size:1.1rem;padding:.25rem;line-height:1}.form-stack{display:flex;flex-direction:column;gap:.875rem}.measurements-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;align-items:end}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:var(--primary);color:var(--on-primary);border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all var(--transition);width:100%;margin-top:.5rem}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:active{transform:scale(.98)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--surface-container-low);color:var(--on-surface-variant);border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-secondary:hover{background:var(--surface-container);color:var(--primary)}.analysis-section{display:flex;flex-direction:column;gap:2.25rem}.analysis-item{position:relative}.analysis-item-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.75rem}.analysis-item-left h3{font-size:.875rem;font-weight:700;color:var(--on-surface);margin-bottom:.25rem}.analysis-item-status{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500}.analysis-item-status.error{color:var(--error)}.analysis-item-status.normal{color:var(--primary)}.analysis-item-right{text-align:right}.analysis-percentile{font-size:1.75rem;font-weight:900;line-height:1}.analysis-percentile.error{color:var(--error)}.analysis-percentile.normal{color:var(--primary)}.analysis-percentile-label{font-size:.6875rem;font-weight:700;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:-.02em}.progress-bar{height:.75rem;width:100%;background:var(--surface-container-low);border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:9999px;transition:width .6s cubic-bezier(.22,1,.36,1)}.progress-bar-fill.error{background:var(--error-container)}.progress-bar-fill.normal{background:var(--primary-container)}.analysis-item-note{margin-top:.5rem;font-size:.75rem;color:var(--on-surface-variant);line-height:1.5}.interpretation-section{display:flex;flex-direction:column;gap:1rem}.interpretation-summary{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;line-height:1.5}.interpretation-summary p{margin:0}.interpretation-summary-good{background:#005da70f;color:var(--primary)}.interpretation-summary-info{background:#6a5b000f;color:var(--tertiary)}.interpretation-summary-concern{background:#b31b250f;color:var(--error)}.interpretation-item{padding:.75rem;background:var(--surface-container-low);border-radius:var(--radius-sm)}.interpretation-item-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.375rem}.interpretation-item-label{font-weight:600;font-size:.8125rem;color:var(--on-surface)}.interpretation-item-badge{font-size:.6875rem;font-weight:700;padding:.125rem .5rem;border-radius:999px;white-space:nowrap}.interpretation-item-desc{font-size:.8125rem;color:var(--on-surface-variant);margin:0 0 .625rem;line-height:1.4}.interp-percentile-highlight{font-size:.9375rem;font-weight:700}.zone-bar-container{margin-top:.25rem}.zone-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;position:relative}.zone-bar-segment{height:100%;opacity:.35}.zone-bar-marker{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.zone-bar-marker-dot{width:14px;height:14px;border-radius:50%;background:var(--on-surface);border:2px solid var(--surface-container-lowest);box-shadow:0 0 4px #0003}.zone-bar-labels{position:relative;height:1rem;font-size:.625rem;color:var(--on-surface-variant);margin-top:.25rem}.percentile-scale{margin-top:.5rem}.percentile-scale-labels{display:flex;justify-content:space-between;font-size:.625rem;font-weight:800;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.percentile-scale-bar{position:relative;width:100%;height:.5rem;background:var(--surface-container);border-radius:9999px}.percentile-scale-marker{position:absolute;top:50%;transform:translate(-50%,-50%)}.percentile-scale-marker-dot{width:.75rem;height:.75rem;border-radius:9999px;outline:4px solid transparent}.percentile-scale-marker-dot.error{background:var(--error);box-shadow:0 0 0 4px #fb51514d}.percentile-scale-marker-dot.primary{background:var(--primary);box-shadow:0 0 0 3px #64a8fe4d}.percentile-scale-status{margin-top:.75rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;display:flex;align-items:center;gap:.375rem}.percentile-scale-status.error{color:var(--error)}.percentile-scale-status.primary{color:var(--on-surface-variant)}.mini-gauge{position:relative;flex-shrink:0}.mini-gauge svg{transform:rotate(-90deg)}.mini-gauge .percentile-gauge-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.percentile-gauge-bg{fill:none;stroke:var(--surface-container-low);stroke-width:10}.percentile-gauge-fill{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.34,1.56,.64,1)}.percentile-gauge-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem}.percentile-number{font-size:2.75rem;font-weight:800;letter-spacing:-.04em;line-height:1}.metric-card{display:flex;align-items:center;gap:1.5rem}.metric-card-icon{width:4rem;height:4rem;border-radius:var(--radius-sm);background:#005da71a;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.metric-card-icon .material-symbols-outlined{font-size:2rem}.metric-card-label{font-size:.875rem;font-weight:600;color:var(--on-surface-variant)}.metric-card-value{font-size:1.5rem;font-weight:700;color:var(--on-surface)}.metric-card-percentile{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem}.metric-card-percentile-label{font-size:.75rem;font-weight:700;color:var(--on-surface-variant)}.metric-card-percentile-badge{font-size:.625rem;font-weight:700;text-transform:uppercase;padding:.125rem .5rem;border-radius:var(--radius-sm)}.metric-card-percentile-badge.normal{background:#005da71a;color:var(--primary)}.metric-card-percentile-badge.error{background:#b31b251a;color:var(--error)}.alert-card{background:#fb51511a;border-left:4px solid var(--error-container);border-radius:var(--radius);padding:1rem 1.25rem;box-shadow:var(--shadow-sm)}.alert-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem}.alert-card-label{font-size:.6875rem;font-weight:700;color:var(--error);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.alert-card-title{font-size:1.25rem;font-weight:800;color:var(--on-surface)}.alert-card-text{font-size:.8125rem;color:var(--on-surface-variant);line-height:1.4;margin-bottom:.5rem}.tip-card{background:var(--surface-container-low);border-radius:var(--radius);padding:1.5rem}.tip-card p{font-size:.875rem;color:var(--on-surface);font-style:italic;line-height:1.6;margin:0}.recent-item{padding:.75rem;border-radius:var(--radius-sm);background:var(--surface-container-low);display:flex;justify-content:space-between;align-items:center}.recent-item-date{font-size:.75rem;font-weight:700;color:var(--on-surface)}.recent-item-detail{font-size:.625rem;color:var(--on-surface-variant)}.history-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.history-table{width:100%;text-align:left}.history-table thead tr{background:var(--surface-container-low)}.history-table th{padding:1.25rem 2rem;font-size:.875rem;font-weight:700;color:var(--on-surface-variant)}.history-table tbody tr{transition:background .15s}.history-table tbody tr:hover{background:#eef1f34d}.history-table td{padding:1.25rem 2rem;color:var(--on-surface);font-size:.9375rem}.history-table td.font-semibold{font-weight:600}.history-table td.font-bold{font-weight:700}.history-table td.text-muted{color:var(--on-surface-variant)}.history-percentile-indicator{display:flex;align-items:center;gap:.75rem;min-width:7.5rem}.history-percentile-value{font-size:.75rem;font-weight:700;width:1.5rem}.history-percentile-value.error{color:var(--error)}.history-percentile-value.primary{color:var(--primary)}.history-percentile-bar{position:relative;flex:1;height:.25rem;background:var(--surface-container);border-radius:9999px}.history-percentile-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:.375rem;height:.375rem;border-radius:9999px}.history-percentile-dot.error{background:var(--error)}.history-percentile-dot.primary{background:var(--primary)}.history-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700}.history-status-dot{width:.5rem;height:.5rem;border-radius:9999px}.history-status-dot.error{background:var(--error)}.history-status-dot.primary{background:var(--primary-container)}.history-status.error{color:var(--error)}.history-status.primary{color:var(--on-surface-variant)}.history-actions{display:flex;gap:.25rem;justify-content:flex-end}.history-action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--on-surface-variant);transition:all var(--transition)}.history-action-btn:hover{background:var(--surface-container-low);color:var(--primary)}.history-action-btn.delete:hover{color:var(--error);background:#b31b2514}.history-action-btn.save{color:#16a34a}.history-edit-input{width:100%;min-width:50px;padding:.375rem .5rem;border:1px solid var(--outline-variant);border-radius:.25rem;font-family:inherit;font-size:.8125rem;background:var(--surface-container-lowest);color:var(--on-surface)}.right-column{display:flex;flex-direction:column;gap:1.5rem}.bottom-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.history-modal{background:var(--surface-container-lowest);border-radius:var(--radius-lg);width:100%;max-width:56rem;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #0003;overflow:hidden}.history-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--surface-container-low)}.history-modal-header h3{font-size:1.25rem;font-weight:700;color:var(--on-surface);margin:0}.history-modal .history-table-wrapper{flex:1;overflow-y:auto}.warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:#fb51510f;border-radius:var(--radius-sm);color:var(--error);font-size:.875rem;line-height:1.5;font-weight:500;animation:fadeInUp .25s ease}.warning-icon{flex-shrink:0;margin-top:1px}.evolution-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem}.evolution-hero-action{flex-shrink:0}.btn-register{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.25rem;background:var(--primary);color:var(--on-primary);border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);transition:opacity var(--transition)}.btn-register:hover{opacity:.9}.evolution-hero h1{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;color:var(--primary);margin-bottom:.75rem}.evolution-hero p{font-size:1.0625rem;color:var(--on-surface-variant);line-height:1.6;max-width:40rem}.evolution-hero p .highlight{font-weight:700;color:var(--primary)}.evolution-actions{display:flex;gap:.75rem}.chart-tabs{display:flex;gap:.25rem;background:var(--surface-container-low);border-radius:var(--radius-sm);padding:.1875rem}.chart-tabs button{padding:.5rem 1rem;border:none;border-radius:.25rem;font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;background:transparent;color:var(--on-surface-variant);transition:all var(--transition)}.chart-tabs button.active{background:var(--surface-container-lowest);font-weight:600;box-shadow:var(--shadow-sm);color:var(--on-surface)}.chart-card{background:var(--surface-container-lowest);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.chart-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.chart-card-title{font-size:1.375rem;font-weight:700;color:var(--on-surface)}.chart-card-subtitle{font-size:.875rem;color:var(--on-surface-variant)}.chart-legend{display:flex;gap:1.5rem;margin-top:1.5rem;font-size:.875rem}.chart-legend-item{display:flex;align-items:center;gap:.5rem}.chart-legend-line{width:1rem;height:.375rem;border-radius:9999px}.plot-card{background:var(--surface-container-lowest);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;transition:box-shadow var(--transition)}.plot-card:hover{box-shadow:var(--shadow-md)}.plot{width:100%;height:480px}.data-source-toggle{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.data-source-label{font-size:.75rem;font-weight:600;color:var(--on-surface-variant);margin-right:.25rem}.data-source-btn{padding:.375rem .75rem;border:none;background:var(--surface-container-low);border-radius:var(--radius-sm);font-family:inherit;font-size:.75rem;font-weight:500;color:var(--on-surface-variant);cursor:pointer;transition:all var(--transition)}.data-source-btn.active{background:var(--primary);color:var(--on-primary)}.upload-actions{display:flex;flex-direction:column;gap:.5rem}.upload-section{display:flex;align-items:center;gap:.625rem}.dropzone{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border:2px dashed var(--outline-variant);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:var(--surface-container-lowest);position:relative;overflow:hidden}.dropzone:hover{border-color:var(--primary);background:#005da70a}.dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone-icon{color:var(--outline);flex-shrink:0;transition:color var(--transition)}.dropzone:hover .dropzone-icon{color:var(--primary)}.dropzone-text{font-size:.8125rem;color:var(--on-surface-variant)}.dropzone-text strong{color:var(--primary);font-weight:600}.dropzone.has-file{border-style:solid;border-color:var(--primary-container);background:#005da70a}.dropzone.has-file .dropzone-icon{color:var(--primary)}.dropzone.has-file .dropzone-text{color:var(--on-surface);font-weight:500}.btn-clear{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;border-radius:var(--radius-sm);background:var(--surface-container-low);color:var(--on-surface-variant);font-size:1.25rem;font-weight:300;cursor:pointer;transition:all var(--transition)}.btn-clear:hover{background:#b31b2514;color:var(--error)}.btn-template{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface-container-lowest);border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:.8125rem;font-weight:600;color:var(--on-surface-variant);cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn-template:hover{background:var(--surface-container-low);color:var(--primary)}.btn-template svg{flex-shrink:0}.help-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-bottom:1.25rem;background:var(--surface-container-lowest);border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:.8125rem;font-weight:600;color:var(--primary);cursor:pointer;transition:all var(--transition)}.help-toggle:hover{background:#005da70f}.help-toggle svg{color:var(--primary)}.help-panel{background:var(--surface-container-lowest);border-radius:var(--radius);padding:2rem;margin-bottom:1.75rem;box-shadow:var(--shadow-md);animation:fadeInUp .25s ease}.help-panel h3{font-size:1.0625rem;font-weight:700;color:var(--on-surface);margin-bottom:.875rem}.help-panel h4{font-size:.875rem;font-weight:700;color:var(--on-surface-variant);margin-top:1.5rem;margin-bottom:.5rem}.help-panel p{font-size:.875rem;color:var(--on-surface-variant);line-height:1.6;margin-bottom:1rem}.help-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.8125rem;margin-bottom:1rem;border-radius:var(--radius-sm);overflow:hidden}.help-table th,.help-table td{padding:.75rem 1rem;text-align:left}.help-table th{background:var(--surface-container-low);font-weight:700;color:var(--on-surface-variant);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em}.help-table td{color:var(--on-surface);border-bottom:1px solid var(--surface-container-low)}.help-table tr:last-child td{border-bottom:none}.help-table code{background:#005da714;padding:.2em .5em;border-radius:6px;font-size:.85em;font-family:SF Mono,Fira Code,monospace;color:var(--primary);font-weight:600}.help-example{background:var(--surface-container-low);border-radius:var(--radius-sm);padding:1.25rem;overflow-x:auto}.help-example table{width:100%;border-collapse:collapse;font-size:.8125rem;font-family:SF Mono,monospace}.help-example th,.help-example td{padding:.5rem .875rem;text-align:center;border:1px solid var(--surface-container)}.help-example th{background:var(--surface-container-lowest);font-weight:700;color:var(--primary)}.help-example td{color:var(--on-surface-variant)}.help-tips{background:#005da70f;border-radius:var(--radius-sm);padding:1.25rem;margin-top:1.25rem}.help-tips h4{color:var(--primary);margin-top:0;margin-bottom:.625rem}.help-tips ul{margin:0;padding-left:1.25rem}.help-tips li{font-size:.8125rem;color:var(--primary-dim);line-height:1.7;margin-bottom:.25rem}.help-tips li:last-child{margin-bottom:0}.help-tips strong{font-weight:700}.evo-alerts{margin-bottom:1rem;border-radius:var(--radius-sm);overflow:hidden;background:#fb51510f}.evo-alerts-title{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:700;color:var(--error)}.evo-alert{padding:.5rem .875rem;font-size:.8125rem;line-height:1.4}.evo-alert:last-child{border-bottom:none}.evo-alert-drop{color:var(--error)}.evo-alert-rise{color:#166534}.evo-no-history{padding:1rem;text-align:center;color:var(--on-surface-variant);font-size:.8125rem}.btn-export{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--surface-container-low);border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:.8125rem;font-weight:600;color:var(--on-surface-variant);cursor:pointer;transition:all var(--transition)}.btn-export:hover{background:var(--surface-container);color:var(--primary)}.btn-export svg{width:16px;height:16px}.btn-export-chart{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--surface-container-low);border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:.75rem;font-weight:600;color:var(--on-surface-variant);cursor:pointer;transition:all var(--transition);margin-bottom:.5rem}.btn-export-chart:hover{color:var(--primary);background:var(--surface-container)}.result-header{display:flex;align-items:center;gap:.375rem;flex-wrap:nowrap;margin-bottom:.5rem}.result-actions{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;margin-top:1rem}.result-profile-name{font-size:.875rem;font-weight:700;color:var(--primary);margin-right:auto}.btn-save-history{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#005da714;color:var(--primary);border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-save-history:hover{background:#005da71f}.saved-confirmation{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:#16a34a}.saved-evo-link{margin-left:.375rem;padding:0;background:none;border:none;font-family:inherit;font-size:.75rem;font-weight:600;color:var(--primary);cursor:pointer;text-decoration:underline}.save-dialog{padding:.875rem;margin-bottom:.75rem;background:var(--surface-container-low);border-radius:var(--radius-sm)}.save-dialog-hint{font-size:.75rem;color:var(--on-surface-variant);margin:.25rem 0 .5rem}.save-dialog-actions{display:flex;gap:.375rem;margin-top:.5rem}.result-stats-row{display:flex;gap:1rem;padding-top:.75rem}.result-stat{display:flex;flex-direction:column;gap:.25rem}.result-stats-row .result-stat{flex:1;padding:.75rem;background:var(--surface-container-low);border-radius:var(--radius-sm);text-align:center}.result-stat-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant)}.result-stat-value{font-size:1.125rem;font-weight:700;color:var(--on-surface)}.result-card{display:flex;flex-direction:column;gap:1.25rem;animation:fadeInUp .35s ease}.result-card .result-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;color:var(--on-surface-variant);font-size:.875rem;text-align:center;gap:1.25rem;padding:2rem}.result-empty-icon{width:4.5rem;height:4.5rem;background:#005da714;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);animation:floatBounce 3s ease-in-out infinite}.result-empty-text{max-width:220px;line-height:1.5;font-weight:500;color:var(--on-surface-variant)}.result-empty-hint{font-size:.75rem;color:var(--outline)}.modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--surface-container-lowest);border-radius:var(--radius);padding:1.5rem;width:100%;max-width:340px;box-shadow:0 16px 48px #0003;display:flex;flex-direction:column;gap:.75rem}.modal h3{font-size:1rem;font-weight:700;color:var(--on-surface);margin:0}.profile-form-input{padding:.625rem .75rem;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:.875rem;background:var(--surface-container-high);color:var(--on-surface)}.profile-form-input:focus{outline:none;box-shadow:0 0 0 2px #005da733}.profile-form-actions{display:flex;gap:.375rem}.profile-form-btn{flex:1;padding:.5rem;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.profile-form-btn.create{background:var(--primary);color:var(--on-primary)}.profile-form-btn.cancel{background:var(--surface-container-low);color:var(--on-surface-variant)}.onboarding-hint{margin-top:1rem;padding:.75rem;background:#005da70f;border-radius:var(--radius-sm);text-align:center}.onboarding-hint p{font-size:.8125rem;color:var(--on-surface-variant);margin:0 0 .5rem;line-height:1.4}.onboarding-btn{padding:.375rem .75rem;background:var(--primary);color:var(--on-primary);border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:.75rem;font-weight:600;cursor:pointer}.history-card{grid-column:1 / -1}.history-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:0;background:none;border:none;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;color:var(--on-surface-variant)}.history-toggle:hover{color:var(--primary)}.history-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.btn-export-history{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:none;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:.6875rem;font-weight:600;color:var(--on-surface-variant);cursor:pointer;transition:all var(--transition)}.btn-export-history:hover{color:var(--primary)}.history-percs{font-size:.6875rem;font-weight:600;color:var(--primary);white-space:nowrap}.manual-content{background:var(--surface-container-lowest);border-radius:var(--radius-lg);padding:3rem;box-shadow:var(--shadow-sm);max-width:720px}.manual-content h1{font-size:1.625rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.75rem;padding-bottom:1rem;border-bottom:2px solid var(--surface-container-low)}.manual-content h2{font-size:1.25rem;font-weight:700;margin-top:2.5rem;margin-bottom:.75rem;color:var(--on-surface)}.manual-content h3{font-size:1rem;font-weight:700;margin-top:1.75rem;margin-bottom:.5rem;color:var(--on-surface-variant)}.manual-content p{margin-bottom:.875rem;color:var(--on-surface-variant);line-height:1.75;font-size:.9375rem}.manual-content ul,.manual-content ol{margin-bottom:.875rem;padding-left:1.5rem}.manual-content li{margin-bottom:.375rem;line-height:1.7;color:var(--on-surface-variant);font-size:.9375rem}.manual-content strong{font-weight:700;color:var(--on-surface)}.manual-content code{background:#005da714;padding:.2em .5em;border-radius:6px;font-size:.85em;font-family:SF Mono,Fira Code,monospace;color:var(--primary);font-weight:500}.manual-content table{width:100%;border-collapse:collapse;margin-bottom:1.25rem;font-size:.875rem;border-radius:var(--radius-sm);overflow:hidden}.manual-content thead{background:var(--surface-container-low)}.manual-content th{text-align:left;padding:.625rem .75rem;font-weight:700;font-size:.8125rem;color:var(--on-surface)}.manual-content td{padding:.5rem .75rem;color:var(--on-surface-variant);border-bottom:1px solid var(--surface-container-low);line-height:1.5}.manual-content tr:last-child td{border-bottom:none}.manual-content tbody tr:hover{background:var(--surface-container-low)}.medical-disclaimer{display:flex;gap:.75rem;padding:1rem;background:#6a5b000f;border-radius:var(--radius-sm)}.medical-disclaimer-icon{flex-shrink:0;color:var(--tertiary);margin-top:2px}.medical-disclaimer-content{font-size:.75rem;line-height:1.5}.medical-disclaimer-content strong{display:block;color:var(--tertiary);font-weight:700;margin-bottom:.25rem}.medical-disclaimer-content p{color:var(--on-surface-variant);margin:0}.data-source{font-size:.6875rem;color:var(--on-surface-variant);text-align:center;padding-top:.5rem}.data-source a{color:var(--primary);text-decoration:none;font-weight:500}.data-source a:hover{text-decoration:underline}.github-signature{text-align:center;padding-top:.5rem}.github-signature a{display:inline-flex;align-items:center;gap:.375rem;font-size:.6875rem;color:var(--on-surface-variant);text-decoration:none;transition:all var(--transition);padding:.375rem .75rem;border-radius:var(--radius-sm)}.github-signature a:hover{color:var(--primary);background:var(--surface-container-low)}.github-signature svg{opacity:.7;transition:opacity var(--transition)}.github-signature a:hover svg{opacity:1}.app-footer{border-top:1px solid var(--surface-container-low);background:var(--surface-container-low);padding:3rem 1.5rem}.app-footer-inner{max-width:80rem;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;flex-wrap:wrap}.app-footer-brand{max-width:20rem}.app-footer-brand .navbar-brand{display:block;margin-bottom:.5rem}.app-footer-brand p{font-size:.75rem;color:var(--on-surface-variant);line-height:1.6}.app-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.app-footer-links-section{display:flex;flex-direction:column;gap:.5rem}.app-footer-links-title{font-size:.6875rem;font-weight:800;color:var(--outline);text-transform:uppercase;letter-spacing:.1em}.app-footer-links a{font-size:.75rem;color:var(--on-surface-variant);text-decoration:none;transition:color .15s}.app-footer-links a:hover{color:var(--primary)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:var(--on-surface-variant);font-weight:500}.loading-spinner{width:28px;height:28px;border:3px solid transparent;border-top-color:var(--primary);border-right-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.coach-overlay{position:fixed;inset:0;z-index:1000;pointer-events:none}.coach-backdrop{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:auto}.coach-spotlight{position:fixed;border:2px solid var(--primary);border-radius:var(--radius-sm);box-shadow:0 0 0 4px #005da726;pointer-events:none;animation:coach-pulse 2s ease-in-out infinite}@keyframes coach-pulse{0%,to{box-shadow:0 0 0 4px #005da726}50%{box-shadow:0 0 0 8px #005da70d}}.coach-tooltip{position:fixed;background:var(--surface-container-lowest);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-lg);pointer-events:auto;animation:fadeInUp .3s ease;z-index:1001}.coach-tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.coach-tooltip-header h3{font-size:1.0625rem;font-weight:700;color:var(--on-surface);margin:0}.coach-step-indicator{font-size:.6875rem;font-weight:700;color:var(--primary);background:#005da714;padding:.25rem .625rem;border-radius:20px}.coach-tooltip p{font-size:.875rem;color:var(--on-surface-variant);line-height:1.65;margin:0 0 1.25rem}.coach-tooltip-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.coach-btn-group{display:flex;gap:.5rem}.coach-btn-skip{padding:.5rem .75rem;border:none;background:transparent;color:var(--on-surface-variant);font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm)}.coach-btn-skip:hover{background:var(--surface-container-low)}.coach-btn-prev{padding:.5rem 1rem;border:none;border-radius:var(--radius-sm);background:var(--surface-container-low);color:var(--on-surface-variant);font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer}.coach-btn-prev:hover{background:var(--surface-container)}.coach-btn-next{padding:.5rem 1.25rem;border:none;border-radius:var(--radius-sm);background:var(--primary);color:var(--on-primary);font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-primary)}.coach-btn-next:hover{filter:brightness(1.1)}.coach-tooltip-right:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);border:8px solid transparent;border-right-color:var(--surface-container-lowest)}.coach-tooltip-left:before{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);border:8px solid transparent;border-left-color:var(--surface-container-lowest)}.coach-tooltip-bottom:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);border:8px solid transparent;border-bottom-color:var(--surface-container-lowest)}.coach-tooltip-bottom-left:before{content:"";position:absolute;top:-8px;right:24px;border:8px solid transparent;border-bottom-color:var(--surface-container-lowest)}.coach-tooltip-top:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--surface-container-lowest)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes slideInNumber{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.percentile-number.animated{animation:slideInNumber .5s cubic-bezier(.34,1.56,.64,1)}@media(max-width:1024px){.bento-grid,.bento-grid-5-7,.bento-grid-8-4{grid-template-columns:1fr}.content{padding:1.5rem 1rem 5rem}}@media(max-width:768px){.navbar-nav{display:none}.top-navbar-inner{padding:.5rem 1rem}.navbar-brand{font-size:1.125rem}.content{padding:1rem .75rem 5rem}.page-header h1{font-size:1.5rem}.page-header p{font-size:.875rem}.page-header{margin-bottom:1rem}.evolution-hero h1{font-size:1.75rem}.evolution-hero p{font-size:.875rem}.card{padding:1.25rem;border-radius:var(--radius)}.measurements-row{grid-template-columns:1fr;gap:.75rem}.btn-primary{padding:.75rem 1rem;font-size:.9375rem}.settings-bar{gap:.375rem}.settings-toggle button{padding:.375rem .5rem;font-size:.75rem}.plot{height:280px}.evolution-header{flex-direction:column;align-items:stretch}.result-actions .btn-export span,.result-actions .btn-save-history span{display:none}.result-actions .btn-export,.result-actions .btn-save-history{padding:.375rem;gap:0}.manual-content{padding:1.75rem;border-radius:var(--radius)}.history-table th,.history-table td{padding:.75rem 1rem;font-size:.8125rem}.bottom-cards-grid{grid-template-columns:1fr}.history-modal{max-width:100%;max-height:90vh;border-radius:var(--radius) var(--radius) 0 0;margin-top:auto}.history-modal-header{padding:1rem 1.25rem}.history-modal-header h3{font-size:1rem}.app-footer-inner{flex-direction:column}.coach-tooltip{position:fixed!important;bottom:1rem!important;left:1rem!important;right:1rem!important;top:auto!important;transform:none!important;max-width:none!important}.coach-tooltip:before{display:none}.mobile-bottom-nav{position:fixed;bottom:0;left:0;width:100%;z-index:50;display:flex;justify-content:space-around;align-items:center;padding:.5rem 1.5rem 1.5rem;background:#fffc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 -12px 32px #2c2f310f;border-radius:2rem 2rem 0 0}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-decoration:none;color:var(--outline);font-size:.6875rem;font-weight:600;padding:.375rem 1rem;border-radius:9999px;transition:all .2s}.mobile-bottom-nav a.active{color:var(--primary);background:#005da714}}@media(min-width:769px){.mobile-bottom-nav{display:none}}@media(orientation:landscape)and (max-height:500px){.top-navbar{display:none}.content{padding:.5rem}.page-header{display:none}.settings-bar{display:none!important}.plot{height:calc(100vh - 80px)!important}.plot-card{margin:0}}