:root{--dc-primary:#0072ce;--dc-primary-deep:#005fa3;--dc-secondary:#00a86b;--dc-secondary-light:#e6f0ff;--dc-danger:#e74c3c;--dc-bg:#f7f9fb;--dc-white:#ffffff;--dc-text:#26282c;--dc-border:#d8dce2;--dc-radius:8px;--dc-spacing:1.5rem;--dc-gap:0.6rem;--dc-text-muted:#6b7280;--dc-shadow-sm:0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.05);--dc-shadow-md:0 4px 16px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.05);--dc-shadow-lg:0 12px 40px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06);--dc-transition:0.2s ease}.dc-hidden{display:none!important}.dc-hero{text-align:center;padding:2rem 1rem;margin-bottom:1.25rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--dc-border);border-radius:var(--dc-radius);box-shadow:var(--dc-shadow-sm)}.dc-hero-badge{display:inline-block;background:var(--dc-secondary-light)!important;color:var(--dc-primary)!important;font-size:0.75rem!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.35rem 1rem;border-radius:999px;border:1px solid var(--dc-border)!important;margin-bottom:1rem}.dc-hero-title{font-size:clamp(1.5rem, 6vw, 2.8rem)!important;font-weight:800;color:var(--dc-text)!important;line-height:1.1;margin-bottom:.75rem}.dc-hero-accent{color:var(--dc-primary)!important;position:relative;display:inline-block}.dc-hero-accent::after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:4px;background:var(--dc-secondary)!important;border-radius:2px;opacity:.5}.dc-hero-sub{color:var(--dc-text-muted)!important;font-size:1rem!important;max-width:500px;margin:0 auto;font-weight:400}.dc-unit-toggle-wrap{display:flex;justify-content:center;margin-bottom:var(--dc-spacing);padding:1rem;border:1px solid var(--dc-border);border-radius:var(--dc-radius);box-shadow:var(--dc-shadow-sm)}.dc-unit-toggle{display:inline-flex;background:var(--dc-white)!important;border:1px solid var(--dc-border)!important;border-radius:999px;padding:4px;box-shadow:var(--dc-shadow-sm)}.dc-unit-btn{font-size:0.85rem!important;font-weight:500;padding:.4rem 1.2rem;border:none!important;background:transparent!important;color:var(--dc-text-muted)!important;border-radius:999px;cursor:pointer;transition:background var(--dc-transition),color var(--dc-transition),box-shadow var(--dc-transition)}.dc-unit-btn--active{background:var(--dc-primary)!important;color:var(--dc-white)!important;box-shadow:0 2px 8px rgb(0 114 206 / .3)}.dc-layout{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}@media (max-width:740px){.dc-layout{grid-template-columns:1fr}}.dc-card{background:var(--dc-white)!important;border:1px solid var(--dc-border)!important;border-radius:var(--dc-radius);padding:var(--dc-spacing);box-shadow:var(--dc-shadow-md)}.dc-card-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1.4rem;padding-bottom:.9rem;border-bottom:1px solid var(--dc-border)!important}.dc-card-icon{font-size:1.3rem!important}.dc-card-title{font-size:1.05rem!important;font-weight:700;color:var(--dc-text)!important;letter-spacing:-.01em}.dc-field-group{margin-bottom:1.1rem}.dc-label{display:flex;align-items:center;gap:.4rem;font-size:0.82rem!important;font-weight:600;color:var(--dc-text)!important;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.45rem}.dc-optional-tag{font-size:0.7rem!important;font-weight:400;color:var(--dc-text-muted)!important;text-transform:none;letter-spacing:0;background:#f0f0f0!important;padding:1px 6px;border-radius:4px}.dc-label-small{font-size:0.75rem!important;color:var(--dc-text-muted)!important;font-weight:500;display:block;margin-bottom:.4rem;margin-top:.6rem}.dc-input-row{display:flex;gap:var(--dc-gap)}.dc-input-with-unit{position:relative;flex:1}.dc-input-wide{flex:2}.dc-input{font-size:1rem!important;font-weight:500;color:var(--dc-text)!important;background:var(--dc-bg)!important;border:1.5px solid var(--dc-border)!important;border-radius:var(--dc-radius);padding:.55rem 2.4rem .55rem .75rem;width:100%;transition:border-color var(--dc-transition),box-shadow var(--dc-transition),background var(--dc-transition);outline:none;-moz-appearance:textfield}.dc-input::-webkit-outer-spin-button,.dc-input::-webkit-inner-spin-button{-webkit-appearance:none}.dc-input:focus{border-color:var(--dc-primary)!important;background:var(--dc-white)!important;box-shadow:0 0 0 3px rgb(0 114 206 / .12)}.dc-input.dc-input-error{border-color:var(--dc-danger)!important;background:#fff5f5!important}.dc-input-sm{padding:.42rem 2.2rem .42rem .6rem;font-size:0.9rem!important}.dc-unit-label{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);font-size:0.75rem!important;font-weight:600;color:var(--dc-text-muted)!important;pointer-events:none}.dc-field-error{font-size:0.75rem!important;color:var(--dc-danger)!important;margin-top:.3rem;font-weight:500}.dc-radio-group{display:flex;gap:1rem;flex-wrap:wrap}.dc-radio-label{display:flex;align-items:center;gap:.45rem;cursor:pointer;font-size:0.88rem!important;color:var(--dc-text)!important;font-weight:500;user-select:none}.dc-radio-label input[type="radio"]{display:none}.dc-radio-custom{width:18px;height:18px;border:2px solid var(--dc-border)!important;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--dc-white)!important;transition:border-color var(--dc-transition),background var(--dc-transition);flex-shrink:0}.dc-radio-custom::after{content:"";width:8px;height:8px;background:var(--dc-white)!important;border-radius:50%;opacity:0;transition:opacity var(--dc-transition)}.dc-radio-label input[type="radio"]:checked+.dc-radio-custom{border-color:var(--dc-primary)!important;background:var(--dc-primary)!important}.dc-radio-label input[type="radio"]:checked+.dc-radio-custom::after{opacity:1}.dc-preset-btns{display:flex;gap:.4rem;margin-bottom:.3rem;flex-wrap:wrap}.dc-preset-btn{font-size:0.78rem!important;font-weight:600;padding:.3rem .7rem;border:1.5px solid var(--dc-border)!important;background:var(--dc-white)!important;color:var(--dc-text-muted)!important;border-radius:5px;cursor:pointer;transition:all var(--dc-transition)}.dc-preset-btn:hover{border-color:var(--dc-primary)!important;color:var(--dc-primary)!important}.dc-preset-btn--active{border-color:var(--dc-primary)!important;background:var(--dc-secondary-light)!important;color:var(--dc-primary)!important}.dc-rim-custom-wrap{margin-top:.5rem}.dc-tooltip-wrap{position:relative;display:inline-flex;align-items:center}.dc-tooltip-icon{width:15px;height:15px;background:var(--dc-border)!important;color:var(--dc-text-muted)!important;font-size:0.65rem!important;font-weight:700;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:default;user-select:none}.dc-tooltip-text{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--dc-text)!important;color:var(--dc-white)!important;font-size:0.72rem!important;font-weight:400;padding:.45rem .7rem;border-radius:6px;white-space:nowrap;max-width:220px;white-space:normal;width:200px;z-index:100;opacity:0;pointer-events:none;transition:opacity var(--dc-transition);box-shadow:var(--dc-shadow-lg);line-height:1.4}.dc-tooltip-text::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid #fff0;border-top-color:var(--dc-text)!important}.dc-tooltip-wrap:hover .dc-tooltip-text{opacity:1}.dc-btn{font-weight:600;font-size:0.9rem!important;border:none!important;border-radius:var(--dc-radius);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.3rem;transition:all var(--dc-transition);outline:none;position:relative;overflow:hidden;text-decoration:none}.dc-btn--full{width:100%;margin-top:.5rem;padding:.75rem 1.5rem;font-size:1rem!important}.dc-btn--primary{background:var(--dc-primary)!important;color:var(--dc-white)!important;box-shadow:0 4px 14px rgb(0 114 206 / .3)}.dc-btn--primary:hover{background:var(--dc-primary-deep)!important;box-shadow:0 6px 20px rgb(0 114 206 / .4);transform:translateY(-1px)}.dc-btn--primary:active{transform:translateY(0);box-shadow:0 2px 8px rgb(0 114 206 / .25)}.dc-btn--secondary{background:var(--dc-secondary-light)!important;color:var(--dc-primary)!important;border:1px solid rgb(0 114 206 / .2)!important}.dc-btn--secondary:hover{background:#d4e5ff!important;transform:translateY(-1px)}.dc-btn--ghost{background:transparent!important;color:var(--dc-text-muted)!important;border:1.5px solid var(--dc-border)!important;box-shadow:var(--dc-shadow-sm)}.dc-btn--ghost:hover{border-color:var(--dc-danger)!important;color:var(--dc-danger)!important}.dc-btn--danger{background:var(--dc-danger)!important;color:var(--dc-white)!important}.dc-btn--danger:hover{background:#c0392b!important}.dc-btn-icon{font-size:1rem!important}.dc-status-banner{border-radius:10px;padding:1.1rem 1.2rem;margin-bottom:1.2rem;display:flex;align-items:center;gap:.8rem;background:var(--dc-secondary-light)!important;border:1px solid rgb(0 114 206 / .15)!important;animation:dc-fadein 0.4s ease}.dc-status-banner--can-dunk{background:#e6faf2!important;border-color:rgb(0 168 107 / .25)!important}.dc-status-banner--close{background:#fff8e6!important;border-color:rgb(255 165 0 / .3)!important}.dc-status-banner--far{background:#fff0f0!important;border-color:rgb(231 76 60 / .2)!important}.dc-status-emoji{font-size:2rem!important;line-height:1;flex-shrink:0}.dc-status-text{font-size:0.9rem!important;font-weight:500;color:var(--dc-text)!important;line-height:1.45}.dc-status-text strong{color:var(--dc-primary)!important;font-weight:700}.dc-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:1.2rem}.dc-metric-card{background:var(--dc-bg)!important;border:1px solid var(--dc-border)!important;border-radius:10px;padding:.85rem .9rem;text-align:center}.dc-metric-card--highlight{background:var(--dc-primary)!important;border-color:var(--dc-primary)!important;grid-column:1 / -1}.dc-metric-card--highlight .dc-metric-label{color:rgb(255 255 255 / .8)!important}.dc-metric-card--highlight .dc-metric-value{color:var(--dc-white)!important;font-size:2rem!important}.dc-metric-card--highlight .dc-metric-sub{color:rgb(255 255 255 / .7)!important}.dc-metric-label{font-size:0.72rem!important;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--dc-text-muted)!important;margin-bottom:.3rem}.dc-metric-value{font-size:1.25rem!important;font-weight:800;color:var(--dc-text)!important;letter-spacing:-.02em}.dc-metric-sub{font-size:0.72rem!important;color:var(--dc-text-muted)!important;margin-top:.2rem}.dc-vert-analysis{background:var(--dc-bg)!important;border:1px solid var(--dc-border)!important;border-radius:10px;padding:1rem;margin-bottom:1.2rem}.dc-vert-analysis-header{font-size:0.82rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--dc-text)!important;margin-bottom:.85rem}.dc-progress-wrap{margin-bottom:.7rem}.dc-progress-bar-bg{height:12px;background:var(--dc-border)!important;border-radius:999px;overflow:visible;position:relative;margin-bottom:.4rem}.dc-progress-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--dc-secondary),var(--dc-primary))!important;transition:width 0.7s cubic-bezier(.22,1,.36,1);max-width:100%}.dc-progress-marker{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;background:var(--dc-white)!important;border:3px solid var(--dc-primary)!important;border-radius:50%;transition:left 0.7s cubic-bezier(.22,1,.36,1);box-shadow:0 2px 6px rgb(0 0 0 / .15)}.dc-progress-labels{display:flex;justify-content:space-between;font-size:0.72rem!important;color:var(--dc-text-muted)!important}.dc-gap-summary{font-size:0.88rem!important;font-weight:500;color:var(--dc-text)!important;text-align:center;line-height:1.5}.dc-tiers-wrap{margin-bottom:1.2rem}.dc-tiers-title{font-size:0.78rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--dc-text-muted)!important;margin-bottom:.6rem}.dc-tiers-list{display:flex;flex-direction:column;gap:.35rem}.dc-tier-item{display:flex;align-items:center;gap:.6rem;font-size:0.82rem!important;padding:.45rem .7rem;border-radius:7px;border:1px solid transparent!important;transition:background var(--dc-transition)}.dc-tier-item--active{background:var(--dc-secondary-light)!important;border-color:rgb(0 114 206 / .2)!important;font-weight:600}.dc-tier-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dc-tier-name{flex:1;color:var(--dc-text)!important}.dc-tier-val{font-weight:600;color:var(--dc-text-muted)!important}.dc-tip-box{display:flex;gap:.7rem;align-items:flex-start;background:var(--dc-secondary-light)!important;border:1px solid rgb(0 114 206 / .15)!important;border-radius:10px;padding:.9rem 1rem;margin-bottom:1.2rem}.dc-tip-icon{font-size:1.2rem!important;flex-shrink:0;margin-top:.1rem}.dc-tip-text{font-size:0.84rem!important;color:var(--dc-text)!important;line-height:1.55}.dc-action-btns{display:flex;gap:.6rem;flex-wrap:wrap}.dc-action-btns .dc-btn{flex:1;min-width:fit-content}.dc-modal-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .45)!important;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:dc-fadein 0.2s ease}.dc-modal{background:var(--dc-white)!important;border-radius:var(--dc-radius);padding:2rem 2rem 1.5rem;max-width:380px;width:100%;text-align:center;box-shadow:var(--dc-shadow-lg);animation:dc-slideup 0.25s ease}.dc-modal-icon{font-size:2.5rem!important;margin-bottom:.8rem}.dc-modal-title{font-size:1.15rem!important;font-weight:800;color:var(--dc-text)!important;margin-bottom:.6rem}.dc-modal-body{font-size:0.88rem!important;color:var(--dc-text-muted)!important;margin-bottom:1.4rem;line-height:1.5}.dc-modal-btns{display:flex;gap:.65rem}.dc-modal-btns .dc-btn{flex:1}.dc-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(80px);background:var(--dc-text)!important;color:var(--dc-white)!important;font-size:0.88rem!important;font-weight:500;padding:.65rem 1.4rem;border-radius:999px;box-shadow:var(--dc-shadow-lg);z-index:999;white-space:nowrap;transition:transform 0.3s cubic-bezier(.34,1.56,.64,1),opacity 0.3s ease;opacity:0}.dc-toast--visible{transform:translateX(-50%) translateY(0)!important;opacity:1!important}.dc-toast--success{background:var(--dc-secondary)!important}.dc-toast--error{background:var(--dc-danger)!important}@keyframes dc-fadein{from{opacity:0}to{opacity:1}}@keyframes dc-slideup{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dc-pulse-in{0%{transform:scale(.96);opacity:0}60%{transform:scale(1.01)}100%{transform:scale(1);opacity:1}}.dc-card--results{animation:dc-pulse-in 0.4s ease both}@media (max-width:520px){.dc-hero{padding:1.8rem .5rem 1.5rem}.dc-metrics-grid{grid-template-columns:1fr}.dc-metric-card--highlight{grid-column:1}.dc-action-btns{flex-direction:column}.dc-action-btns .dc-btn{flex:unset;width:100%}.dc-card{padding:1.1rem}.dc-preset-btns{gap:.3rem}.dc-preset-btn{padding:.28rem .55rem;font-size:0.72rem!important}}@media (max-width:360px){.dc-hero-title{font-size:1.7rem!important}}