:root{color:#202124;background:#f5f4ef;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:#f5f4ef;margin:0}.app{width:min(100%,520px);margin:0 auto;padding:20px 14px 36px}.header{padding:10px 2px 18px}.eyebrow{color:#667085;margin:0 0 6px;font-size:13px}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:10px;font-size:28px;line-height:1.18}h2{letter-spacing:0;margin-bottom:8px;font-size:22px}.intro{color:#4b5563;margin-bottom:0}.panel,.result{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.calculator-form{gap:14px;display:grid}label,.field-group,.radio-group{gap:7px;margin:0;display:grid}.field-group{-webkit-tap-highlight-color:transparent}label span,.field-group>span,legend{color:#344054;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:650}input,select,button{width:100%;min-height:46px;font:inherit;border-radius:8px}input,select{color:#111827;background:#fff;border:1px solid #d0d5dd;padding:10px 12px}select:disabled{color:#98a2b3;cursor:not-allowed;background:#f2f4f7}fieldset{border:0;padding:0}.radio-group{grid-template-columns:1fr 1fr}.radio-group legend{grid-column:1/-1}.radio-group label{border:1px solid #d0d5dd;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:8px 10px;display:flex}.radio-group input{width:auto;min-height:auto}.age-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field-hint{color:#667085;margin:0;font-size:12px}.breed-field{scroll-margin-top:16px}.breed-picker-control{gap:0;display:grid}.breed-picker-panel{background:#fff;border:1px solid #d0d5dd;border-radius:8px;grid-template-rows:auto 1fr;margin-top:6px;display:grid;overflow:hidden;box-shadow:0 10px 22px #1018281f}.breed-search-input{width:100%}.breed-result-count{color:#667085;padding:10px 14px;font-size:12px}.breed-picker-list{-webkit-overflow-scrolling:touch;border-top:1px solid #edf0f3;width:100%;max-height:min(420px,52vh);overflow-y:auto}.breed-picker-empty{color:#667085;padding:14px;font-size:14px}@supports (height:100dvh){.breed-picker-list{max-height:min(420px,52dvh)}}.breed-picker-option{color:#111827;text-align:left;touch-action:pan-y;background:#fff;border:0;border-bottom:1px solid #edf0f3;border-radius:0;min-height:46px;padding:10px 14px;font-weight:600}.breed-picker-option:last-child{border-bottom:0}.custom-option{color:#175cd3}.breed-picker-option:active,.breed-picker-option:hover{color:#1d4ed8;background:#eef4ff;transform:none}button{color:#fff;cursor:pointer;background:#2563eb;border:0;font-weight:700}button:active{transform:translateY(1px)}.errors{color:#b42318;background:#fff4f2;border:1px solid #fda29b;border-radius:8px;padding:10px 12px;font-size:14px}.field-flash{border-radius:8px;animation:.6s ease-in-out 2 field-flash}@keyframes field-flash{0%,to{background:0 0;outline:0 solid #0000}50%{background:#fff4f2;outline:3px solid #f97066}}.result{margin-top:16px}.result-head p{color:#4b5563}.energy-box{background:#eef4ff;border-radius:8px;gap:4px;margin:14px 0;padding:14px;display:grid}.energy-box span{color:#344054;font-size:14px}.energy-box strong{color:#1d4ed8;font-size:30px;line-height:1.15}.energy-unit-switch{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.energy-unit-switch button{color:#344054;background:#fff;border:1px solid #bfd0f7;min-height:36px;font-weight:700}.energy-unit-switch button.active{color:#fff;background:#2563eb;border-color:#2563eb}.feature-list,.nav-actions,.inline-grid,.estimate-grid{gap:10px;display:grid}.feature-list{margin-top:14px}.feature-button,.secondary-button{text-align:left;color:#111827;background:#f8fafc;border:1px solid #d0d5dd;border-radius:8px;padding:12px 14px}.feature-button span,.secondary-button{font-weight:700}.feature-button.active{color:#1d4ed8;background:#eef4ff;border-color:#bcd0ff}.feature-button small{color:#667085;margin-top:4px;font-size:12px;line-height:1.45;display:block}.tool-section{border-top:1px solid #edf0f3;margin-top:16px;padding-top:14px}.tool-section h3{margin:0 0 6px;font-size:18px;line-height:1.25}.tool-intro{color:#667085;margin:0 0 12px;font-size:13px}.inline-grid,.estimate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-result{background:#eef4ff;border-radius:8px;margin-top:12px;padding:14px}.tool-result span{color:#344054;font-size:14px}.tool-result strong{color:#1d4ed8;margin-top:4px;font-size:28px;line-height:1.15;display:block}.tool-result p{color:#475467;margin:8px 0 0;font-size:13px}.compact-list{margin-top:12px}.interpretation{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:12px 14px}.interpretation strong{color:#344054;margin-bottom:6px;display:block}.interpretation p{color:#475467;margin:0 0 8px;font-size:13px}.interpretation p:last-child{margin-bottom:0}.nutrient-list{gap:8px;display:grid}.nutrient-row{border-bottom:1px solid #edf0f3;justify-content:space-between;gap:12px;padding:9px 0;display:flex}.nutrient-row span:first-child{color:#344054}.nutrient-row span:last-child{color:#111827;text-align:right;font-weight:650}.note,.disclaimer{color:#4b5563;margin:14px 0 0;font-size:13px}.disclaimer{border-top:1px solid #edf0f3;padding-top:12px}@media (min-width:700px){.app{padding-top:32px}}@media (max-width:520px){.inline-grid,.estimate-grid{grid-template-columns:1fr}}