:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b66;--accent-primary:#0ea5e9;--accent-primary-soft:#0ea5e933;--accent-warm:#f59e0b;--accent-warm-soft:#f59e0b33;--stage-puppy:#fb923c;--stage-adolescence:#fbbf24;--stage-prime:#34d399;--stage-senior:#0ea5e9;--stage-geriatric:#a78bfa;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-subtle:#ffffff14;--border-accent:#0ea5e980;--shadow-soft:0 8px 32px #0006;--glow-neon:0 0 15px #0ea5e966}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#0ea5e90d 0%,#0000 40%),radial-gradient(circle at 85% 30%,#34d3990d 0%,#0000 40%);background-attachment:fixed;min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,sans-serif;animation:15s ease-in-out infinite alternate pulseBg}@keyframes pulseBg{0%{background-position:0 0}to{background-position:100% 100%}}.main-container{max-width:1280px;margin:0 auto;padding:20px}.page-title{text-align:center;margin:0 0 20px;font-size:2rem;font-weight:800}.mode-tabs{justify-content:center;gap:10px;margin-bottom:20px;display:flex}.tab-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:10px;padding:10px 24px;font-size:.85rem;font-weight:600;transition:all .2s}.tab-btn:hover{border-color:var(--border-accent);color:var(--text-primary);box-shadow:var(--glow-neon)}.tab-btn.active{background:var(--accent-primary-soft);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:var(--glow-neon)}.calculator-wrapper{grid-template-columns:340px 1fr;align-items:stretch;gap:20px;display:grid}.card{background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-soft);border-radius:20px;padding:24px}.card-header-cyan{color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--accent-primary);margin-bottom:16px;padding-bottom:6px;font-size:.85rem;font-weight:700;display:inline-block}.method-toggle-container{align-items:center;gap:10px;margin-bottom:20px;display:flex}.method-pill-toggle{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:10px;flex:1;padding:3px;display:flex}.pill-option{color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:.8rem;font-weight:600;transition:all .2s}.pill-option:hover{color:var(--text-secondary)}.pill-option.active{background:var(--accent-primary-soft);color:var(--accent-primary)}.method-info-btn{border:1px solid var(--border-subtle);background:var(--bg-secondary);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:50%;font-size:.85rem;transition:all .2s}.method-info-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.method-info-tooltip{background:var(--bg-secondary);border:1px solid var(--border-accent);color:var(--text-secondary);border-radius:10px;margin-bottom:16px;padding:12px;font-size:.8rem;display:none}.method-info-tooltip.visible{display:block}.method-info-tooltip p{margin:0 0 8px;line-height:1.5}.method-info-tooltip p:last-child{margin-bottom:0}.input-group{margin-bottom:16px;position:relative}label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;font-weight:500;display:block}input,.glass-input,.glass-select{background:var(--bg-secondary);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:10px;padding:12px 14px;font-size:.95rem}input:focus,.glass-input:focus,.glass-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.search-container{position:relative}.search-icon-left{color:var(--text-muted);pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{padding-left:36px;padding-right:30px}.dropdown-chevron{color:var(--text-muted);pointer-events:none;font-size:.7rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.suggestions-list{background:var(--bg-secondary);border:1px solid var(--accent-primary);z-index:100;border-radius:0 0 10px 10px;width:100%;max-height:180px;margin:0;padding:0;list-style:none;display:none;position:absolute;top:100%;left:0;overflow-y:auto}.suggestions-list li{cursor:pointer;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);padding:10px 14px;font-size:.9rem}.suggestions-list li:hover{background:var(--accent-primary-soft);color:var(--text-primary)}.analysis-dashboard{grid-template-rows:auto 1fr;gap:16px;height:100%;display:grid}.hero-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:20px 24px;display:grid}.hero-result{text-align:left}.hero-result .big-number{background:linear-gradient(135deg, var(--text-primary) 30%, var(--accent-primary));-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #0ea5e933;-webkit-background-clip:text;background-clip:text;margin:0;font-size:4rem;font-weight:800;line-height:1;transition:transform .1s ease-out}.hero-result .result-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px;font-size:.75rem}.hero-image{border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);justify-content:center;align-items:center;padding:0 15px;transition:opacity .3s ease-in-out;display:flex}.hero-image img{border-radius:10px;max-height:90px;transition:transform .3s}.hero-image:hover img{transform:scale(1.05)}.hero-image .breed-image-placeholder{background:var(--bg-secondary);border:1px dashed var(--border-subtle);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:2rem;transition:all .3s;display:flex}.hero-stats{text-align:right;flex-direction:column;gap:8px;display:flex}.hero-stat-item{justify-content:flex-end;align-items:center;gap:8px;font-size:.85rem;display:flex}.hero-stat-item .stat-icon{font-size:1rem}.hero-stat-item .stat-text{color:var(--text-secondary)}.hero-stat-item .stat-value{color:var(--text-primary);font-weight:700}.life-stage-slim{border-top:1px solid var(--border-subtle);grid-column:1/-1;margin-top:12px;padding-top:12px}.life-stage-slim .life-stage-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.life-stage-slim .life-stage-label{color:var(--text-muted);font-size:.75rem}.life-stage-slim .life-stage-badge{text-transform:uppercase;border-radius:5px;padding:3px 8px;font-size:.7rem;font-weight:700}.life-stage-slim .life-stage-track{background:#ffffff0d;border-radius:3px;height:6px;display:flex;overflow:hidden}.life-stage-slim .life-stage-segment{opacity:.15;height:100%;transition:opacity .5s ease-out,box-shadow .3s}.life-stage-slim .life-stage-segment.active{opacity:1;box-shadow:0 0 10px}.puppyhood{background:var(--stage-puppy)}.adolescence{background:var(--stage-adolescence)}.prime{background:var(--stage-prime)}.senior{background:var(--stage-senior)}.geriatric{background:var(--stage-geriatric)}.insight-tabs-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.insight-tab-nav{border-bottom:1px solid var(--border-subtle);display:flex}.insight-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 10px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.insight-tab-btn:hover{color:var(--text-secondary);background:#ffffff0d}.insight-tab-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background:var(--accent-primary-soft)}.insight-tab-btn .tab-icon{font-size:1.1rem}.insight-tab-panels{flex:1;padding:20px;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.insight-panel h3{color:var(--text-primary);margin:0 0 12px;font-size:1rem}.insight-panel p,.insight-panel ul{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.7}.insight-panel ul{padding-left:18px}.insight-panel li{margin-bottom:8px}.product-recommendation{background:var(--accent-warm-soft);border:1px dashed var(--accent-warm);color:var(--text-secondary);border-radius:8px;margin-top:16px;padding:12px;font-size:.85rem}.product-recommendation strong{color:var(--accent-warm)}.share-footer{border-top:1px solid var(--border-subtle);text-align:center;padding:12px 20px}.share-btn{background:linear-gradient(135deg, var(--accent-primary), #2563eb);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:transform .2s,box-shadow .2s}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0ea5e999}.narrative-hero{grid-template-columns:1fr auto auto}.comparison-visual{align-items:center;gap:15px;display:flex}.compare-item{flex-direction:column;align-items:center;gap:4px;display:flex}.compare-icon{font-size:2rem}.compare-value{color:var(--text-primary);font-size:2.5rem;font-weight:800}.compare-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem}.compare-arrow{color:var(--accent-primary);margin:0 5px;font-size:1.5rem}.dogsonality-header{border-bottom:1px solid var(--border-subtle);background:var(--accent-warm-soft);justify-content:center;align-items:center;gap:10px;padding:16px;display:flex}.dogsonality-icon{font-size:1.3rem}.dogsonality-title{color:var(--accent-warm);font-size:1rem;font-weight:700}.dogsonality-content{flex:1;padding:20px}.dogsonality-content p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.7}.faq-section{max-width:800px;margin-top:40px;margin-left:auto;margin-right:auto;padding-bottom:50px}.faq-header{text-align:center;letter-spacing:2px;margin-bottom:8px;font-size:1rem;font-weight:700}.faq-divider{background:linear-gradient(90deg, transparent, var(--accent-primary), transparent);max-width:100px;height:2px;margin:0 auto 25px}.faq-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;margin-bottom:10px}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 18px;font-size:.9rem;font-weight:600;display:flex}.faq-item summary:after{content:"+";color:var(--accent-primary);font-size:1.1rem}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--text-secondary);margin:0;padding:14px 18px;font-size:.9rem;line-height:1.6}@media (width<=900px){.calculator-wrapper{grid-template-columns:minmax(0,1fr);overflow:hidden}.hero-card,.narrative-hero{text-align:center;grid-template-columns:minmax(0,1fr);overflow:hidden}.hero-result,.hero-stats{text-align:center;align-items:center}.hero-image{border:none;order:-1;padding:10px 0}.hero-result .big-number{font-size:3rem}.hero-stats{flex-flow:wrap;justify-content:center;gap:12px}.hero-stat-item,.comparison-visual{justify-content:center}.milestone-badge,.lifespan-progress-bar,.life-stage-slim{grid-column:1/-1}.slider-combo{flex-direction:column;gap:6px}.slider-number{width:100%!important}}@media (width>=901px) and (width<=1100px){.calculator-wrapper{grid-template-columns:300px 1fr;gap:14px}.hero-image{display:none}.hero-card{grid-template-columns:1fr 1fr}.insight-tab-btn{padding:12px 6px;font-size:.75rem}}.input-error{color:#f87171;min-height:18px;margin-top:4px;font-size:.75rem;transition:opacity .2s}.slider-combo{align-items:center;gap:10px;display:flex}.age-slider{-webkit-appearance:none;appearance:none;background:var(--bg-secondary);cursor:pointer;border:none;border-radius:2px;outline:none;flex:1;height:4px;padding:0}.age-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .15s;box-shadow:0 0 8px #0ea5e980}.age-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.age-slider::-moz-range-thumb{background:var(--accent-primary);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 0 8px #0ea5e980}.slider-number{text-align:center;flex-shrink:0;width:80px!important;padding:8px 10px!important}.breed-image-skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, #ffffff0f 50%, var(--bg-secondary) 75%);background-size:200% 100%;border-radius:10px;width:70px;height:70px;animation:1.2s infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.suggestions-list li.keyboard-focused{background:var(--accent-primary-soft);color:var(--text-primary);outline:1px solid var(--accent-primary)}.milestone-badge{background:linear-gradient(135deg, var(--accent-warm-soft), #fb923c1f);border:1px solid var(--accent-warm);color:var(--accent-warm);text-align:center;border-radius:8px;grid-column:1/-1;padding:7px 14px;font-size:.82rem;font-weight:700;animation:.4s cubic-bezier(.16,1,.3,1) milestoneEntry;display:none}.milestone-badge.visible{display:block}@keyframes milestoneEntry{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.lifespan-progress-bar{grid-column:1/-1;padding-top:10px}.lifespan-bar-label{color:var(--text-muted);justify-content:space-between;margin-bottom:5px;font-size:.72rem;display:flex}.lifespan-bar-track{background:#ffffff0f;border-radius:3px;height:5px;overflow:hidden}.lifespan-bar-fill{border-radius:3px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1),background-color .5s}.lifespan-bar-sub{color:var(--text-muted);text-align:right;margin-top:4px;font-size:.7rem}.confetti-dot{pointer-events:none;z-index:10;border-radius:50%;animation:linear forwards confettiFall;position:absolute}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(130px)rotate(360deg)}}.hero-card{position:relative;overflow:hidden}.hero-card:before,.hero-card:after{content:"🐾";opacity:.035;pointer-events:none;z-index:0;font-size:3.5rem;position:absolute}.hero-card:before{top:-8px;right:25px;transform:rotate(15deg)}.hero-card:after{font-size:2.2rem;bottom:12px;left:18px;transform:rotate(-25deg)}.fact-ticker{border-left:2px solid var(--accent-primary);background:#0ea5e90f;border-radius:0 8px 8px 0;margin-top:14px;padding:10px 14px}.fact-ticker-label{text-transform:uppercase;letter-spacing:1px;color:var(--accent-primary);margin-bottom:5px;font-size:.68rem;font-weight:700;display:block}.fact-ticker-text{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5;transition:opacity .4s}.stage-emoji-bounce{animation:1.8s ease-in-out infinite stageBounce;display:inline-block}@keyframes stageBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes wiggle{0%,to{transform:rotate(0)}15%{transform:rotate(-9deg)}30%{transform:rotate(9deg)}45%{transform:rotate(-6deg)}60%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}90%{transform:rotate(3deg)}}.wiggle-easter-egg{animation:.65s ease-in-out wiggle}@keyframes heroCardBorderPulse{0%{box-shadow:var(--shadow-soft), 0 0 0 1px #0ea5e926, 0 0 20px #0ea5e90a}to{box-shadow:var(--shadow-soft), 0 0 0 1px #34d39940, 0 0 28px #34d39912}}.hero-card{animation:4s ease-in-out infinite alternate heroCardBorderPulse}.life-stage-slim .life-stage-segment.active{opacity:1;animation:2.5s ease-in-out infinite stagePulse}@keyframes stagePulse{0%,to{box-shadow:0 0 8px}50%{box-shadow:0 0 18px,0 0 5px}}.hero-card.results-ready .hero-result{animation:.4s both slideUpFade}.hero-card.results-ready .hero-image{animation:.4s .1s both slideUpFade}.hero-card.results-ready .hero-stats{animation:.4s .2s both slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-result .big-number,.compare-value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";min-width:3ch}.chart-legend{color:var(--text-muted);align-items:center;gap:6px;margin:0 0 10px;font-size:.78rem;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.legend-dot.amber{background:var(--accent-warm)}.legend-dot.blue{background:var(--accent-primary)}#age-chart-svg{width:100%;max-height:180px;display:block}.dog-zodiac-section{background:linear-gradient(135deg,#a78bfa14,#0ea5e90f);border:1px solid #a78bfa4d;border-radius:10px;margin:0 20px 16px;padding:12px 16px}.zodiac-header{align-items:center;gap:8px;margin-bottom:6px;font-size:1.2rem;display:flex}.zodiac-name{color:#a78bfa;font-size:.9rem;font-weight:700}.zodiac-desc{color:var(--text-secondary);margin:0;font-size:.83rem;line-height:1.5}.insight-tab-panels{min-height:120px;position:relative}.insight-panel{animation:.25s fadeIn;display:none}.insight-panel.active{display:block}[data-theme=light]{--accent-primary:#0e7490;--bg-card:#fff;--border-subtle:#00000014;--text-muted:#475569;--text-primary:#0f172a;--text-secondary:#334155}[data-theme=light] body{color:#0f172a;background-color:#f1f5f9;background-image:none}[data-theme=light] input,[data-theme=light] select{color-scheme:light}[data-theme=light] .dashboard-container,[data-theme=light] .dashboard-wrapper{background:0 0}[data-theme=light] .dashboard-panel,[data-theme=light] .dashboard-card,[data-theme=light] .card,[data-theme=light] .glass-card,[data-theme=light] .compact-card,[data-theme=light] .calculator-card{color:#0f172a;background:#fff;border-color:#0000001f;box-shadow:0 2px 8px #00000014}[data-theme=light] .input-group label,[data-theme=light] .input-label{color:#334155}[data-theme=light] .input-group input,[data-theme=light] .input-group select,[data-theme=light] .glass-input,[data-theme=light] .input-field,[data-theme=light] .fintech-input,[data-theme=light] .dashboard-input,[data-theme=light] .styled-input{color:#0f172a;background:#e2e8f0;border-color:#00000026}[data-theme=light] .tab-btn,[data-theme=light] .calc-tab-btn,[data-theme=light] .segment-pill,[data-theme=light] .input-tab-btn{color:#334155;background:#e2e8f0;border-color:#00000014}[data-theme=light] .tab-btn.active,[data-theme=light] .calc-tab-btn.active,[data-theme=light] .segment-pill.active,[data-theme=light] .input-tab-btn.active{color:#fff;background:#0e7490}[data-theme=light] .preset-chip,[data-theme=light] .chip{color:#334155;background:#e2e8f0;border-color:#00000014}[data-theme=light] .preset-chip.active,[data-theme=light] .chip.active{color:#fff;background:#0e7490}[data-theme=light] .stat-card{background:#fff;border-color:#0000001f}[data-theme=light] .stat-label{color:#475569}[data-theme=light] .hero-result,[data-theme=light] .hero-result-box,[data-theme=light] .result-card{color:#0f172a;background:#fff;border-color:#0000001f}[data-theme=light] .formula-strip,[data-theme=light] .formula-pill{color:#334155;background:#f1f5f9;border-color:#00000014}[data-theme=light] .alert{color:#334155;background:#f8fafc;border-color:#00000014}[data-theme=light] .action-btn:hover{background:#f1f5f9}[data-theme=light] .chart-card,[data-theme=light] .chart-block,[data-theme=light] .chart-wrapper{background:#fff;border-color:#0000001f}[data-theme=light] .scenario-card{color:#0f172a;background:#fff;border-color:#0000001f}[data-theme=light] .compare-card,[data-theme=light] .winner-card,[data-theme=light] .winner-banner{color:#0f172a;background:#f8fafc;border-color:#0000001f}[data-theme=light] table,[data-theme=light] .data-table,[data-theme=light] .schedule-table,[data-theme=light] .amort-table{border-color:#0000001f}[data-theme=light] th{color:#334155;background:#f1f5f9;border-color:#0000001f}[data-theme=light] td{color:#0f172a;border-color:#0000000f}[data-theme=light] .how-to-card,[data-theme=light] .how-it-works,[data-theme=light] .onboarding-card-final{color:#0f172a;background:#fff;border-color:#00000014}[data-theme=light] .faq-item{background:#fff;border-color:#00000014}[data-theme=light] .faq-question{color:#0f172a}[data-theme=light] .faq-answer{color:#475569}[data-theme=light] .breadcrumb,[data-theme=light] .calc-breadcrumb{color:#475569;background:#00000008}[data-theme=light] .breadcrumb a{color:#475569}[data-theme=light] .breadcrumb a:hover{color:#0e7490}[data-theme=light] .calc-btn,[data-theme=light] .calculate-btn{color:#fff;background:#0e7490}[data-theme=light] .toggle-btn{color:#334155;background:#e2e8f0}[data-theme=light] .toggle-btn.active{color:#fff;background:#0e7490}[data-theme=light] .modal-content,[data-theme=light] .modal-body{color:#0f172a;background:#fff;border-color:#0000001f}[data-theme=light] .tooltip-label{color:#475569}[data-theme=light] .glossary-card{color:#0f172a;background:#f8fafc;border-color:#00000014}[data-theme=light] .mobile-nav,[data-theme=light] .mobile-sticky-footer{background:#fffffffa;border-top:1px solid #0000001f}[data-theme=light] .mobile-nav .nav-link{color:#334155}[data-theme=light] .back-to-top{color:#475569;background:#0000000f}[data-theme=light] .sub-category-nav-wrapper,[data-theme=light] .sub-nav-link{color:#334155;background:0 0}[data-theme=light] .sub-nav-link.active{color:#0e7490;border-color:#0e7490}[data-theme=light] .custom-select-trigger,[data-theme=light] .glass-select,[data-theme=light] .styled-select{color:#0f172a;background:#e2e8f0;border-color:#00000026}[data-theme=light] .custom-select-options{background:#fff;border-color:#0000001f}[data-theme=light] .custom-select-option{color:#0f172a}[data-theme=light] .custom-select-option:hover{background:#f1f5f9}[data-theme=light] .controls-panel,[data-theme=light] .sidebar,[data-theme=light] .results-column{background:0 0}[data-theme=light] .section-title,[data-theme=light] .section-header{color:#0f172a}[data-theme=light] .section-subtitle,[data-theme=light] .section-desc{color:#475569}[data-theme=light]{--bg-secondary:#e2e8f0;--accent-primary-soft:#0e749026;--glow-neon:none}[data-theme=light] .life-stage-slim .life-stage-track,[data-theme=light] .lifespan-bar-track{background:#00000014}[data-theme=light] .hero-card{background:#fff;border-color:#0000001a;box-shadow:0 2px 16px #00000014}[data-theme=light] .big-number{background:linear-gradient(135deg,#0e7490 0%,#0284c7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .result-label{color:#475569}[data-theme=light] .hero-stat-item{color:#334155}[data-theme=light] .stat-icon{color:#0e7490}[data-theme=light] .stat-value{color:#0f172a}[data-theme=light] .breed-image-placeholder{color:#94a3b8;background:#edf2f9}[data-theme=light] .life-stage-label{color:#475569}[data-theme=light] .milestone-badge{color:#92400e;background:#fffbeb;border-color:#f59e0b66}[data-theme=light] .insight-tabs-container{background:#fff;border-color:#0000001a}[data-theme=light] .insight-tab-nav{background:#f0f4f9;border-bottom-color:#00000014}[data-theme=light] .insight-tab-btn{color:#475569}[data-theme=light] .insight-tab-btn.active{color:#0e7490;background:#fff;background-color:var(--accent-primary-soft);border-bottom-color:#0e7490}[data-theme=light] .insight-panel h3{color:#0f172a}[data-theme=light] .insight-panel p,[data-theme=light] .insight-panel li{color:#334155}[data-theme=light] .product-recommendation{color:#0f172a;background:#eff9fb;border-color:#0e74904d}[data-theme=light] .fact-ticker{background:#f0f4f9;border-color:#00000014}[data-theme=light] .fact-ticker-label{color:#0e7490}[data-theme=light] .fact-ticker-text{color:#334155}[data-theme=light] .method-toggle-wrap{background:#f0f4f9;border-color:#00000014}[data-theme=light] .method-toggle-label{color:#475569}[data-theme=light] .lifespan-bar-sub{color:#64748b}[data-theme=light] .lifespan-bar-label{color:#475569}[data-theme=light] .dog-zodiac-section{background:#f5f0ff;border-color:#7c3aed40}[data-theme=light] .zodiac-name{color:#7c3aed}[data-theme=light] .zodiac-desc{color:#475569}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.stat-cell{background:var(--bg-secondary);border:1px solid var(--border-subtle);text-align:center;border-radius:12px;padding:12px 14px;transition:border-color .2s}.stat-cell-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px;font-size:.65rem}.stat-cell-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.size-chips{flex-wrap:wrap;gap:8px;display:flex}.size-chip{background:var(--bg-secondary);border:1px solid var(--border-subtle);min-width:64px;color:var(--text-secondary);cursor:pointer;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px 6px;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:flex}.size-chip:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.size-chip.active{background:var(--accent-primary-soft);border-color:var(--accent-primary);color:var(--accent-primary)}.chip-sub{color:var(--text-muted);letter-spacing:0;font-size:.62rem;font-weight:400}.size-chips.breed-locked{opacity:.6;pointer-events:none}.action-bar{border-top:1px solid var(--border-subtle);gap:8px;padding:12px 16px;display:flex}.action-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1;padding:9px 8px;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.action-btn:hover{background:var(--accent-primary-soft);border-color:var(--accent-primary);color:var(--accent-primary)}.vet-intro{color:var(--text-muted);margin-bottom:12px;font-size:.83rem}.vet-intro strong{color:var(--text-primary)}.vet-schedule-grid{flex-direction:column;gap:8px;display:flex}.vet-schedule-row{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-left:3px solid var(--accent-primary);border-radius:8px;align-items:flex-start;gap:12px;padding:10px 12px;font-size:.8rem;display:flex}.vet-schedule-row.urgent{border-left-color:#f87171}.vet-row-freq{width:90px;color:var(--accent-primary);flex-shrink:0;padding-top:2px;font-size:.72rem;font-weight:700}.vet-schedule-row.urgent .vet-row-freq{color:#f87171}.vet-row-label{color:var(--text-primary);margin-bottom:2px;font-weight:600}.vet-row-detail{color:var(--text-muted);font-size:.75rem}.vet-urgent-tag{color:#f87171;vertical-align:middle;background:#f8717126;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:.65rem;font-weight:700;display:inline-block}.toast{color:#fff;z-index:9999;opacity:0;pointer-events:none;border-radius:10px;max-width:320px;padding:12px 18px;font-size:.85rem;font-weight:500;transition:opacity .3s,transform .3s;position:fixed;bottom:1.5rem;right:1.5rem;transform:translateY(8px);box-shadow:0 4px 16px #00000040}.toast.visible{opacity:1;transform:translateY(0)}.toast-success{background:#0e7490}.toast-warn{background:#f59e0b}.toast-error{background:#dc2626}@media (width<=600px){.insight-tab-btn{gap:2px;padding:10px 3px;font-size:.68rem}.insight-tab-btn .tab-icon{font-size:.85rem}.stat-grid{grid-template-columns:repeat(2,1fr)}.size-chips{gap:6px}}[data-theme=light] .stat-cell{background:#edf2f9;border-color:#0000001a}[data-theme=light] .stat-cell-label{color:#64748b}[data-theme=light] .stat-cell-value{color:#0f172a}[data-theme=light] .size-chip{color:#475569;background:#edf2f9;border-color:#0000001a}[data-theme=light] .size-chip:hover{color:#0e7490;border-color:#0e7490}[data-theme=light] .size-chip.active{color:#0e7490;background:#0e74901f;border-color:#0e7490}[data-theme=light] .chip-sub{color:#94a3b8}[data-theme=light] .action-bar{border-top-color:#00000014}[data-theme=light] .action-btn{color:#475569;background:#edf2f9;border-color:#0000001a}[data-theme=light] .action-btn:hover{color:#0e7490;background:#0e74901a;border-color:#0e7490}[data-theme=light] .vet-schedule-row{background:#edf2f9;border-color:#00000014 #00000014 #00000014 #0e7490}[data-theme=light] .vet-schedule-row.urgent{border-left-color:#dc2626}[data-theme=light] .vet-row-freq{color:#0e7490}[data-theme=light] .vet-schedule-row.urgent .vet-row-freq{color:#dc2626}[data-theme=light] .vet-row-label{color:#0f172a}[data-theme=light] .vet-row-detail{color:#64748b}[data-theme=light] .vet-intro{color:#475569}[data-theme=light] .vet-intro strong{color:#0f172a}