:root{--pwlpc-primary:#0072ce;--pwlpc-primary-deep:#005fa3;--pwlpc-secondary:#00a86b;--pwlpc-secondary-light:#e6f0ff;--pwlpc-danger:#e74c3c;--pwlpc-bg:#f7f9fb;--pwlpc-white:#ffffff;--pwlpc-text:#26282c;--pwlpc-border:#d8dce2;--pwlpc-radius:8px;--pwlpc-spacing:1.5rem;--pwlpc-gap:0.6rem;--pwlpc-font-display:"DM Serif Display", Georgia, serif;--pwlpc-font-body:"DM Sans", system-ui, sans-serif;--pwlpc-shadow:0 2px 16px rgba(0, 114, 206, 0.08);--pwlpc-shadow-md:0 4px 28px rgba(0, 114, 206, 0.13);--pwlpc-text-muted:#6b7280;--pwlpc-text-light:#9ca3af;--pwlpc-warn-bg:#fff8e1;--pwlpc-warn-border:#f59e0b;--pwlpc-success-bg:#ecfdf5;--pwlpc-success-border:#10b981}.pwlpc-header{width:100%;background:linear-gradient(135deg,var(--pwlpc-primary) 0%,var(--pwlpc-primary-deep) 100%);padding:2.5rem var(--pwlpc-spacing) 2rem;text-align:center;position:relative;overflow:hidden;border-radius:var(--pwlpc-radius);box-shadow:var(--pwlpc-shadow)}.pwlpc-header::before{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:rgb(255 255 255 / .06)}.pwlpc-header::after{content:"";position:absolute;bottom:-80px;left:-40px;width:260px;height:260px;border-radius:50%;background:rgb(255 255 255 / .04)}.pwlpc-header-inner{position:relative;z-index:1}.pwlpc-logo{display:inline-flex;align-items:center;gap:.8rem;margin-bottom:.6rem}.pwlpc-logo-title{display:block;font-size:clamp(1.5rem, 4vw, 2.25rem)!important;font-weight:700;color:var(--pwlpc-white)!important;line-height:1.1}.pwlpc-header-desc{color:rgb(255 255 255 / .82);font-size:0.9rem!important;margin-top:.3rem;font-weight:300;max-width:480px;margin-inline:auto}.pwlpc-main{display:flex;flex-direction:column;gap:1.6rem;margin-top:1.2rem}.pwlpc-card{background:var(--pwlpc-white)!important;border-radius:var(--pwlpc-radius);box-shadow:var(--pwlpc-shadow);padding:2rem;border:1px solid var(--pwlpc-border);animation:pwlpc-fadeup 0.4s ease both}@keyframes pwlpc-fadeup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.pwlpc-section-label{font-size:0.7rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--pwlpc-primary)!important;margin-bottom:1.4rem;padding-bottom:.5rem;border-bottom:2px solid var(--pwlpc-secondary-light)}.pwlpc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 1.4rem}.pwlpc-field{display:flex;flex-direction:column;gap:.35rem}.pwlpc-field-full{grid-column:1 / -1}.pwlpc-label{font-size:0.82rem!important;font-weight:600;color:var(--pwlpc-text)!important;display:flex;align-items:center;gap:.4rem}.pwlpc-req{color:var(--pwlpc-danger)!important;font-weight:700}.pwlpc-opt{color:var(--pwlpc-text-muted)!important;font-size:0.75rem!important;font-weight:400}.pwlpc-input-name{border:1px solid var(--pwlpc-border)!important}.pwlpc-input,.pwlpc-select{height:40px!important;width:100%;padding:.62rem .85rem;border:1px solid var(--pwlpc-border);border-radius:var(--pwlpc-radius);font-size:0.92rem!important;color:var(--pwlpc-text)!important;background:var(--pwlpc-white)!important;transition:border-color 0.18s,box-shadow 0.18s;outline:none;appearance:none;-webkit-appearance:none}.pwlpc-input:focus,.pwlpc-select:focus{border-color:var(--pwlpc-primary)!important;box-shadow:0 0 0 3px rgb(0 114 206 / .12)}.pwlpc-input.pwlpc-input-error{border-color:var(--pwlpc-danger)!important}.pwlpc-select-full{width:100%}.pwlpc-input-group{display:flex;gap:0;border-radius:var(--pwlpc-radius);overflow:hidden;border:1px solid var(--pwlpc-border);transition:border-color 0.18s,box-shadow 0.18s}.pwlpc-input-group:focus-within{border-color:var(--pwlpc-primary)!important;box-shadow:0 0 0 3px rgb(0 114 206 / .12)}.pwlpc-input-group .pwlpc-input{border:none;box-shadow:none;flex:1;border-radius:0;outline:none}.pwlpc-input-group .pwlpc-input:focus{box-shadow:none}.pwlpc-unit-select{border:none!important;border-left:1.5px solid var(--pwlpc-border)!important;border-radius:0!important;background:var(--pwlpc-bg)!important;padding:.62rem 0.65rem!important;font-size:0.82rem!important;color:var(--pwlpc-text-muted)!important;width:80px;cursor:pointer;box-shadow:none!important;outline:none;cursor:pointer;text-align:center}.pwlpc-unit-label{display:flex;align-items:center;padding:0 .75rem;border-left:1.5px solid var(--pwlpc-border);background:var(--pwlpc-bg)!important;font-size:0.82rem!important;color:var(--pwlpc-text-muted)!important;font-weight:500;white-space:nowrap}.pwlpc-toggle-group{height:40px!important;display:flex;gap:0;border-radius:var(--pwlpc-radius);overflow:hidden;border:1px solid var(--pwlpc-border)}.pwlpc-toggle{flex:1;padding:.6rem .5rem;background:var(--pwlpc-white)!important;border:none;font-size:0.85rem!important;font-weight:500;color:var(--pwlpc-text-muted)!important;cursor:pointer;transition:background 0.15s,color 0.15s;border-right:1px solid var(--pwlpc-border)}.pwlpc-toggle:last-child{border-right:none}.pwlpc-toggle.active{background:var(--pwlpc-primary)!important;color:var(--pwlpc-white)!important;font-weight:600}.pwlpc-toggle:hover:not(.active){background:var(--pwlpc-secondary-light)!important}.pwlpc-bcs-row{display:flex;gap:.3rem;flex-wrap:wrap}.pwlpc-bcs-btn{width:40px;height:40px;border-radius:var(--pwlpc-radius);border:1px solid var(--pwlpc-border);background:var(--pwlpc-white)!important;font-size:0.9rem!important;font-weight:700;color:var(--pwlpc-text-muted)!important;cursor:pointer;transition:all 0.14s;display:flex;justify-content:center;align-items:center;text-align:center}.pwlpc-bcs-btn:hover:not(.selected){border-color:var(--pwlpc-primary)!important;color:var(--pwlpc-primary)}.pwlpc-bcs-btn.selected{background:var(--pwlpc-primary)!important;border-color:var(--pwlpc-primary)!important;color:var(--pwlpc-white)!important}.pwlpc-bcs-label{font-size:0.8rem!important;color:var(--pwlpc-text-muted)!important;margin-top:.2rem;font-weight:500}.pwlpc-help-btn{display:inline-flex;align-items:center;justify-content:center;width:18px!important;height:18px!important;border-radius:50%;background:var(--pwlpc-primary)!important;color:var(--pwlpc-white)!important;font-size:0.7rem!important;font-weight:700;border:none;cursor:pointer;flex-shrink:0;line-height:1;padding:0;transition:background 0.15s}.pwlpc-help-btn:hover{background:var(--pwlpc-primary-deep)!important}.pwlpc-error{font-size:0.75rem!important;color:var(--pwlpc-danger)!important;font-weight:500;min-height:1rem}.pwlpc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.72rem 1.4rem;border-radius:var(--pwlpc-radius);font-size:.9rem;font-weight:600;cursor:pointer;border:2px solid #fff0;transition:all 0.18s;white-space:nowrap;text-decoration:none}.pwlpc-btn-primary{background:var(--pwlpc-primary)!important;color:var(--pwlpc-white)!important;border-color:var(--pwlpc-primary)!important;padding:.85rem 2rem;font-size:0.95rem!important}.pwlpc-btn-primary:hover{background:var(--pwlpc-primary-deep)!important;border-color:var(--pwlpc-primary-deep)!important;transform:translateY(-1px);box-shadow:0 4px 16px rgb(0 114 206 / .28)}.pwlpc-btn-secondary{background:var(--pwlpc-secondary)!important;color:var(--pwlpc-white)!important;border-color:var(--pwlpc-secondary)!important}.pwlpc-btn-secondary:hover{background:#008f5c!important;border-color:#008f5c!important}.pwlpc-btn-outline{background:#fff0;border-color:var(--pwlpc-primary)!important;color:var(--pwlpc-primary)!important}.pwlpc-btn-outline:hover{background:var(--pwlpc-secondary-light)!important}.pwlpc-btn-danger-outline{background:#fff0;border-color:var(--pwlpc-danger)!important;color:var(--pwlpc-danger)!important}.pwlpc-btn-danger-outline:hover{border-color:var(--pwlpc-danger)!important;color:var(--pwlpc-white)!important;background:var(--pwlpc-danger)!important}.pwlpc-btn-danger{background:var(--pwlpc-danger)!important;border-color:var(--pwlpc-danger)!important;color:var(--pwlpc-white)!important}.pwlpc-btn-danger:hover{background:#c0392b!important;border-color:#c0392b!important}.pwlpc-btn-row{display:flex;justify-content:center;margin-top:1.6rem}.pwlpc-action-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid var(--pwlpc-border)}.pwlpc-result-card{animation:pwlpc-fadeup 0.5s ease both}.pwlpc-result-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.2rem}.pwlpc-result-pet-name{font-size:1.25rem!important;font-weight:700;color:var(--pwlpc-primary)!important}.pwlpc-metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem;margin:1.4rem 0}.pwlpc-metric{background:var(--pwlpc-bg)!important;border-radius:var(--pwlpc-radius);padding:1rem .9rem;border:1px solid var(--pwlpc-border);display:flex;flex-direction:column;gap:.25rem;transition:box-shadow 0.18s}.pwlpc-metric:hover{box-shadow:var(--pwlpc-shadow)}.pwlpc-metric-icon{font-size:1.3rem}.pwlpc-metric-value{font-size:1.55rem!important;color:var(--pwlpc-primary)!important;line-height:1.1}.pwlpc-metric-label{font-size:0.72rem!important;color:var(--pwlpc-text-muted)!important;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.pwlpc-metric.pwlpc-metric-success{border-left:3px solid var(--pwlpc-secondary)}.pwlpc-metric.pwlpc-metric-primary{border-left:3px solid var(--pwlpc-primary)}.pwlpc-metric.pwlpc-metric-warn{border-left:3px solid var(--pwlpc-warn-border)}.pwlpc-result-block{margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid var(--pwlpc-border)}.pwlpc-result-block-title{font-size:0.95rem!important;font-weight:700;margin-bottom:.9rem;color:var(--pwlpc-text)!important}.pwlpc-feeding-table{display:grid;gap:.5rem}.pwlpc-feeding-row{display:flex;align-items:center;justify-content:space-between;background:var(--pwlpc-bg);padding:.65rem 1rem;border-radius:var(--pwlpc-radius);border:1px solid var(--pwlpc-border);gap:.8rem;flex-wrap:wrap}.pwlpc-feeding-label{font-size:0.85rem!important;color:var(--pwlpc-text-muted)!important;font-weight:500}.pwlpc-feeding-value{font-size:0.9rem!important;font-weight:700;color:var(--pwlpc-text)!important;text-align:right}.pwlpc-feeding-highlight{font-size:0.75rem!important;color:var(--pwlpc-primary)!important;font-weight:600}.pwlpc-timeline{display:grid;gap:.5rem}.pwlpc-timeline-row{display:flex;align-items:center;gap:1rem;padding:.7rem 1rem;background:var(--pwlpc-bg)!important;border-radius:var(--pwlpc-radius);border:1px solid var(--pwlpc-border);flex-wrap:wrap}.pwlpc-timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--pwlpc-primary)!important;flex-shrink:0}.pwlpc-timeline-label{font-size:0.85rem!important;color:var(--pwlpc-text-muted)!important;font-weight:500;flex:1}.pwlpc-timeline-val{font-size:0.88rem!important;font-weight:700;color:var(--pwlpc-text)!important;text-align:right}.pwlpc-tips-list{display:grid;gap:.5rem;list-style:none;margin:0}.pwlpc-tips-list li{display:flex;gap:.7rem;align-items:flex-start;font-size:0.85rem!important;color:var(--pwlpc-text-muted)!important;background:var(--pwlpc-bg)!important;padding:.65rem 1rem;border-radius:var(--pwlpc-radius);border:1px solid var(--pwlpc-border)!important;line-height:1.5}.pwlpc-tip-icon{font-size:1rem!important;flex-shrink:0}.pwlpc-disclaimer-top{font-size:0.78rem!important;color:var(--pwlpc-text-light)!important;text-align:center;margin-top:.8rem}.pwlpc-disclaimer{font-size:0.77rem!important;color:var(--pwlpc-text-light)!important;margin-top:1.2rem;line-height:1.6;border-top:1px solid var(--pwlpc-border);padding-top:.9rem}.pwlpc-modal-overlay{position:fixed;inset:0;background:rgb(26 28 32 / .55);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(3px);animation:pwlpc-fadein 0.2s ease both}.pwlpc-modal-overlay[hidden]{display:none}@keyframes pwlpc-fadein{from{opacity:0}to{opacity:1}}.pwlpc-modal{background:var(--pwlpc-white)!important;border-radius:var(--pwlpc-radius);padding:2rem;max-width:520px;width:100%;box-shadow:var(--pwlpc-shadow-md);position:relative;animation:pwlpc-slideup 0.25s ease both}.pwlpc-modal-sm{max-width:380px}@keyframes pwlpc-slideup{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.pwlpc-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.1rem!important;color:var(--pwlpc-text-muted)!important;cursor:pointer;line-height:1;padding:.2rem .4rem;border-radius:var(--pwlpc-radius)}.pwlpc-modal-close:hover{background:var(--pwlpc-bg)!important}.pwlpc-modal-title{font-size:1.25rem!important;margin-bottom:1rem;color:var(--pwlpc-text)!important}.pwlpc-modal-body{font-size:0.9rem!important;color:var(--pwlpc-text-muted)!important;margin-bottom:1.2rem}.pwlpc-modal-actions{display:flex;gap:.7rem}.pwlpc-bcs-guide{display:grid;gap:.8rem}.pwlpc-bcs-row-guide{display:flex;gap:1rem;align-items:flex-start}.pwlpc-bcs-score{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:.2rem .5rem;border-radius:var(--pwlpc-radius);font-size:0.85rem!important;font-weight:800;flex-shrink:0;margin-top:2px}.pwlpc-bcs-score.low{background:#dbeafe;color:#1d4ed8}.pwlpc-bcs-score.ideal{background:#dcfce7;color:#15803d}.pwlpc-bcs-score.over{background:var(--pwlpc-warn-bg);color:#b45309}.pwlpc-bcs-score.obese{background:#fee2e2;color:#b91c1c}.pwlpc-bcs-guide p{font-size:0.8rem!important;color:var(--pwlpc-text-muted);margin-top:.2rem}.pwlpc-bcs-guide strong{font-size:0.85rem!important}.pwlpc-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(80px);background:var(--pwlpc-text)!important;color:var(--pwlpc-white)!important;padding:.65rem 1.4rem;border-radius:50px;font-size:0.85rem!important;font-weight:500;z-index:2000;transition:transform 0.3s cubic-bezier(.22,1,.36,1),opacity 0.3s;pointer-events:none;opacity:0;white-space:nowrap;box-shadow:0 4px 20px rgb(0 0 0 / .22)}.pwlpc-toast.show{transform:translateX(-50%) translateY(0);opacity:1}.pwlpc-toast.success{background:var(--pwlpc-secondary)!important}.pwlpc-toast.error{background:var(--pwlpc-danger)!important}[hidden]{display:none!important}@media (max-width:600px){.pwlpc-card{padding:1.3rem;border-radius:var(--pwlpc-radius)}.pwlpc-grid-2{grid-template-columns:1fr}.pwlpc-field-full{grid-column:1}.pwlpc-metrics-grid{grid-template-columns:1fr 1fr}.pwlpc-action-row{flex-direction:column}.pwlpc-btn{width:100%;justify-content:center}.pwlpc-bcs-btn{width:36px;height:36px;font-size:0.8rem!important}.pwlpc-result-header{flex-direction:column;gap:.2rem}}@media (max-width:400px){.pwlpc-metrics-grid{grid-template-columns:1fr}}