:root{--pec-primary:#ea580c;--pec-primary-light:#fff7ed;--pec-text:#1e293b;--pec-text-secondary:#475569;--pec-text-muted:#64748b;--pec-bg:#fff;--pec-bg-secondary:#f8fafc;--pec-border:#e2e8f0;--pec-radius:var(--main-radius,.5rem);--pec-radius-lg:var(--main-radius-lg,.75rem);--pec-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--pec-shadow-md:0 4px 12px #00000014;--pec-color-light:#10b981;--pec-color-moderate:#f59e0b;--pec-color-vigorous:#ef4444;--pec-color-success:#10b981;--pec-color-warning:#f59e0b;--pec-color-danger:#ef4444;--pec-color-info:#3b82f6}._pec-container{max-width:560px;margin:0 auto}._pec-hidden{display:none!important}@media (max-width:768px){._pec-container{padding-left:1rem;padding-right:1rem}}@media (max-width:480px){._pec-container{padding-left:.75rem;padding-right:.75rem}}._pec-input-section{background:var(--pec-bg);border-radius:var(--pec-radius-lg);box-shadow:var(--pec-shadow);border-style:solid;border-width:1px;border-color:var(--pec-border);flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1.25rem;display:flex}._pec-field{flex-direction:column;gap:.375rem;display:flex}._pec-label{color:var(--pec-text);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;display:flex}._pec-label svg{color:var(--pec-text-muted)}._pec-type-options{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}._pec-type-btn{border-radius:var(--pec-radius);background:var(--pec-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--pec-border);cursor:pointer;min-height:44px;color:var(--pec-text);-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;gap:.5rem;padding:.75rem .625rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:flex}._pec-type-btn:hover{border-color:var(--pec-primary);background:var(--pec-primary-light)}._pec-type-btn._pec-type-active{border-color:var(--pec-primary);background:var(--pec-primary);color:#fff;box-shadow:0 2px 8px #ea580c40}._pec-type-btn._pec-type-active svg{color:#fff}._pec-energy-options{grid-template-columns:repeat(4,1fr);gap:.375rem;display:grid}._pec-energy-btn{border-radius:var(--pec-radius);background:var(--pec-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--pec-border);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;min-width:0;min-height:48px;padding:.5rem .25rem;font-family:inherit;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:flex;overflow:hidden}._pec-energy-btn:hover{border-color:var(--pec-primary);background:var(--pec-primary-light)}._pec-energy-btn._pec-energy-active{border-color:var(--pec-primary);background:var(--pec-primary);box-shadow:0 2px 8px #ea580c40}._pec-energy-label{color:var(--pec-text);text-align:center;word-break:break-word;max-width:100%;font-size:.8125rem;font-weight:600}._pec-energy-hint{color:var(--pec-text-muted);text-align:center;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;font-size:.625rem;line-height:1.3}._pec-energy-btn._pec-energy-active ._pec-energy-label{color:#fff}._pec-energy-btn._pec-energy-active ._pec-energy-hint{color:#fffc}._pec-age-row{align-items:center;gap:.75rem;display:flex}._pec-age-group{flex:1;align-items:center;gap:.375rem;display:flex}._pec-age-unit{color:var(--pec-text-muted);white-space:nowrap;font-size:.8125rem}._pec-life-stage{border-radius:var(--main-radius-full,9999px);align-items:center;gap:.25rem;width:-moz-fit-content;width:fit-content;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}._pec-life-stage:empty{display:none}._pec-life-stage[data-stage=puppy],._pec-life-stage[data-stage=kitten]{color:#2563eb;background:#3b82f61a}._pec-life-stage[data-stage=adult]{color:#059669;background:#10b9811a}._pec-life-stage[data-stage=senior]{color:#d97706;background:#f59e0b1a}._pec-weight-row{align-items:stretch;gap:.5rem;display:flex}._pec-input-wrapper{background:var(--pec-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--pec-border);border-radius:var(--pec-radius);flex:1;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}._pec-input-wrapper:focus-within{border-color:var(--pec-primary);box-shadow:0 0 0 3px #ea580c1a}._pec-input{min-height:44px;color:var(--pec-text);-webkit-appearance:none;appearance:none;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;padding:.625rem .75rem;font-family:inherit;font-size:1rem;font-weight:500}._pec-input::placeholder{color:#94a3b8}._pec-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._pec-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._pec-input[type=number]{-moz-appearance:textfield}._pec-unit-toggle{background:var(--pec-bg-secondary);border-radius:var(--pec-radius);border-style:solid;border-width:1.5px;border-color:var(--pec-border);display:flex;overflow:hidden}._pec-unit-btn{min-width:44px;color:var(--pec-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;padding:.5rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background-color .15s,color .15s}._pec-unit-btn._pec-unit-active{background:var(--pec-primary);color:#fff}._pec-unit-btn:not(._pec-unit-active):hover{color:var(--pec-primary)}._pec-health-options{flex-wrap:wrap;gap:.375rem;display:flex}._pec-health-btn{border-radius:var(--main-radius-full,9999px);background:var(--pec-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--pec-border);cursor:pointer;min-height:36px;color:var(--pec-text-secondary);-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:.5rem .875rem;font-family:inherit;font-size:.75rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s}._pec-health-btn:hover{border-color:var(--pec-primary);background:var(--pec-primary-light)}._pec-health-btn._pec-health-active{border-color:var(--pec-primary);background:var(--pec-primary);color:#fff}._pec-health-note{color:var(--pec-color-warning);border-radius:var(--pec-radius);background:#f59e0b14;padding:.5rem .625rem;font-size:.75rem;line-height:1.4}._pec-calculate-btn{background:var(--pec-primary);color:#fff;border-radius:var(--pec-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:48px;padding:.875rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:opacity .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #ea580c40}._pec-calculate-btn:active{opacity:.85}._pec-calculate-btn:hover{opacity:.9}@media (max-width:600px){._pec-energy-options{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (max-width:480px){._pec-input-section{padding:1rem}._pec-health-btn{min-height:34px;padding:.4375rem .75rem;font-size:.75rem}._pec-age-row{gap:.625rem}._pec-type-options{gap:.5rem}}@media (max-width:360px){._pec-input-section{padding:.875rem}._pec-age-group{gap:.25rem}._pec-age-unit{font-size:.75rem}}._pec-result-section{flex-direction:column;gap:.75rem;margin-bottom:1rem;scroll-margin-top:1rem;display:flex}._pec-summary-card{background:var(--pec-bg);border-radius:var(--pec-radius-lg);box-shadow:var(--pec-shadow);border-style:solid;border-width:1px;border-color:var(--pec-border);padding:1.25rem}._pec-summary-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--pec-border);align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}._pec-summary-icon{background:var(--pec-primary-light);width:48px;height:48px;color:var(--pec-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}._pec-summary-main{flex:1;min-width:0}._pec-summary-duration{color:var(--pec-primary);word-break:break-word;font-size:1.5rem;font-weight:700;line-height:1.2}._pec-summary-subtitle{color:var(--pec-text-muted);margin-top:.125rem;font-size:.8125rem}._pec-summary-stats{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}._pec-stat{text-align:center;flex-direction:column;align-items:center;gap:.125rem;display:flex}._pec-stat-label{color:var(--pec-text-muted);text-transform:uppercase;letter-spacing:.025em;font-size:.6875rem;font-weight:500}._pec-stat-value{color:var(--pec-text);word-break:break-word;max-width:100%;font-size:.9375rem;font-weight:700}._pec-activities-card,._pec-tips-card,._pec-warnings-card{background:var(--pec-bg);border-radius:var(--pec-radius-lg);box-shadow:var(--pec-shadow);border-style:solid;border-width:1px;border-color:var(--pec-border);padding:1rem 1.25rem}._pec-card-title{color:var(--pec-text);align-items:center;gap:.375rem;margin-bottom:.75rem;font-size:.8125rem;font-weight:600;display:flex}._pec-card-title svg{color:var(--pec-text-muted)}._pec-activities-list{flex-direction:column;gap:.5rem;display:flex}._pec-activity-item{background:var(--pec-bg-secondary);border-radius:var(--pec-radius);align-items:flex-start;gap:.625rem;padding:.5rem .625rem;display:flex}._pec-activity-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;display:flex}._pec-activity-icon[data-intensity=light]{color:var(--pec-color-light);background:#10b9811a}._pec-activity-icon[data-intensity=moderate]{color:var(--pec-color-moderate);background:#f59e0b1a}._pec-activity-icon[data-intensity=vigorous]{color:var(--pec-color-vigorous);background:#ef44441a}._pec-activity-icon[data-intensity=mental]{color:var(--pec-color-info);background:#3b82f61a}._pec-activity-info{flex:1;min-width:0}._pec-activity-name{color:var(--pec-text);font-size:.8125rem;font-weight:600}._pec-activity-desc{color:var(--pec-text-muted);margin-top:.125rem;font-size:.75rem}._pec-tips-list{flex-direction:column;gap:.375rem;display:flex}._pec-tip-item{color:var(--pec-text-secondary);align-items:flex-start;gap:.5rem;font-size:.8125rem;line-height:1.4;display:flex}._pec-tip-item svg{color:var(--pec-color-success);flex-shrink:0;margin-top:.125rem}._pec-warnings-card{background:#ef444408;border-color:#ef444433}._pec-warning-title,._pec-warning-title svg{color:var(--pec-color-danger)}._pec-warnings-list{flex-direction:column;gap:.375rem;display:flex}._pec-warning-item{color:var(--pec-text-secondary);align-items:flex-start;gap:.5rem;font-size:.8125rem;line-height:1.4;display:flex}._pec-warning-item svg{color:var(--pec-color-danger);flex-shrink:0;margin-top:.125rem}@media (max-width:480px){._pec-summary-card,._pec-activities-card,._pec-tips-card,._pec-warnings-card{padding:1rem}._pec-summary-header{gap:.75rem;margin-bottom:.875rem;padding-bottom:.875rem}._pec-summary-icon{width:40px;height:40px}._pec-summary-duration{font-size:1.25rem}._pec-summary-stats{gap:.5rem}._pec-stat-label{font-size:.625rem}._pec-stat-value{font-size:.875rem}._pec-activity-item{padding:.5rem}}@media (max-width:360px){._pec-summary-stats{gap:.375rem}._pec-stat-label{letter-spacing:0}}._pec-reference{background:var(--pec-bg);border-radius:var(--pec-radius-lg);box-shadow:var(--pec-shadow);border-style:solid;border-width:1px;border-color:var(--pec-border);padding:1rem 1.25rem}._pec-reference-title{color:var(--pec-text);align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:flex}._pec-reference-title svg{color:var(--pec-text-muted)}._pec-reference-content p{color:var(--pec-text-secondary);margin:0 0 .5rem;font-size:.8125rem;line-height:1.5}._pec-reference-content p:last-child{margin-bottom:0}._pec-reference-note{font-style:italic;color:var(--pec-text-muted)!important}