:root{--wwfrc-primary:#0072ce;--wwfrc-primary-deep:#005fa3;--wwfrc-secondary:#00a86b;--wwfrc-secondary-light:#e6f0ff;--wwfrc-danger:#e74c3c;--wwfrc-bg:#f7f9fb;--wwfrc-white:#ffffff;--wwfrc-text:#26282c;--wwfrc-border:#d8dce2;--wwfrc-radius:8px;--wwfrc-spacing:1.5rem;--wwfrc-gap:0.6rem;--wwfrc-warning:#f39c12;--wwfrc-muted:#6c7585;--wwfrc-surface:#eef2f7}.wwfrc-header{background:linear-gradient(135deg,var(--wwfrc-primary) 0%,var(--wwfrc-primary-deep) 100%);color:var(--wwfrc-white);border-radius:var(--wwfrc-radius);margin-bottom:var(--wwfrc-spacing);box-shadow:0 4px 24px rgb(0 114 206 / .22);position:relative;overflow:hidden}.wwfrc-header::before{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:rgb(255 255 255 / .06)}.wwfrc-header-inner{padding:2.5rem 1rem}.wwfrc-logo{display:flex;align-items:center;gap:.85rem;margin-bottom:.5rem}.wwfrc-logo-icon svg{display:block}.wwfrc-logo-title{font-size:1.8rem!important;font-weight:700!important;line-height:1}.wwfrc-header-desc{font-size:0.9rem!important;opacity:.82;max-width:560px;margin-top:.25rem;font-weight:300!important}.wwfrc-main{display:flex;flex-direction:column;gap:var(--wwfrc-spacing)}.wwfrc-card{background:var(--wwfrc-white)!important;border-radius:10px;border:1px solid!important;border-color:var(--wwfrc-border)!important;box-shadow:0 2px 12px rgb(30 40 60 / .06);padding:var(--wwfrc-spacing)}.wwfrc-section-title{font-size:1rem!important;font-weight:600!important;color:var(--wwfrc-text)!important;display:flex;align-items:center;gap:.6rem;margin-bottom:1.1rem}.wwfrc-step-badge{background:var(--wwfrc-primary)!important;color:#fff!important;font-size:0.78rem!important;font-weight:700!important;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.wwfrc-badge-green{background:var(--wwfrc-secondary)!important}.wwfrc-badge-gray{background:var(--wwfrc-muted)!important;font-size:0.88rem!important}.wwfrc-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--wwfrc-gap)}.wwfrc-method-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px solid!important;border-color:var(--wwfrc-border)!important;border-radius:8px;background:var(--wwfrc-bg)!important;cursor:pointer;padding:1rem .5rem;transition:all 0.18s ease;text-align:center}.wwfrc-method-btn:hover{border-color:var(--wwfrc-primary)!important;background:var(--wwfrc-secondary-light)!important}.wwfrc-method-btn.wwfrc-method-active{border-color:var(--wwfrc-primary)!important;background:var(--wwfrc-secondary-light);box-shadow:0 0 0 3px rgb(0 114 206 / .13)}.wwfrc-method-icon{font-size:1.6rem!important}.wwfrc-method-label{font-size:0.82rem!important;font-weight:600!important;color:var(--wwfrc-text);line-height:1.2}.wwfrc-method-desc{font-size:0.7rem!important;color:var(--wwfrc-muted);line-height:1.3}.wwfrc-info-banner{background:var(--wwfrc-secondary-light)!important;border-radius:var(--wwfrc-radius);border-left:4px solid!important;border-color:var(--wwfrc-primary)!important;padding:.7rem 1rem;font-size:0.85rem!important;color:var(--wwfrc-primary-deep);display:flex;align-items:flex-start;gap:.55rem;margin-bottom:1.1rem}.wwfrc-info-icon{flex-shrink:0;margin-top:1px}.wwfrc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.wwfrc-field-group{display:flex;flex-direction:column;gap:4px}.wwfrc-label{font-size:0.83rem!important;font-weight:500!important;color:var(--wwfrc-text);display:flex;align-items:center;gap:5px}.wwfrc-hint{font-size:0.74rem!important;color:var(--wwfrc-muted);margin-top:2px}.wwfrc-input-row{display:flex;gap:6px}.wwfrc-input{min-height:40px!important;padding:0 .75rem;border:1px solid!important;border-color:var(--wwfrc-border)!important;border-radius:var(--wwfrc-radius);font-family:"Rubik",sans-serif!important;font-size:0.92rem!important;color:var(--wwfrc-text);background:var(--wwfrc-bg)!important;transition:border-color 0.15s;outline:none;width:100%}.wwfrc-input:focus{border-color:var(--wwfrc-primary)!important;background:var(--wwfrc-white)!important}.wwfrc-input.wwfrc-invalid{border-color:var(--wwfrc-danger)!important}.wwfrc-select{min-height:40px!important;padding:0 .6rem;border:1px solid!important;border-color:var(--wwfrc-border)!important;border-radius:var(--wwfrc-radius);font-family:"Rubik",sans-serif!important;font-size:0.82rem!important;color:var(--wwfrc-text);background:var(--wwfrc-bg)!important;cursor:pointer;outline:none;white-space:nowrap;width:fit-content}.wwfrc-select:focus{border-color:var(--wwfrc-primary)!important}.wwfrc-unit-echo{height:40px;padding:0 .75rem;background:var(--wwfrc-surface)!important;border:1px solid!important;border-color:var(--wwfrc-border)!important;border-radius:var(--wwfrc-radius);font-size:0.82rem!important;color:var(--wwfrc-muted);display:flex;align-items:center;white-space:nowrap}.wwfrc-output-unit-row{display:flex;align-items:center;gap:.75rem;margin-top:1.1rem;flex-wrap:wrap}.wwfrc-output-unit-row .wwfrc-label{margin:0;white-space:nowrap}.wwfrc-calc-actions{display:flex;align-items:center;gap:1rem;margin-top:1.1rem;flex-wrap:wrap}.wwfrc-realtime-label{display:flex;align-items:center;gap:5px;font-size:0.82rem!important;color:var(--wwfrc-muted);cursor:pointer;user-select:none}.wwfrc-tooltip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--wwfrc-border)!important;color:var(--wwfrc-muted);border-radius:50%;font-size:0.68rem!important;font-weight:700!important;cursor:help;position:relative;flex-shrink:0}.wwfrc-tooltip::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#26282c;color:#fff!important;font-size:0.75rem!important;font-weight:400!important;padding:.4rem .7rem;border-radius:5px;white-space:normal;width:220px;text-align:left;pointer-events:none;opacity:0;transition:opacity 0.15s;z-index:100;box-shadow:0 4px 12px rgb(0 0 0 / .25)}.wwfrc-tooltip:hover::after{opacity:1}.wwfrc-btn{display:inline-flex;align-items:center;gap:7px;padding:0 1.3rem;height:42px;border-radius:var(--wwfrc-radius);font-family:"Rubik",sans-serif!important;font-size:0.88rem!important;font-weight:600!important;cursor:pointer;transition:all 0.18s ease;border:none!important;outline:none;white-space:nowrap}.wwfrc-btn-primary{background:var(--wwfrc-primary)!important;color:#fff!important}.wwfrc-btn-primary:hover{background:var(--wwfrc-primary-deep)!important;transform:translateY(-1px);box-shadow:0 4px 16px rgb(0 114 206 / .28)}.wwfrc-btn-pdf{background:var(--wwfrc-primary)!important;color:#fff!important}.wwfrc-btn-pdf:hover{background:var(--wwfrc-primary-deep)!important}.wwfrc-btn-copy{background:var(--wwfrc-secondary)!important;color:#fff!important}.wwfrc-btn-copy:hover{background:#008f5a!important}.wwfrc-btn-reset{background:#fff0;color:var(--wwfrc-danger)!important;border:1px solid!important;border-color:var(--wwfrc-danger)!important}.wwfrc-btn-reset:hover{background:#fdf0ef!important}.wwfrc-error-msg{background:#fdf0ef!important;border-left:4px solid!important;border-color:var(--wwfrc-danger)!important;color:var(--wwfrc-danger);padding:.6rem .9rem;border-radius:var(--wwfrc-radius);font-size:0.85rem!important;margin-top:.75rem}.wwfrc-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;margin-bottom:1.1rem}.wwfrc-result-card{background:var(--wwfrc-bg)!important;border-radius:8px;padding:1rem 1.1rem;border-left:4px solid!important;border-color:var(--wwfrc-primary)!important;position:relative;animation:wwfrc-fadein 0.35s ease}.wwfrc-result-card.wwfrc-rc-green{border-color:var(--wwfrc-secondary)!important}.wwfrc-result-card.wwfrc-rc-warn{border-color:var(--wwfrc-warning)!important}.wwfrc-result-card.wwfrc-rc-red{border-color:var(--wwfrc-danger)!important}@keyframes wwfrc-fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wwfrc-rc-label{font-size:0.73rem!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.06em;color:var(--wwfrc-muted)!important;margin-bottom:4px}.wwfrc-rc-value{font-size:1.45rem!important;font-weight:700!important;color:var(--wwfrc-text);line-height:1.1}.wwfrc-rc-unit{font-size:0.78rem!important;font-weight:400!important;color:var(--wwfrc-muted);margin-top:2px}.wwfrc-rc-badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:0.72rem!important;font-weight:600!important;margin-top:6px}.wwfrc-badge-excellent{background:#d4f5e8;color:#0a7a4d!important}.wwfrc-badge-good{background:#cce9ff;color:#0055a0!important}.wwfrc-badge-marginal{background:#fff4d6;color:#8a5e00!important}.wwfrc-badge-poor{background:#fde8e6;color:#a82312!important}.wwfrc-unit-conversions{background:var(--wwfrc-surface)!important;border-radius:8px;padding:.85rem 1rem;margin-bottom:1rem}.wwfrc-uc-title{font-size:0.78rem!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.07em;color:var(--wwfrc-muted);margin-bottom:.6rem}.wwfrc-uc-grid{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem}.wwfrc-uc-item{font-size:0.82rem!important;color:var(--wwfrc-text);display:flex;align-items:center;gap:4px}.wwfrc-uc-item strong{font-weight:600!important;color:var(--wwfrc-primary)}.wwfrc-recommendation{border-radius:8px;padding:1rem 1.1rem;font-size:0.88rem!important;line-height:1.7;margin-bottom:1.1rem;border-left:4px solid!important}.wwfrc-rec-excellent{background:#f0fdf8;border-color:var(--wwfrc-secondary)!important;color:#0a5c3a}.wwfrc-rec-good{background:#edf6ff;border-color:var(--wwfrc-primary)!important;color:#003d7a}.wwfrc-rec-marginal{background:#fffbf0;border-color:var(--wwfrc-warning)!important;color:#7a5000}.wwfrc-rec-poor{background:#fef5f4;border-color:var(--wwfrc-danger)!important;color:#7a1c0e}.wwfrc-rec-title{font-weight:700!important;font-size:0.92rem!important;margin-bottom:4px;display:flex;align-items:center;gap:6px}.wwfrc-action-buttons{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.25rem}.wwfrc-hidden{display:none!important}.wwfrc-toast{position:fixed;bottom:24px;right:24px;background:var(--wwfrc-text)!important;color:#fff!important;padding:.65rem 1.2rem;border-radius:6px;font-size:0.85rem!important;font-weight:500!important;box-shadow:0 4px 18px rgb(0 0 0 / .22);z-index:9999;animation:wwfrc-toast-in 0.25s ease;display:flex;align-items:center;gap:7px}@keyframes wwfrc-toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wwfrc-overlay{position:fixed;inset:0;background:rgb(20 25 35 / .45);display:flex;align-items:center;justify-content:center;z-index:9998;animation:wwfrc-fadein 0.18s ease}.wwfrc-dialog{background:var(--wwfrc-white)!important;border-radius:10px;padding:1.8rem 2rem;max-width:340px;width:90%;box-shadow:0 8px 40px rgb(0 0 0 / .18);text-align:center}.wwfrc-dialog h3{font-size:1.05rem!important;font-weight:700!important;margin-bottom:.5rem}.wwfrc-dialog p{font-size:0.88rem!important;color:var(--wwfrc-muted);margin-bottom:1.3rem}.wwfrc-dialog-btns{display:flex;gap:.75rem;justify-content:center}@media (max-width:700px){.wwfrc-method-grid{grid-template-columns:repeat(2,1fr)!important}.wwfrc-form-grid{grid-template-columns:1fr!important}.wwfrc-result-grid{grid-template-columns:1fr 1fr!important}.wwfrc-action-buttons{flex-direction:column}.wwfrc-btn{width:100%;justify-content:center}.wwfrc-logo-title{font-size:1.3rem!important}}@media (max-width:400px){.wwfrc-method-grid{grid-template-columns:1fr 1fr!important}.wwfrc-result-grid{grid-template-columns:1fr!important}.wwfrc-input-row{flex-direction:column}.wwfrc-select{width:100%}}