:root{--dbsp-primary:#0072ce;--dbsp-primary-deep:#005fa3;--dbsp-secondary:#00a86b;--dbsp-secondary-light:#e6f0ff;--dbsp-danger:#e74c3c;--dbsp-bg:#f7f9fb;--dbsp-white:#ffffff;--dbsp-text:#26282c;--dbsp-border:#d8dce2;--dbsp-radius:8px;--dbsp-spacing:1.5rem;--dbsp-gap:0.6rem;--dbsp-text-muted:#6b7280;--dbsp-text-light:#9ca3af;--dbsp-card-shadow:0 4px 24px rgba(0, 114, 206, 0.08), 0 1px 4px rgba(0, 0, 0, 0.06);--dbsp-card-shadow-hover:0 8px 40px rgba(0, 114, 206, 0.14), 0 2px 8px rgba(0, 0, 0, 0.08);--dbsp-toy-color:#a855f7;--dbsp-small-color:#0072ce;--dbsp-medium-color:#00a86b;--dbsp-large-color:#f59e0b;--dbsp-giant-color:#e74c3c;--dbsp-conf-high:#00a86b;--dbsp-conf-medium:#f59e0b;--dbsp-conf-low:#e74c3c}.dbsp-hero{text-align:center;padding:1.5rem 1rem;border:1px solid var(--dbsp-border);border-radius:var(--dbsp-radius);margin-bottom:1rem;box-shadow:var(--dbsp-card-shadow)}.dbsp-hero__badge{display:inline-flex;align-items:center;gap:.5rem;background:rgb(0 168 107 / .12);color:var(--dbsp-secondary)!important;font-size:0.72rem!important;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:.3rem .85rem;border-radius:100px;margin-bottom:1rem;border:1px solid rgb(0 168 107 / .2)}.dbsp-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--dbsp-secondary)!important;animation:dbsp-pulse 2s infinite}@keyframes dbsp-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.dbsp-hero__title{font-size:clamp(2rem, 6vw, 3rem)!important;font-weight:700;color:var(--dbsp-text)!important;line-height:1.1;letter-spacing:-.01em;margin-bottom:.75rem}.dbsp-hero__icon{display:inline-block;margin-right:.2em;animation:dbsp-wag 3s ease-in-out infinite}@keyframes dbsp-wag{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.dbsp-hero__sub{font-size:1rem!important;color:var(--dbsp-text-muted)!important;font-weight:300;max-width:480px;margin:0 auto}.dbsp-card{background:var(--dbsp-white);border:1px solid var(--dbsp-border);border-radius:var(--dbsp-radius);box-shadow:var(--dbsp-card-shadow);padding:1.5rem;transition:box-shadow 0.3s ease}.dbsp-card:hover{box-shadow:var(--dbsp-card-shadow-hover)}.dbsp-section-title{font-size:1.2rem!important;font-weight:600;color:var(--dbsp-text)!important;margin-bottom:1.5rem;letter-spacing:-.01em}.dbsp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-bottom:1.75rem}.dbsp-field-group--wide{grid-column:1 / -1}.dbsp-label{display:flex;align-items:center;gap:.4rem;font-size:0.85rem!important;font-weight:600;color:var(--dbsp-text)!important;margin-bottom:.55rem;letter-spacing:.01em}.dbsp-label__icon{font-size:1rem;line-height:1}.dbsp-label__optional{font-weight:400;color:var(--dbsp-text-light)!important;font-size:0.78rem!important}.dbsp-input-row{display:flex;gap:var(--dbsp-gap);align-items:center}.dbsp-input{flex:1;min-width:0;height:45px!important;border:1px solid var(--dbsp-border)!important;border-radius:var(--dbsp-radius);background:#fafbfc!important;color:var(--dbsp-text)!important;font-size:0.95rem!important;font-weight:500;padding:0 1rem;transition:border-color 0.2s,box-shadow 0.2s,background 0.2s;outline:none;-moz-appearance:textfield}.dbsp-input::-webkit-inner-spin-button,.dbsp-input::-webkit-outer-spin-button{-webkit-appearance:none}.dbsp-input:focus{border-color:var(--dbsp-primary)!important;background:var(--dbsp-white)!important;box-shadow:0 0 0 3px rgb(0 114 206 / .12)}.dbsp-input.dbsp-input--error{border-color:var(--dbsp-danger)!important;box-shadow:0 0 0 3px rgb(231 76 60 / .1)}.dbsp-unit-label{font-size:0.82rem!important;font-weight:600;color:var(--dbsp-text-muted)!important;padding:0 .25rem;white-space:nowrap}.dbsp-toggle-group{display:inline-flex;background:#f1f3f6!important;border-radius:100px;padding:3px;gap:2px;flex-shrink:0}.dbsp-toggle{border:none;background:#fff0;cursor:pointer;font-size:0.78rem!important;font-weight:600;color:var(--dbsp-text-muted)!important;padding:.28rem .75rem;border-radius:100px;transition:background 0.2s,color 0.2s,box-shadow 0.2s;line-height:1.4;white-space:nowrap}.dbsp-toggle.active{background:var(--dbsp-white)!important;color:var(--dbsp-primary)!important;box-shadow:0 1px 4px rgb(0 0 0 / .1)}.dbsp-toggle:hover:not(.active){color:var(--dbsp-text)!important}.dbsp-breed-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem}.dbsp-breed-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.dbsp-breed-option{cursor:pointer}.dbsp-breed-card{border:2px solid var(--dbsp-border)!important;border-radius:var(--dbsp-radius);padding:.85rem .5rem;text-align:center;transition:border-color 0.2s,background 0.2s,transform 0.15s,box-shadow 0.2s;background:#fafbfc!important;user-select:none;-webkit-user-select:none}.dbsp-breed-option:hover .dbsp-breed-card{border-color:var(--dbsp-primary)!important;background:var(--dbsp-secondary-light)!important;transform:translateY(-2px)}.dbsp-breed-radio:checked+.dbsp-breed-card{border-color:var(--dbsp-primary)!important;background:var(--dbsp-secondary-light)!important;box-shadow:0 0 0 3px rgb(0 114 206 / .15)}.dbsp-breed-option[data-size="toy"] .dbsp-breed-radio:checked+.dbsp-breed-card{border-color:var(--dbsp-toy-color);background:rgb(168 85 247 / .06);box-shadow:0 0 0 3px rgb(168 85 247 / .15)}.dbsp-breed-option[data-size="large"] .dbsp-breed-radio:checked+.dbsp-breed-card{border-color:var(--dbsp-large-color);background:rgb(245 158 11 / .07);box-shadow:0 0 0 3px rgb(245 158 11 / .18)}.dbsp-breed-option[data-size="giant"] .dbsp-breed-radio:checked+.dbsp-breed-card{border-color:var(--dbsp-giant-color);background:rgb(231 76 60 / .07);box-shadow:0 0 0 3px rgb(231 76 60 / .15)}.dbsp-breed-option[data-size="medium"] .dbsp-breed-radio:checked+.dbsp-breed-card{border-color:var(--dbsp-medium-color);background:rgb(0 168 107 / .07);box-shadow:0 0 0 3px rgb(0 168 107 / .15)}.dbsp-breed-card__icon{font-size:1.6rem;margin-bottom:.3rem}.dbsp-breed-card__name{font-size:0.82rem!important;font-weight:700;color:var(--dbsp-text)!important;margin-bottom:.1rem}.dbsp-breed-card__range{font-size:0.72rem!important;color:var(--dbsp-primary)!important;font-weight:600;margin-bottom:.15rem}.dbsp-breed-card__eg{font-size:0.65rem!important;color:var(--dbsp-text-light)!important;line-height:1.3}.dbsp-field-hint{display:block;font-size:0.72rem!important;color:var(--dbsp-text-light)!important;margin-top:.3rem}.dbsp-field-error{display:block;font-size:0.72rem!important;color:var(--dbsp-danger)!important;font-weight:500;margin-top:.25rem;min-height:1em}.dbsp-button--primary{position:relative;display:block;width:100%;border:none;background:linear-gradient(135deg,var(--dbsp-primary) 0%,var(--dbsp-primary-deep) 100%);color:#fff!important;font-size:1rem;font-weight:600;padding:.95rem 2rem;border-radius:var(--dbsp-radius);cursor:pointer;transition:transform 0.18s,box-shadow 0.18s;overflow:hidden;box-shadow:0 4px 18px rgb(0 114 206 / .28);letter-spacing:.01em}.dbsp-button--primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgb(0 114 206 / .38)}.dbsp-button--primary:active{transform:translateY(0);box-shadow:0 2px 10px rgb(0 114 206 / .2)}.dbsp-button__inner{display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;z-index:1}.dbsp-button__icon{font-size:1.1rem!important}.dbsp-button__ripple{position:absolute;inset:0;background:radial-gradient(circle,rgb(255 255 255 / .3) 0%,transparent 60%);opacity:0;transition:opacity 0.3s;pointer-events:none}.dbsp-button--primary:hover .dbsp-button__ripple{opacity:1}.dbsp-result-card{animation:dbsp-slide-up 0.4s cubic-bezier(.34,1.56,.64,1) both}@keyframes dbsp-slide-up{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dbsp-result-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.dbsp-result-badge{display:inline-block;font-size:0.72rem!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .85rem;border-radius:100px;background:var(--dbsp-secondary-light)!important;color:var(--dbsp-primary)!important;margin-bottom:.4rem;border:1px solid rgb(0 114 206 / .2)}.dbsp-result-title{font-size:1.2rem!important;font-weight:600;color:var(--dbsp-text)!important;margin-top:var(--dbsp-gap)}.dbsp-confidence-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .9rem;border-radius:100px;font-size:0.75rem!important;font-weight:600;border:1px solid;white-space:nowrap}.dbsp-confidence-pill.conf-high{background:rgb(0 168 107 / .1);color:var(--dbsp-conf-high)!important;border-color:rgb(0 168 107 / .25)}.dbsp-confidence-pill.conf-medium{background:rgb(245 158 11 / .1);color:var(--dbsp-conf-medium)!important;border-color:rgb(245 158 11 / .25)}.dbsp-confidence-pill.conf-low{background:rgb(231 76 60 / .1);color:var(--dbsp-conf-low)!important;border-color:rgb(231 76 60 / .25)}.dbsp-confidence-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.dbsp-weight-display{display:flex;align-items:baseline;gap:1.2rem;margin-bottom:.4rem;flex-wrap:wrap}.dbsp-weight-display__item{display:flex;align-items:baseline;gap:.3rem}.dbsp-weight-display__num{font-size:clamp(2rem, 7vw, 3.5rem)!important;color:var(--dbsp-primary)!important;line-height:1;letter-spacing:-.02em;font-weight:600}.dbsp-weight-display__unit{font-size:1.1rem!important;font-weight:600;color:var(--dbsp-text-muted)!important}.dbsp-weight-display__sep{font-size:1.8rem!important;color:var(--dbsp-border)!important;font-weight:300}.dbsp-weight-range-label{font-size:0.82rem!important;color:var(--dbsp-text-light)!important;margin-bottom:1.5rem}.dbsp-stats-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.75rem}.dbsp-stat-chip{flex:1;min-width:120px;background:#f7f9fb!important;border:1px solid var(--dbsp-border);border-radius:var(--dbsp-radius);padding:.75rem 1rem;display:flex;flex-direction:column;gap:.2rem}.dbsp-stat-chip__label{font-size:0.68rem!important;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--dbsp-text-light)!important}.dbsp-stat-chip__val{font-size:0.95rem!important;font-weight:700;color:var(--dbsp-text)!important}.dbsp-progress-section{margin-bottom:2rem}.dbsp-progress-label{display:flex;justify-content:space-between;align-items:center;font-size:0.72rem!important;font-weight:600;color:var(--dbsp-text-light)!important;margin-bottom:.5rem;letter-spacing:.03em}.dbsp-progress-label span:nth-child(2){color:var(--dbsp-primary)!important;font-size:0.8rem!important;font-weight:700}.dbsp-progress-track{position:relative;height:10px;background:#eef0f3!important;border-radius:100px;overflow:visible}.dbsp-progress-fill{position:absolute;top:0;left:0;height:100%;border-radius:100px;background:linear-gradient(90deg,var(--dbsp-primary),var(--dbsp-secondary));transition:width 0.8s cubic-bezier(.34,1.56,.64,1);width:0%}.dbsp-progress-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;background:var(--dbsp-white)!important;border:3px solid var(--dbsp-primary);box-shadow:0 2px 8px rgb(0 114 206 / .3);transition:left 0.8s cubic-bezier(.34,1.56,.64,1);left:0%}.dbsp-chart-section{margin-bottom:1.75rem}.dbsp-chart-title{font-size:0.82rem!important;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--dbsp-text-muted)!important;margin-bottom:.75rem}.dbsp-chart-wrap{background:#f7f9fb!important;border-radius:var(--dbsp-radius);border:1px solid var(--dbsp-border);padding:1rem;overflow:hidden}.dbsp-chart-wrap canvas{width:100%!important;height:auto!important;display:block}.dbsp-explanation{background:linear-gradient(135deg,#f0f7ff 0%,#f5fff9 100%);border:1px solid rgb(0 114 206 / .15);border-radius:var(--dbsp-radius);padding:1.2rem;margin-bottom:1.5rem}.dbsp-explanation__title{font-size:0.82rem!important;font-weight:700;color:var(--dbsp-text)!important;margin-bottom:.5rem;letter-spacing:.01em}.dbsp-explanation__text{font-size:0.85rem!important;color:var(--dbsp-text-muted)!important;line-height:1.65}.dbsp-tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.75rem}.dbsp-tip-chip{background:var(--dbsp-white)!important;border:1px solid var(--dbsp-border);border-radius:var(--dbsp-radius);padding:.85rem 1rem;display:flex;gap:.6rem;align-items:flex-start}.dbsp-tip-chip__icon{font-size:1.15rem!important;flex-shrink:0;margin-top:.05rem}.dbsp-tip-chip__text{font-size:0.78rem!important;color:var(--dbsp-text-muted)!important;line-height:1.5}.dbsp-tip-chip__text strong{display:block;color:var(--dbsp-text)!important;font-weight:600;margin-bottom:.1rem;font-size:0.8rem!important}.dbsp-action-bar{display:flex;gap:.75rem;flex-wrap:wrap;padding-top:.25rem}.dbsp-action{flex:1;min-width:120px;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1rem;border-radius:var(--dbsp-radius);border:1px solid var(--dbsp-border);background:var(--dbsp-white)!important;color:var(--dbsp-text)!important;font-size:0.83rem!important;font-weight:600;cursor:pointer;transition:all 0.18s ease}.dbsp-action:hover{transform:translateY(-1px)}.dbsp-action--pdf{background:linear-gradient(135deg,#e8f5e9,#f0f7ff);border-color:rgb(0 168 107 / .3)!important;color:var(--dbsp-secondary)!important}.dbsp-action--pdf:hover{background:var(--dbsp-secondary)!important;color:var(--dbsp-white)!important;border-color:var(--dbsp-secondary)!important;box-shadow:0 4px 14px rgb(0 168 107 / .28)}.dbsp-action--copy{background:linear-gradient(135deg,#e8f1ff,#f0f7ff);border-color:rgb(0 114 206 / .3);color:var(--dbsp-primary)}.dbsp-action--copy:hover{background:var(--dbsp-primary)!important;color:var(--dbsp-white)!important;border-color:var(--dbsp-primary)!important;box-shadow:0 4px 14px rgb(0 114 206 / .28)}.dbsp-action--reset{background:#fff5f5!important;border-color:rgb(231 76 60 / .25)!important;color:var(--dbsp-danger)!important}.dbsp-action--reset:hover{background:var(--dbsp-danger)!important;color:var(--dbsp-white)!important;border-color:var(--dbsp-danger)!important;box-shadow:0 4px 14px rgb(231 76 60 / .25)}.dbsp-action__icon{font-size:1rem}.dbsp-disclaimer{font-size:0.72rem!important;color:var(--dbsp-text-light)!important;text-align:center;line-height:1.5;margin-top:1rem}.dbsp-overlay{position:fixed;inset:0;z-index:100;background:rgb(26 28 32 / .45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:dbsp-fade-in 0.2s ease}@keyframes dbsp-fade-in{from{opacity:0}to{opacity:1}}.dbsp-popup{background:var(--dbsp-white);border-radius:var(--dbsp-radius);padding:2rem;max-width:360px;width:100%;text-align:center;box-shadow:0 20px 60px rgb(0 0 0 / .2);animation:dbsp-pop 0.3s cubic-bezier(.34,1.56,.64,1)}@keyframes dbsp-pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.dbsp-popup__icon{font-size:2.5rem!important;margin-bottom:.75rem}.dbsp-popup__title{font-size:1.3rem!important;color:var(--dbsp-text)!important;margin-bottom:.5rem}.dbsp-popup__body{font-size:0.88rem!important;color:var(--dbsp-text-muted)!important;margin-bottom:1.5rem;line-height:1.55}.dbsp-popup__actions{display:flex;gap:.75rem}.dbsp-popup__btn{flex:1;padding:.7rem;border-radius:var(--dbsp-radius);border:1px solid var(--dbsp-border);background:var(--dbsp-white)!important;font-size:0.88rem!important;font-weight:600;cursor:pointer;transition:all 0.18s}.dbsp-popup__btn--cancel:hover{background:#f7f9fb!important}.dbsp-popup__btn--confirm{background:var(--dbsp-danger)!important;border-color:var(--dbsp-danger)!important;color:#fff!important}.dbsp-popup__btn--confirm:hover{background:#c0392b!important;border-color:#c0392b;box-shadow:0 4px 14px rgb(231 76 60 / .3)}@media (max-width:640px){.dbsp-form-grid{grid-template-columns:1fr}.dbsp-field-group--wide{grid-column:1}.dbsp-breed-selector{grid-template-columns:repeat(3,1fr)}.dbsp-weight-display__num{font-size:2.3rem!important}.dbsp-tips-grid{grid-template-columns:1fr}.dbsp-action-bar{flex-direction:column}.dbsp-action{min-width:unset}}@media (max-width:400px){.dbsp-breed-selector{grid-template-columns:repeat(2,1fr)}.dbsp-card{padding:1rem}}@media (min-width:641px) and (max-width:768px){.dbsp-breed-selector{grid-template-columns:repeat(5,1fr)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}.dbsp-input:focus-visible,.dbsp-toggle:focus-visible,.dbsp-button--primary:focus-visible,.dbsp-action:focus-visible,.dbsp-popup__btn:focus-visible{outline:2px solid var(--dbsp-primary)!important;outline-offset:2px}[hidden]{display:none!important}