:root{--esc-primary:#4361ee;--esc-primary-deep:#3a56d4;--esc-secondary:#00a86b;--esc-secondary-light:#e6f0ff;--esc-danger:#e74c3c;--esc-bg:#f7f9fb;--esc-white:#ffffff;--esc-text:#2b2d42;--esc-border:#d8dce2;--esc-radius:8px;--esc-spacing:1.5rem;--esc-gap:0.6rem;--esc-text-muted:#6b7280;--esc-text-light:#9ca3af;--esc-shadow-sm:0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);--esc-shadow-md:0 4px 16px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04);--esc-shadow-lg:0 8px 32px rgba(0, 0, 0, 0.1), 0 4px 12px rgba(0, 0, 0, 0.06);--esc-transition:0.22s cubic-bezier(0.4, 0, 0.2, 1);--esc-primary-rgb:67, 97, 238;--esc-secondary-rgb:0, 168, 107}.esc-header{padding:2rem 0 1.5rem;border-bottom:1px solid var(--esc-border)!important}.esc-header-inner{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.esc-header-icon{flex-shrink:0;display:flex;align-items:center}.esc-header-text{flex:1;min-width:0}.esc-title{font-size:1.7rem!important;font-weight:700;color:var(--esc-text)!important;letter-spacing:-.02em;line-height:1.2}.esc-subtitle{font-size:0.875rem!important;color:var(--esc-text-muted)!important;font-weight:400;letter-spacing:.04em;text-transform:uppercase;margin-top:.15rem}.esc-accuracy-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;background:var(--esc-secondary-light)!important;color:var(--esc-primary)!important;border:1px solid rgba(var(--esc-primary-rgb),.18)!important;border-radius:99px!important;font-size:0.75rem!important;font-weight:600;letter-spacing:.03em}.esc-main{display:flex;flex-direction:column;gap:2rem}.esc-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.esc-panel{background:var(--esc-white)!important;border:1px solid var(--esc-border)!important;border-radius:var(--esc-radius)!important;padding:var(--esc-spacing);box-shadow:var(--esc-shadow-sm)}.esc-formula-banner{background:var(--esc-secondary-light)!important;border:1px solid rgba(var(--esc-primary-rgb),.15)!important;border-radius:var(--esc-radius)!important;padding:.75rem 1rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}.esc-formula-label{font-size:0.7rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--esc-primary)!important;flex-shrink:0}.esc-formula-equation{font-size:0.82rem!important;font-weight:500;color:var(--esc-text)!important;font-style:italic}.esc-unit-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem}.esc-unit-label{font-size:0.8rem!important;font-weight:600;color:var(--esc-text-muted)!important;text-transform:uppercase;letter-spacing:.06em}.esc-unit-tabs{display:flex;gap:.25rem;background:var(--esc-bg)!important;border:1px solid var(--esc-border)!important;border-radius:var(--esc-radius)!important;padding:3px}.esc-unit-tab{padding:.3rem .8rem;border:none!important;border-radius:6px!important;background:transparent!important;color:var(--esc-text-muted)!important;font-size:0.82rem!important;font-weight:500;font-family:"Rubik",sans-serif;cursor:pointer;transition:all var(--esc-transition);white-space:nowrap}.esc-unit-tab.active,.esc-unit-tab[aria-pressed="true"]{background:var(--esc-primary)!important;color:var(--esc-white)!important;box-shadow:0 1px 4px rgba(var(--esc-primary-rgb),.35)}.esc-unit-tab:hover:not(.active){background:rgba(var(--esc-primary-rgb),.08)!important;color:var(--esc-primary)!important}.esc-input-group{margin-bottom:1rem}.esc-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem;cursor:pointer}.esc-label-text{font-size:0.875rem!important;font-weight:600;color:var(--esc-text)!important}.esc-label-unit{font-size:0.75rem!important;color:var(--esc-primary)!important;font-weight:600;background:var(--esc-secondary-light)!important;padding:.1rem .5rem;border-radius:99px!important}.esc-input-wrap{position:relative;display:flex;align-items:center}.esc-input-icon{position:absolute;left:.75rem;font-size:0.9rem!important;color:var(--esc-text-muted)!important;pointer-events:none;z-index:1;font-weight:500;width:1.2rem;text-align:center}.esc-input{width:100%;height:2.75rem;padding:0 .75rem 0 2.4rem;font-size:0.95rem!important;font-family:"Rubik",sans-serif;font-weight:400;color:var(--esc-text)!important;background:var(--esc-bg)!important;border:1.5px solid var(--esc-border)!important;border-radius:var(--esc-radius)!important;outline:none;transition:border-color var(--esc-transition),box-shadow var(--esc-transition);-webkit-appearance:none;appearance:none}.esc-input:focus{border-color:var(--esc-primary)!important;background:var(--esc-white)!important;box-shadow:0 0 0 3px rgba(var(--esc-primary-rgb),.12)}.esc-input::placeholder{color:var(--esc-text-light)!important;font-weight:400}.esc-input[type="number"]::-webkit-inner-spin-button,.esc-input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.esc-input[type="number"]{-moz-appearance:textfield}.esc-select{padding-right:2.5rem;cursor:pointer}.esc-input-wrap:has(.esc-select)::after{content:"";position:absolute;right:.85rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid #fff0;border-right:5px solid #fff0;border-top:5px solid var(--esc-text-muted);pointer-events:none;z-index:2}.esc-input-group.esc-has-error .esc-input{border-color:var(--esc-danger)!important;background:rgb(231 76 60 / .04)!important}.esc-input-group.esc-has-error .esc-label-text{color:var(--esc-danger)!important}.esc-input-group.esc-is-valid .esc-input{border-color:var(--esc-secondary)!important}.esc-hint{font-size:0.75rem!important;color:var(--esc-text-muted)!important;margin-top:.3rem;padding-left:.1rem}.esc-error{font-size:0.75rem!important;color:var(--esc-danger)!important;margin-top:.3rem;padding-left:.1rem;min-height:1rem;display:none}.esc-input-group.esc-has-error .esc-error{display:block}.esc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.75rem;padding:0 1.25rem;border:none;border-radius:var(--esc-radius)!important;font-family:"Rubik",sans-serif;font-size:0.9rem!important;font-weight:600;cursor:pointer;transition:all var(--esc-transition);white-space:nowrap;position:relative;overflow:hidden}.esc-btn:focus-visible{outline:3px solid rgba(var(--esc-primary-rgb),.5);outline-offset:2px}.esc-btn-primary{width:100%;height:3rem;background:var(--esc-primary)!important;color:var(--esc-white)!important;border:none!important;font-size:1rem!important;margin-top:.5rem;box-shadow:0 2px 8px rgba(var(--esc-primary-rgb),.3)}.esc-btn-primary:hover:not(:disabled){background:var(--esc-primary-deep)!important;box-shadow:0 4px 16px rgba(var(--esc-primary-rgb),.38);transform:translateY(-1px)}.esc-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px rgba(var(--esc-primary-rgb),.25)}.esc-btn-primary:disabled{opacity:.65;cursor:not-allowed}.esc-btn-content{display:flex;align-items:center;gap:.5rem;transition:opacity var(--esc-transition)}.esc-btn-loader{position:absolute;width:20px;height:20px;border:2px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:esc-spin 0.7s linear infinite;opacity:0;transition:opacity var(--esc-transition)}.esc-btn-primary.esc-loading .esc-btn-content{opacity:0}.esc-btn-primary.esc-loading .esc-btn-loader{opacity:1}@keyframes esc-spin{to{transform:rotate(360deg)}}.esc-btn-secondary{background:var(--esc-bg)!important;color:var(--esc-text)!important;border:1.5px solid var(--esc-border)!important;font-size:0.85rem!important}.esc-btn-secondary:hover{background:var(--esc-secondary-light)!important;border-color:var(--esc-primary)!important;color:var(--esc-primary)!important}.esc-btn-danger{background:var(--esc-bg)!important;color:var(--esc-danger)!important;border:1.5px solid rgb(231 76 60 / .3)!important;font-size:0.85rem!important}.esc-btn-danger:hover{background:rgb(231 76 60 / .06)!important;border-color:var(--esc-danger)!important}.esc-btn-icon{font-size:1.1rem!important}.esc-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;gap:.75rem}.esc-empty-graphic{opacity:.65;animation:esc-float 4s ease-in-out infinite}@keyframes esc-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.esc-empty-title{font-size:1.15rem!important;font-weight:600;color:var(--esc-text)!important}.esc-empty-desc{font-size:0.875rem!important;color:var(--esc-text-muted)!important;max-width:280px;line-height:1.55}.esc-quick-refs{margin-top:.5rem;width:100%}.esc-quick-refs-label{font-size:0.75rem!important;color:var(--esc-text-muted)!important;text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:.5rem}.esc-quick-ref-btns{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.esc-quick-ref{padding:.35rem .8rem;border:1.5px solid var(--esc-border)!important;border-radius:99px!important;background:var(--esc-white)!important;color:var(--esc-text)!important;font-size:0.78rem!important;font-family:"Rubik",sans-serif;font-weight:500;cursor:pointer;transition:all var(--esc-transition)}.esc-quick-ref:hover{border-color:var(--esc-primary)!important;background:var(--esc-secondary-light)!important;color:var(--esc-primary)!important}.esc-results-content{display:flex;flex-direction:column;gap:1.25rem}.esc-result-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.esc-result-title-text{font-size:0.8rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--esc-text-muted)!important}.esc-result-config{font-size:0.78rem!important;color:var(--esc-primary)!important;font-weight:500;background:var(--esc-secondary-light)!important;padding:.2rem .6rem;border-radius:99px!important}.esc-result-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--esc-gap)}.esc-result-card{border-radius:var(--esc-radius)!important;border:1.5px solid var(--esc-border)!important;padding:.9rem .75rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;transition:all var(--esc-transition);animation:esc-card-in 0.4s ease both;position:relative;overflow:hidden}@keyframes esc-card-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.esc-result-card--cc{animation-delay:0.05s}.esc-result-card--L{animation-delay:0.12s}.esc-result-card--cid{animation-delay:0.19s}.esc-result-card--cc{background:linear-gradient(135deg,rgba(var(--esc-primary-rgb),.06) 0%,rgba(var(--esc-primary-rgb),.02) 100%)!important;border-color:rgba(var(--esc-primary-rgb),.2)!important}.esc-result-card--L{background:linear-gradient(135deg,rgba(var(--esc-secondary-rgb),.07) 0%,rgba(var(--esc-secondary-rgb),.02) 100%)!important;border-color:rgba(var(--esc-secondary-rgb),.2)!important}.esc-result-card--cid{background:linear-gradient(135deg,rgb(255 150 50 / .07) 0%,rgb(255 150 50 / .02) 100%)!important;border-color:rgb(255 150 50 / .22)!important}.esc-result-card-icon{font-size:0.65rem!important;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .4rem;border-radius:4px!important;background:rgba(var(--esc-primary-rgb),.12)!important;color:var(--esc-primary)!important;margin-bottom:.1rem}.esc-result-card--L .esc-result-card-icon{background:rgba(var(--esc-secondary-rgb),.12)!important;color:var(--esc-secondary)!important}.esc-result-card--cid .esc-result-card-icon{background:rgb(255 150 50 / .12)!important;color:#e07a00!important}.esc-result-card-body{display:flex;flex-direction:column;align-items:center;gap:.05rem}.esc-result-label{font-size:0.68rem!important;color:var(--esc-text-muted)!important;font-weight:500;letter-spacing:.02em}.esc-result-value{font-size:1.45rem!important;font-weight:700;color:var(--esc-text)!important;letter-spacing:-.02em;line-height:1.1}.esc-result-unit{font-size:0.7rem!important;color:var(--esc-text-muted)!important;font-weight:500}.esc-displacement-bar-wrap{background:var(--esc-bg)!important;border-radius:var(--esc-radius)!important;border:1px solid var(--esc-border)!important;padding:.85rem 1rem}.esc-displacement-bar-track{height:8px;background:var(--esc-border)!important;border-radius:99px!important;overflow:hidden;margin-bottom:.35rem}.esc-displacement-bar-fill{height:100%;border-radius:99px!important;background:linear-gradient(90deg,var(--esc-primary),var(--esc-secondary))!important;width:0%;transition:width 0.7s cubic-bezier(.4,0,.2,1)}.esc-displacement-bar-labels{display:flex;justify-content:space-between;font-size:0.68rem!important;color:var(--esc-text-light)!important;font-weight:500;margin-top:.2rem}.esc-displacement-bar-hint{font-size:0.75rem!important;color:var(--esc-text-muted)!important;margin-top:.4rem;font-weight:500;text-align:center}.esc-breakdown{background:var(--esc-bg)!important;border:1px solid var(--esc-border)!important;border-radius:var(--esc-radius)!important;padding:.9rem 1rem}.esc-breakdown-title{display:flex;align-items:center;gap:.5rem;font-size:0.8rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--esc-text)!important;margin-bottom:.7rem}.esc-breakdown-icon{font-size:1rem!important;color:var(--esc-primary)!important}.esc-breakdown-steps{display:flex;flex-direction:column;gap:.35rem}.esc-breakdown-step{display:flex;align-items:flex-start;gap:.5rem;font-size:0.8rem!important;color:var(--esc-text-muted)!important;animation:esc-step-in 0.3s ease both}@keyframes esc-step-in{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.esc-breakdown-step-num{flex-shrink:0;width:18px;height:18px;background:rgba(var(--esc-primary-rgb),.12)!important;color:var(--esc-primary)!important;border-radius:50%!important;font-size:0.65rem!important;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:.05rem}.esc-breakdown-step-text{flex:1;line-height:1.45}.esc-breakdown-step-value{font-weight:600;color:var(--esc-text)!important;font-size:0.8rem!important}.esc-category{padding:.6rem 1rem;border-radius:var(--esc-radius)!important;font-size:0.82rem!important;font-weight:600;text-align:center;border:1px solid transparent!important;animation:esc-card-in 0.4s ease both 0.3s}.esc-category.esc-cat-micro{background:rgba(var(--esc-primary-rgb),.07)!important;border-color:rgba(var(--esc-primary-rgb),.18)!important;color:var(--esc-primary)!important}.esc-category.esc-cat-small{background:rgba(var(--esc-secondary-rgb),.07)!important;border-color:rgba(var(--esc-secondary-rgb),.18)!important;color:var(--esc-secondary)!important}.esc-category.esc-cat-mid{background:rgb(255 160 30 / .08)!important;border-color:rgb(255 160 30 / .25)!important;color:#c97a00!important}.esc-category.esc-cat-large{background:rgb(231 76 60 / .07)!important;border-color:rgb(231 76 60 / .2)!important;color:var(--esc-danger)!important}.esc-actions{display:flex;gap:var(--esc-gap);flex-wrap:wrap;padding-top:.25rem}.esc-actions .esc-btn{flex:1;min-width:fit-content}.esc-modal-overlay{position:fixed;inset:0;background:rgb(43 45 66 / .55)!important;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:esc-fade-in 0.2s ease}.esc-modal-overlay[hidden]{display:none}@keyframes esc-fade-in{from{opacity:0}to{opacity:1}}.esc-modal{background:var(--esc-white)!important;border-radius:12px!important;border:1px solid var(--esc-border)!important;padding:2rem;max-width:360px;width:100%;text-align:center;box-shadow:var(--esc-shadow-lg);animation:esc-modal-in 0.25s cubic-bezier(.34,1.56,.64,1)}@keyframes esc-modal-in{from{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.esc-modal-icon{font-size:2rem!important;color:var(--esc-danger)!important;margin-bottom:.75rem}.esc-modal-title{font-size:1.2rem!important;font-weight:700;color:var(--esc-text)!important;margin-bottom:.5rem}.esc-modal-desc{font-size:0.875rem!important;color:var(--esc-text-muted)!important;margin-bottom:1.5rem;line-height:1.5}.esc-modal-actions{display:flex;gap:.6rem;justify-content:center}.esc-modal-actions .esc-btn{flex:1}.esc-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(80px);background:var(--esc-text)!important;color:var(--esc-white)!important;padding:.65rem 1.25rem;border-radius:99px!important;font-size:0.875rem!important;font-weight:500;display:flex;align-items:center;gap:.5rem;box-shadow:var(--esc-shadow-md);z-index:2000;transition:transform 0.3s cubic-bezier(.34,1.56,.64,1),opacity 0.3s ease;opacity:0;pointer-events:none}.esc-toast.esc-toast-visible{transform:translateX(-50%) translateY(0);opacity:1}.esc-toast-icon{font-size:1rem!important;color:var(--esc-secondary)!important}@media (max-width:900px){.esc-formula-grid{grid-template-columns:1fr 1fr}.esc-ref-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:680px){.esc-layout{grid-template-columns:1fr}.esc-title{font-size:1.35rem!important}.esc-accuracy-badge{display:none}.esc-result-cards{grid-template-columns:repeat(3,1fr);gap:.4rem}.esc-result-value{font-size:1.1rem!important}.esc-formula-grid{grid-template-columns:1fr}.esc-ref-grid{grid-template-columns:repeat(2,1fr)}.esc-actions{flex-wrap:wrap}.esc-actions .esc-btn{flex:1 1 calc(50% - 0.3rem)}.esc-actions .esc-btn:last-child{flex:1 1 100%}}@media (max-width:400px){.esc-result-cards{grid-template-columns:1fr}.esc-ref-grid{grid-template-columns:1fr}.esc-unit-tab{padding:.3rem .55rem;font-size:0.75rem!important}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}.esc-empty-graphic{animation:none}}:focus-visible{outline:2px solid var(--esc-primary);outline-offset:2px}@media (prefers-contrast:high){.esc-panel,.esc-result-card,.esc-ref-card,.esc-formula-card{border-width:2px!important}}