:root{--vpc-primary:#0072ce;--vpc-primary-deep:#005fa3;--vpc-secondary:#00a86b;--vpc-secondary-light:#e6f0ff;--vpc-danger:#e74c3c;--vpc-bg:#f7f9fb;--vpc-white:#ffffff;--vpc-text:#26282c;--vpc-border:#d8dce2;--vpc-radius:8px;--vpc-spacing:1.5rem;--vpc-gap:0.6rem}.vpc-hero{padding:2rem 1rem;position:relative;border:1px solid var(--vpc-border);border-radius:var(--vpc-radius);margin-bottom:1.25rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.vpc-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgb(0 114 206 / .08) 0%,transparent 70%);pointer-events:none}.vpc-hero-badge{display:inline-block;background:var(--vpc-secondary-light)!important;color:var(--vpc-primary)!important;font-size:0.72rem!important;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.3rem .8rem;border-radius:999px;border:1px solid rgb(0 114 206 / .2)!important;margin-bottom:1rem}.vpc-hero-title{font-size:clamp(1.5rem, 6vw, 2rem)!important;font-weight:800;line-height:1.1;color:var(--vpc-text)!important}.vpc-hero-title span{color:var(--vpc-primary)!important}.vpc-hero-sub{margin-top:.75rem;color:#6b7280!important;font-size:0.9rem!important;font-weight:400}.vpc-card{background:var(--vpc-white)!important;border-radius:16px;border:1px solid var(--vpc-border)!important;padding:2rem;box-shadow:0 4px 32px rgb(0 0 0 / .06),0 1px 4px rgb(0 0 0 / .04);position:relative;overflow:hidden}.vpc-progress{display:flex;gap:6px;justify-content:center;margin-bottom:1.75rem}.vpc-progress-dot{width:8px;height:8px;border-radius:50%;background:var(--vpc-border)!important;transition:all 0.3s ease;cursor:pointer}.vpc-progress-dot.active{background:var(--vpc-primary)!important;width:24px;border-radius:4px}.vpc-progress-dot.completed{background:var(--vpc-secondary)!important}.vpc-step{animation:vpcFadeIn 0.3s ease}.vpc-step:not(.active){display:none}@keyframes vpcFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vpc-step-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--vpc-border)!important}.vpc-step-icon{font-size:2rem;width:52px;height:52px;background:var(--vpc-secondary-light)!important;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vpc-step-title{font-size:1.25rem!important;font-weight:700;color:var(--vpc-text)!important}.vpc-step-desc{font-size:0.875rem!important;color:#6b7280!important;margin-top:.1rem}.vpc-field-group{display:flex;flex-direction:column;gap:1.25rem}.vpc-field{display:flex;flex-direction:column;gap:.4rem}.vpc-label{font-size:0.875rem!important;font-weight:600;color:var(--vpc-text)!important}.vpc-optional{font-size:0.75rem!important;font-weight:400;color:#9ca3af!important}.vpc-field-hint{font-size:0.75rem!important;color:#9ca3af!important}.vpc-field-error{font-size:0.75rem!important;color:var(--vpc-danger)!important;min-height:1rem;display:block}.vpc-input{width:100%;padding:.65rem .9rem;font-size:1rem!important;border:1px solid var(--vpc-border)!important;border-radius:var(--vpc-radius);background:var(--vpc-bg)!important;color:var(--vpc-text)!important;outline:none;transition:border-color 0.2s,box-shadow 0.2s}.vpc-input:focus{border-color:var(--vpc-primary)!important;box-shadow:0 0 0 3px rgb(0 114 206 / .1)}.vpc-input.error{border-color:var(--vpc-danger)!important}.vpc-inline-group{display:flex;gap:.6rem;align-items:center}.vpc-weight-input,.vpc-height-input{flex:1}.vpc-segmented{display:flex;gap:0;border:1px solid var(--vpc-border)!important;border-radius:var(--vpc-radius);overflow:hidden;background:var(--vpc-bg)!important}.vpc-seg-btn{flex:1;padding:.55rem .7rem;font-size:0.875rem!important;font-weight:500;border:none!important;background:transparent!important;color:#6b7280!important;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.vpc-seg-btn:not(:last-child){border-right:1px solid var(--vpc-border)!important}.vpc-seg-btn.active{background:var(--vpc-primary)!important;color:var(--vpc-white)!important;font-weight:600}.vpc-seg-btn:hover:not(.active){background:var(--vpc-secondary-light)!important;color:var(--vpc-primary)!important}.vpc-unit-toggle{flex-shrink:0}.vpc-card-select{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.5rem}.vpc-card-opt{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;border:1px solid var(--vpc-border)!important;border-radius:var(--vpc-radius);cursor:pointer;transition:all 0.2s ease;background:var(--vpc-bg)!important;user-select:none}.vpc-card-opt:hover{border-color:var(--vpc-primary)!important;background:var(--vpc-secondary-light)!important}.vpc-card-opt.active{border-color:var(--vpc-primary)!important;background:var(--vpc-secondary-light)!important;box-shadow:0 0 0 2px rgb(0 114 206 / .15)}.vpc-card-icon{font-size:1.3rem;flex-shrink:0}.vpc-card-opt strong{display:block;font-size:0.9rem!important;font-weight:600;color:var(--vpc-text)!important}.vpc-card-opt small{font-size:0.78rem!important;color:#6b7280!important}.vpc-slider-wrap{display:flex;flex-direction:column;gap:.4rem}.vpc-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--vpc-border)!important;outline:none;cursor:pointer}.vpc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--vpc-primary)!important;border:3px solid var(--vpc-white)!important;box-shadow:0 2px 6px rgb(0 114 206 / .3);cursor:pointer;transition:transform 0.15s}.vpc-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.vpc-slider-labels{display:flex;justify-content:space-between;font-size:0.72rem!important;color:#9ca3af!important;padding:0 2px;margin-top:.5rem}.vpc-slider-value{text-align:center;font-size:0.9rem!important;font-weight:600;color:var(--vpc-primary)!important}.vpc-btn{font-size:0.95rem!important;font-weight:500;cursor:pointer;border-radius:var(--vpc-radius);border:none!important;transition:all 0.2s ease;padding:.65rem 1.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.vpc-btn-next{width:fit-content;background:var(--vpc-primary)!important;color:var(--vpc-white)!important;font-size:1rem!important}.vpc-btn-next:hover{background:var(--vpc-primary-deep)!important;transform:translateY(-1px);box-shadow:0 4px 16px rgb(0 114 206 / .3)}.vpc-btn-back{width:fit-content;background:var(--vpc-bg)!important;color:var(--vpc-text)!important;border:1px solid var(--vpc-border)!important}.vpc-btn-back:hover{background:var(--vpc-border)!important}.vpc-btn-calculate{background:linear-gradient(135deg,var(--vpc-secondary),#007a4d)!important;color:var(--vpc-white)!important;font-size:1rem!important}.vpc-btn-calculate:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgb(0 168 107 / .35)}.vpc-btn-row{display:flex;gap:.75rem;margin-top:1.75rem}.vpc-btn-arrow{transition:transform 0.2s}.vpc-btn-next:hover .vpc-btn-arrow{transform:translateX(4px)}.vpc-calc-icon{font-size:1.1rem}#vpc-results{display:block}.vpc-results-hero{text-align:center;padding:2rem 1rem 1.5rem;background:linear-gradient(135deg,#f0f7ff,#e8f5f1)!important;border-radius:12px;margin-bottom:1.5rem;border:1px solid rgb(0 114 206 / .12)!important}.vpc-results-label{font-size:0.8rem!important;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--vpc-primary)!important;margin-bottom:.5rem}.vpc-results-main{display:flex;align-items:baseline;justify-content:center;gap:.3rem}.vpc-results-num{font-size:clamp(2.5rem, 10vw, 4rem)!important;font-weight:700;color:var(--vpc-primary)!important;line-height:1;letter-spacing:-.03em}.vpc-results-unit{font-size:1.5rem!important;font-weight:600;color:var(--vpc-secondary)!important}.vpc-results-range-label{font-size:0.82rem!important;color:#6b7280!important;margin-top:.5rem}.vpc-breakdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.vpc-stat-card{background:var(--vpc-bg)!important;border:1px solid var(--vpc-border)!important;border-radius:10px;padding:.9rem 1rem;text-align:center;transition:box-shadow 0.2s}.vpc-stat-card:hover{box-shadow:0 4px 12px rgb(0 0 0 / .06)}.vpc-stat-icon{font-size:1.3rem;margin-bottom:.35rem}.vpc-stat-label{font-size:0.72rem!important;color:#9ca3af!important;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.vpc-stat-val{font-size:1.2rem!important;font-weight:700;color:var(--vpc-text)!important;margin-top:.25rem}.vpc-gauge-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}#vpc-gauge{max-width:260px}.vpc-gauge-label{font-size:0.78rem!important;color:#9ca3af!important;margin-top:.4rem;text-align:center}.vpc-section-title{font-size:1rem!important;font-weight:700;color:var(--vpc-text)!important;margin-bottom:.85rem}.vpc-macro-section{background:var(--vpc-bg)!important;border:1px solid var(--vpc-border)!important;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.vpc-macro-bars{display:flex;flex-direction:column;gap:.7rem}.vpc-macro-row{display:flex;flex-direction:column;gap:.3rem}.vpc-macro-info{display:flex;justify-content:space-between;align-items:center}.vpc-macro-name{font-size:0.82rem!important;font-weight:600;color:var(--vpc-text)!important}.vpc-macro-num{font-size:0.82rem!important;color:#6b7280!important}.vpc-macro-track{height:8px;background:var(--vpc-border)!important;border-radius:4px;overflow:hidden}.vpc-macro-fill{height:100%;border-radius:4px;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.vpc-food-section{margin-bottom:1.5rem}.vpc-food-intro{font-size:0.85rem!important;color:#6b7280!important;margin-bottom:.85rem}.vpc-food-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}.vpc-food-item{background:var(--vpc-bg)!important;border:1px solid var(--vpc-border)!important;border-radius:10px;padding:.75rem;text-align:center;transition:all 0.2s;cursor:default}.vpc-food-item:hover{border-color:var(--vpc-secondary)!important;background:#f0faf6!important;transform:translateY(-2px)}.vpc-food-item .vpc-food-emoji{font-size:1.5rem;display:block;margin-bottom:.3rem}.vpc-food-item .vpc-food-name{font-size:0.78rem!important;font-weight:600;color:var(--vpc-text)!important;display:block}.vpc-food-item .vpc-food-protein{font-size:0.72rem!important;color:var(--vpc-secondary)!important;font-weight:500}.vpc-science-note{background:linear-gradient(135deg,#fefce8,#fdf9e3)!important;border:1px solid #fde68a!important;border-radius:10px;padding:1rem 1.1rem;font-size:0.82rem!important;color:#92400e!important;margin-bottom:1.5rem;line-height:1.6}.vpc-actions{display:flex;gap:.6rem;flex-wrap:wrap}.vpc-btn-action{flex:1;min-width:120px;font-size:0.85rem!important;padding:.7rem 1rem}.vpc-btn-pdf{background:var(--vpc-primary)!important;color:var(--vpc-white)!important}.vpc-btn-pdf:hover{background:var(--vpc-primary-deep)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgb(0 114 206 / .25)}.vpc-btn-copy{background:var(--vpc-secondary)!important;color:var(--vpc-white)!important}.vpc-btn-copy:hover{background:#007a4d!important;transform:translateY(-1px)}.vpc-btn-reset{background:var(--vpc-bg)!important;color:var(--vpc-danger)!important;border:2px solid var(--vpc-border)!important}.vpc-btn-reset:hover{background:#fef2f2!important;border-color:var(--vpc-danger)!important}.vpc-modal-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .45)!important;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity 0.25s;backdrop-filter:blur(3px)}.vpc-modal-overlay.visible{opacity:1;pointer-events:all}.vpc-modal{background:var(--vpc-white)!important;border-radius:16px;padding:2rem;max-width:340px;width:90%;text-align:center;box-shadow:0 20px 60px rgb(0 0 0 / .2);transform:scale(.9);transition:transform 0.25s cubic-bezier(.34,1.56,.64,1)}.vpc-modal-overlay.visible .vpc-modal{transform:scale(1)}.vpc-modal-icon{font-size:2.5rem;margin-bottom:.75rem}.vpc-modal-title{font-size:1.15rem!important;font-weight:700;color:var(--vpc-text)!important;margin-bottom:.4rem}.vpc-modal-desc{font-size:0.875rem!important;color:#6b7280!important;margin-bottom:1.25rem}.vpc-modal-actions{display:flex;gap:.6rem;justify-content:center}.vpc-btn-confirm{background:var(--vpc-danger)!important;color:var(--vpc-white)!important;font-size:0.9rem!important}.vpc-btn-confirm:hover{opacity:.9}.vpc-btn-cancel{background:var(--vpc-bg)!important;color:var(--vpc-text)!important;border:1px solid var(--vpc-border)!important;font-size:0.9rem!important}.vpc-btn-cancel:hover{background:var(--vpc-border)!important}.vpc-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(80px);background:var(--vpc-text)!important;color:var(--vpc-white)!important;padding:.65rem 1.25rem;border-radius:999px;font-size:0.875rem!important;font-weight:500;z-index:2000;transition:transform 0.3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px rgb(0 0 0 / .2)}.vpc-toast.show{transform:translateX(-50%) translateY(0)}.vpc-footer{text-align:center;margin-top:1.5rem}.vpc-footer p{font-size:0.75rem!important;color:#9ca3af!important;line-height:1.6}@media (max-width:480px){.vpc-card{padding:1.25rem 1rem}.vpc-breakdown-grid{grid-template-columns:repeat(2,1fr)}.vpc-btn-action{flex:1 1 calc(50% - 0.3rem);min-width:0}.vpc-food-grid{grid-template-columns:repeat(2,1fr)}.vpc-hero{padding:1.5rem .5rem 1.5rem}}@media (max-width:360px){.vpc-breakdown-grid{grid-template-columns:1fr 1fr}.vpc-actions{flex-direction:column}.vpc-btn-action{flex:1 1 100%}.vpc-card-select{grid-template-columns:1fr!important}}.vpc-loading{display:flex;align-items:center;justify-content:center;padding:2rem}.vpc-spinner{width:36px;height:36px;border:3px solid var(--vpc-border);border-top-color:var(--vpc-primary);border-radius:50%;animation:vpcSpin 0.7s linear infinite}@keyframes vpcSpin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--vpc-bg)}::-webkit-scrollbar-thumb{background:var(--vpc-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b0b7c2}