.entropy-calculator{margin:0 auto;max-width:480px;min-width:280px;width:100%}.entropy-calculator,.entropy-calculator *,.entropy-calculator :after,.entropy-calculator :before{box-sizing:border-box}.entropy-header{background:#234462;border-radius:12px 12px 0 0;padding:16px 20px;text-align:center}.entropy-header img{height:auto;max-width:160px}.entropy-body{background:#fff;border:1px solid #d9d9d9;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:20px}.entropy-title{color:#234462;font-size:20px;margin:0 0 12px;text-align:center}.entropy-description{font-size:17px;line-height:1.5;margin-bottom:16px}.entropy-field-group{margin-bottom:14px}.entropy-field-row{display:flex;gap:12px;margin-bottom:0}.entropy-field-row .entropy-field-group{flex:1}.entropy-field-label{align-items:center;display:flex;font-size:17px;justify-content:space-between;margin-bottom:6px}.entropy-calculator input[type=number],.entropy-calculator input[type=text]{background:#fff;border:2px solid #d9d9d9;border-radius:8px;box-sizing:border-box;font-size:18px;padding:10px 14px;transition:all .2s ease;width:100%}.entropy-calculator input:focus{border-color:#e09000;box-shadow:0 0 0 4px rgba(224,144,0,.15);outline:none}.entropy-calculator input[type=number]::-webkit-inner-spin-button,.entropy-calculator input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.entropy-calculator input[type=number]{-moz-appearance:textfield}.entropy-results{border-top:2px solid #234462;margin-top:16px;padding-top:16px}.entropy-results h6{color:#234462;font-size:20px;margin:0 0 14px}.entropy-result-field{position:relative}.entropy-result-input{background:rgba(35,68,98,.05);border:2px solid #234462;border-radius:8px;box-sizing:border-box;color:#e09000;padding:12px 50px 12px 14px;width:100%}.entropy-result-unit{color:#828282;font-size:17px;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.entropy-button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.entropy-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:17px;gap:8px;padding:10px 18px;transition:all .2s ease}.entropy-btn:hover{transform:translateY(-1px)}.entropy-btn-share{background:#e09000;box-shadow:0 2px 10px rgba(224,144,0,.3);color:#fff}.entropy-btn-share:hover{background:#c98000;box-shadow:0 4px 15px rgba(224,144,0,.4)}.entropy-btn-share svg{height:16px;stroke:#fff;width:16px}.entropy-btn-secondary{background:#234462;color:#fff}.entropy-btn-secondary:hover{background:#1a3347}.entropy-strength{align-items:center;border-radius:8px;display:flex;font-size:17px;gap:10px;margin-top:14px;padding:12px 14px}.entropy-strength:before{border-radius:50%;content:"";flex-shrink:0;height:8px;width:8px}.entropy-strength-weak{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#dc2626}.entropy-strength-weak:before{background:#ef4444;box-shadow:0 0 10px #ef4444}.entropy-strength-fair{background:rgba(224,144,0,.1);border:1px solid rgba(224,144,0,.3);color:#b37400}.entropy-strength-fair:before{background:#e09000;box-shadow:0 0 10px #e09000}.entropy-strength-good{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#059669}.entropy-strength-good:before{background:#10b981;box-shadow:0 0 10px #10b981}.entropy-strength-strong{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:#2563eb}.entropy-strength-strong:before{background:#3b82f6;box-shadow:0 0 10px #3b82f6}.entropy-strength-excellent{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);color:#7c3aed}.entropy-strength-excellent:before{background:#8b5cf6;box-shadow:0 0 10px #8b5cf6}@media (max-width:900px){.entropy-field-row{gap:0}.entropy-button-row,.entropy-field-row{flex-direction:column}.entropy-btn{justify-content:center;width:100%}}@media (max-width:768px){.entropy-calculator{max-width:100%}.entropy-header{padding:14px 18px}.entropy-body{padding:18px}}@media (max-width:480px){.entropy-header{border-radius:10px 10px 0 0;padding:12px 16px}.entropy-header img{max-width:140px}.entropy-body{border-radius:0 0 10px 10px;padding:16px}.entropy-calculator input[type=number],.entropy-calculator input[type=text]{padding:10px 12px}.entropy-result-input{padding:10px 45px 10px 12px}.entropy-result-unit{right:12px}.entropy-btn{padding:10px 16px}.entropy-strength{padding:10px 12px}}@media (max-width:360px){.entropy-header{padding:10px 14px}.entropy-header img{max-width:120px}.entropy-body{padding:14px}}