.hidden{display:none}.pet-age-calculator{position:relative;max-width:650px;margin:2rem auto;background:var(--color-surface, #fff);border-radius:2rem;padding:2.5rem;box-shadow:0 20px 50px -15px #00000014;color:var(--color-text, #334155);border:1px solid var(--color-border, #f1f5f9);min-height:400px}.theme-dark .pet-age-calculator{background:var(--color-surface-dark, #1e293b);color:var(--color-text-dark, #e2e8f0);border-color:var(--color-border-dark, #334155);box-shadow:0 20px 50px -15px #0000004d}.age-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-surface, #fff);display:flex;align-items:center;justify-content:center;border-radius:2rem;z-index:50;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s}.theme-dark .age-loader{background:var(--color-surface-dark, #1e293b)}.age-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.age-loader-spinner{width:3rem;height:3rem;color:var(--color-accent, #f59e0b);animation:age-spin 2s infinite linear}@keyframes age-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.age-container{display:flex;flex-direction:column;gap:3rem;animation:age-fade-up .6s cubic-bezier(.4,0,.2,1)}@keyframes age-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.age-section{border-bottom:1px dashed var(--color-border-dashed, #e2e8f0);padding-bottom:2rem}.age-section:last-of-type{border-bottom:none}.theme-dark .age-section{border-bottom-color:var(--color-border-dark, #334155)}.age-section-title{font-size:1.1rem;font-weight:950;color:var(--color-heading, #0f172a);margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;text-transform:uppercase;letter-spacing:.05em}.theme-dark .age-section-title{color:var(--color-heading-dark, #f8fafc)}.age-section-title svg{width:1.25rem;height:1.25rem}.age-input-item{margin-bottom:2rem}.age-input-item:last-child{margin-bottom:0}.age-label{display:block;font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--color-label, #94a3b8);margin-bottom:1rem;letter-spacing:.1em}.age-text-input{width:100%;padding:.875rem 1.25rem;background:var(--color-btn-bg, #f8fafc);border:2px solid var(--color-btn-border, #e2e8f0);border-radius:1rem;font-size:1rem;font-weight:700;color:var(--color-text, #334155);outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.age-text-input::placeholder{color:var(--color-label, #94a3b8);font-weight:500}.age-text-input:focus{border-color:var(--color-accent, #f59e0b);box-shadow:0 0 0 4px #f59e0b1a}.theme-dark .age-text-input{background:var(--color-btn-bg-dark, #0f172a);border-color:var(--color-btn-border-dark, #334155);color:var(--color-text-dark, #e2e8f0)}.age-species-selector{display:flex;gap:1rem}.pet-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem .75rem;background:var(--color-btn-bg, #f8fafc);border:2px solid var(--color-btn-border, #e2e8f0);border-radius:1rem;cursor:pointer;font-weight:800;font-size:1rem;color:var(--color-text, #334155);transition:all .2s cubic-bezier(.4,0,.2,1)}.theme-dark .pet-type-btn{background:var(--color-btn-bg-dark, #0f172a);border-color:var(--color-btn-border-dark, #334155);color:var(--color-text-dark, #e2e8f0)}.pet-type-btn.active{background:var(--color-surface, #fff);border-color:var(--color-accent, #f59e0b);color:var(--color-accent, #f59e0b);box-shadow:0 4px 15px #f59e0b26;transform:translateY(-2px)}.theme-dark .pet-type-btn.active{background:var(--color-surface-elevated-dark, #1e293b)}.age-icon{width:1.5rem;height:1.5rem}.age-segmented{display:flex;background:var(--color-btn-bg, #f8fafc);padding:6px;border-radius:1rem;border:1px solid var(--color-btn-border, #e2e8f0)}.theme-dark .age-segmented{background:var(--color-btn-bg-dark, #0f172a);border-color:var(--color-btn-border-dark, #334155)}.size-btn{flex:1;text-align:center;padding:.85rem;border-radius:.75rem;cursor:pointer;font-weight:700;font-size:.85rem;border:none;background:transparent;color:var(--color-muted, #64748b);transition:all .2s}.size-btn.active{background:var(--color-accent, #f59e0b);color:var(--color-on-accent, #fff);box-shadow:0 4px 12px #f59e0b4d}.age-year-wrap{display:flex;justify-content:center}.age-year-input{width:200px;text-align:center;padding:1rem;background:var(--color-btn-bg, #f8fafc);border:2px solid var(--color-btn-border, #e2e8f0);border-radius:1rem;font-size:2.5rem;font-weight:900;color:var(--color-text, #334155);outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.age-year-input::placeholder{color:var(--color-label, #94a3b8);font-weight:400;font-size:1rem}.age-year-input:focus,.age-year-input.age-input-valid{border-color:var(--color-accent, #f59e0b);box-shadow:0 0 0 4px #f59e0b1a}.age-year-input.age-input-error{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.theme-dark .age-year-input{background:var(--color-btn-bg-dark, #0f172a);border-color:var(--color-btn-border-dark, #334155);color:var(--color-text-dark, #e2e8f0)}.age-year-input::-webkit-inner-spin-button,.age-year-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.age-year-input[type=number]{-moz-appearance:textfield}.age-results{background:var(--color-results-bg, #0f172a);border-radius:2rem;padding:2.5rem;color:var(--color-results-text, #fff);box-shadow:0 20px 40px -10px #0f172a4d}.theme-dark .age-results{background:var(--color-accent, #f59e0b);color:var(--color-results-text-dark, #0f172a);box-shadow:0 20px 40px -10px #f59e0b33}.age-res-main{text-align:center;margin-bottom:1.5rem}.age-res-label{display:block;font-size:.8rem;font-weight:900;text-transform:uppercase;color:var(--color-accent, #f59e0b);letter-spacing:.15em;margin-bottom:.5rem}.theme-dark .age-res-label{color:var(--color-results-bg, #0f172a);opacity:.7}.age-res-number{font-size:5rem;font-weight:950;line-height:1;display:flex;align-items:baseline;justify-content:center;gap:.5rem}.age-res-number small{font-size:1.5rem;font-weight:700;opacity:.6}.age-res-divider{height:1px;background:#ffffff1a;margin:1.5rem 0}.theme-dark .age-res-divider{background:#0000001a}.age-res-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.age-res-card{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.theme-dark .age-res-card{background:#0000001a;border-color:#0000001a}.age-res-card-label{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.age-res-card-val{font-size:.9rem;font-weight:700;line-height:1.2}.age-res-footer{display:flex;justify-content:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.theme-dark .age-res-footer{border-top-color:#0000001a}.age-share-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:2rem;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s}.age-share-btn:hover{background:#fff3}.theme-dark .age-share-btn{background:#00000026;border-color:#0003;color:var(--color-results-bg, #0f172a)}.age-share-btn.age-btn-success{background:#ffffff40}.age-icon-sm{width:1rem;height:1rem}.age-share-overlay{position:fixed;inset:0;z-index:100;display:none;flex-direction:column;align-items:center;justify-content:center;background:#0f172a;padding:1.5rem}.age-share-overlay.visible{display:flex}.age-share-wrap{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:2rem}.age-share-card{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:2.5rem;overflow:hidden;color:#fff}.age-share-card-header{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.age-share-badge{background:#6366f1cc;color:#fff;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.2em;padding:.4rem 1rem;border-radius:2rem}.age-share-animal{width:5rem;height:5rem;background:#0f172acc;border-radius:50%;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#a5b4fc}.age-share-animal svg{width:3rem;height:3rem}#share-pet-name{font-size:2rem;font-weight:900;text-align:center;color:#fff;margin:0}.age-share-card-body{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.age-share-human-label{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.2em;color:#a5b4fcb3}#share-human-age{font-size:7rem;font-weight:900;line-height:.9;color:#fff}.age-share-years-label{font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#fff6;margin-top:-.5rem}.age-share-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%;margin-top:.75rem}.age-share-info-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.age-share-info-label{font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#a5b4fc80}.age-share-info-val{font-size:.85rem;font-weight:700;color:#fff}.age-share-card-footer{padding:1rem;background:#0003;border-top:1px solid rgba(255,255,255,.05);text-align:center;font-size:.65rem;font-weight:900;letter-spacing:.3em;text-transform:uppercase;color:#ffffff4d}.age-share-new-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;padding:.75rem 1.5rem;border-radius:2rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s}.age-share-new-btn:hover{background:#ffffff1a;color:#fff}.age-share-new-btn svg{width:1rem;height:1rem}@media(max-width:600px){.pet-age-calculator{padding:1.5rem;margin:1rem}.age-species-selector{flex-direction:column}.age-res-grid{grid-template-columns:1fr}.age-res-number{font-size:4rem}.age-year-input{font-size:2rem}}.pet-ration-calculator-final{position:relative;max-width:650px;margin:2rem auto;background:var(--color-surface, #fff);border-radius:2rem;padding:2.5rem;box-shadow:0 20px 50px -15px #00000014;color:var(--color-text, #334155);border:1px solid var(--color-border, #f1f5f9);min-height:400px}.calc-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-surface, #fff);display:flex;align-items:center;justify-content:center;border-radius:2rem;z-index:50;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s}.theme-dark .pet-ration-calculator-final{background:var(--color-surface-dark, #1e293b);color:var(--color-text-dark, #e2e8f0);border-color:var(--color-border-dark, #334155);box-shadow:0 20px 50px -15px #0000004d}.theme-dark .calc-loader{background:var(--color-surface-dark, #1e293b)}.calc-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-spinner{width:3rem;height:3rem;color:var(--color-accent, #f59e0b);animation:spin-pulse 2s infinite linear}@keyframes spin-pulse{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.calc-container{display:flex;flex-direction:column;gap:3rem;animation:fade-in-up .6s cubic-bezier(.4,0,.2,1)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:1.1rem;font-weight:950;color:var(--color-heading, #0f172a);margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;text-transform:uppercase;letter-spacing:.05em}.theme-dark .section-title{color:var(--color-heading-dark, #f8fafc)}.calc-section{border-bottom:1px dashed var(--color-border-dashed, #e2e8f0);padding-bottom:2rem}.calc-section:last-of-type{border-bottom:none}.theme-dark .calc-section{border-bottom-color:var(--color-border-dark, #334155)}.input-item{margin-bottom:2rem}.item-label{display:block;font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--color-label, #94a3b8);margin-bottom:1rem;letter-spacing:.1em}.species-selector-v2{display:flex;gap:1rem}.species-selector-v2 input{display:none}.btn-species{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem .75rem;background:var(--color-btn-bg, #f8fafc);border:2px solid var(--color-btn-border, #e2e8f0);border-radius:1rem;cursor:pointer;font-weight:800;font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.theme-dark .btn-species{background:var(--color-btn-bg-dark, #0f172a);border-color:var(--color-btn-border-dark, #334155)}.icon-v2{width:1.5rem;height:1.5rem}.species-selector-v2 input:checked+.btn-species{background:var(--color-surface, #fff);border-color:var(--color-accent, #f59e0b);color:var(--color-accent, #f59e0b);box-shadow:0 4px 15px #f59e0b26;transform:translateY(-2px)}.theme-dark .species-selector-v2 input:checked+.btn-species{background:var(--color-surface-elevated-dark, #1e293b)}.segmented-v2{display:flex;background:var(--color-btn-bg, #f8fafc);padding:6px;border-radius:1rem;border:1px solid var(--color-btn-border, #e2e8f0)}.theme-dark .segmented-v2{background:var(--color-btn-bg-dark, #0f172a);border-color:var(--color-btn-border-dark, #334155)}.segmented-v2 input{display:none}.segmented-v2 label{flex:1;text-align:center;padding:.85rem;border-radius:.75rem;cursor:pointer;font-weight:700;font-size:.85rem;transition:all .2s;color:var(--color-muted, #64748b)}.segmented-v2 input:checked+label{background:var(--color-accent, #f59e0b);color:var(--color-on-accent, #fff);box-shadow:0 4px 12px #f59e0b4d}.val-badge{font-weight:950;color:var(--color-accent, #f59e0b);font-size:1.25rem}.label-row-v2{display:flex;justify-content:space-between}.range-v2{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:var(--color-range-track, #e2e8f0);border-radius:10px}.theme-dark .range-v2{background:var(--color-range-track-dark, #334155)}.range-v2::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;background:var(--color-surface, #fff);border:6px solid var(--color-accent, #f59e0b);border-radius:50%;cursor:pointer;box-shadow:0 4px 10px #00000026}.ratio-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.ratio-presets input{display:none}.ratio-presets label{padding:.85rem;text-align:center;background:var(--color-btn-bg, #f8fafc);border:1px solid var(--color-btn-border, #e2e8f0);border-radius:.75rem;cursor:pointer;font-weight:700;font-size:.85rem;transition:all .2s}.theme-dark .ratio-presets label{background:var(--color-btn-bg-dark, #0f172a);border-color:var(--color-btn-border-dark, #334155)}.ratio-presets input:checked+label{background:var(--color-surface, #fff);border-color:var(--color-accent, #f59e0b);color:var(--color-accent, #f59e0b);box-shadow:0 4px 10px #f59e0b1a}.theme-dark .ratio-presets input:checked+label{background:var(--color-surface-elevated-dark, #1e293b)}.custom-ratio-link{display:block;text-align:right;font-size:.75rem;color:var(--color-label, #94a3b8);margin-top:1rem;cursor:pointer;text-decoration:underline}.manual-slider-box{margin-top:2rem;padding:1.5rem;background:var(--color-btn-bg, #f8fafc);border-radius:1rem;border:1px solid var(--color-btn-border, #e2e8f0)}.theme-dark .manual-slider-box{background:var(--color-btn-bg-dark, #0f172a);border-color:var(--color-btn-border-dark, #334155)}.ratio-labels{display:flex;justify-content:space-between;font-size:.8rem;margin-top:1rem;font-weight:700}.results-v2{background:var(--color-results-bg, #0f172a);border-radius:2rem;padding:2.5rem;color:var(--color-results-text, #fff);box-shadow:0 20px 40px -10px #0f172a4d}.theme-dark .results-v2{background:var(--color-accent, #f59e0b);color:var(--color-results-text-dark, #0f172a);box-shadow:0 20px 40px -10px #f59e0b33}.res-cards-v2{display:flex;gap:1.5rem;margin-bottom:2rem}.res-card-v2{flex:1;display:flex;flex-direction:column;align-items:center;border-left:4px solid var(--color-accent, #f59e0b);padding:.5rem 1.5rem}.theme-dark .res-card-v2{border-left-color:var(--color-results-bg, #0f172a)}.res-tag{font-size:.8rem;font-weight:900;text-transform:uppercase;color:var(--color-accent, #f59e0b);margin-bottom:.25rem;align-self:flex-start}.theme-dark .res-tag{color:var(--color-results-bg, #0f172a);opacity:.7}.res-num{font-size:4rem;font-weight:950;line-height:1;align-self:flex-start}.res-num small{font-size:1.25rem;margin-left:4px;opacity:.6}.res-footer-v2{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.theme-dark .res-footer-v2{border-top-color:#0000001a}.total-info{font-weight:800;display:flex;align-items:center;gap:.5rem}.total-info strong{font-size:1.4rem}.footer-icon{width:1.5rem;height:1.5rem}.status-box-v2{background:var(--color-accent, #f59e0b);color:var(--color-on-accent, #fff);padding:.4rem 1.25rem;border-radius:2rem;font-size:.85rem;font-weight:900}.theme-dark .status-box-v2{background:var(--color-results-bg, #0f172a);color:var(--color-results-text, #fff)}@media(max-width:600px){.pet-ration-calculator-final{padding:1.5rem;margin:1rem}.species-selector-v2,.res-cards-v2{flex-direction:column}.res-footer-v2{flex-direction:column;gap:1.5rem;text-align:center}}