@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Chilanka&display=swap";body{font-family:"Inter",sans-serif;background-color:#f0f4f8;margin:0;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px;box-sizing:border-box}.calculator-body{background:linear-gradient(to bottom, #a7e0e0 20%, #fdf8e1 20%);border-radius:30px;box-shadow:0 10px 20px rgba(0,0,0,.1),0 6px 6px rgba(0,0,0,.15);padding:24px;width:100%;max-width:380px;box-sizing:border-box}.calculator-body .top-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px}.calculator-body .top-bar .credit-text{font-size:12px;color:#475569}.calculator-body .top-bar #help-btn{width:32px;height:32px;border-radius:9999px;background-color:#bbf7d0;color:#166534;font-weight:bold;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);transition:background-color .2s;border:none;cursor:pointer}.calculator-body .top-bar #help-btn:hover{background-color:#86efac}.calculator-body .calculator-screen{font-family:"Chilanka",cursive;background-color:#e0f2f1;border:2px solid #fff;box-shadow:inset 0 4px 8px rgba(0,0,0,.1);color:#37474f;padding:20px;font-size:40px;line-height:48px;height:80px;width:100%;text-align:right;border-radius:16px;overflow-x:auto;box-sizing:border-box}.calculator-body .calculator-buttons{display:grid;grid-template-columns:repeat(5, 1fr);gap:12px;margin-top:24px}.btn{height:60px;width:60px;border-radius:50%;border:none;font-size:20px;font-weight:500;color:#546e7a;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .2s ease-in-out;display:flex;justify-content:center;align-items:center;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.btn:active{transform:translateY(1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.btn-zero{grid-column:span 2;width:auto;border-radius:30px}.btn-blue{background-color:#d4eaf7}.btn-pink{background-color:#fce4ec}.btn-cream{background-color:#fff9c4}.btn-white{background-color:#fff}.btn-green{background-color:#dcedc8}.btn-purple{background-color:#e1bee7}.btn-ac{background-color:#ffcdd2}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.modal-overlay.visible{opacity:1;visibility:visible}.modal-overlay .modal-content{background:#fff;padding:24px;border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,.3);width:90%;max-width:400px;max-height:90vh;overflow-y:auto;box-sizing:border-box}.modal-overlay .modal-content .modal-title{font-size:24px;font-weight:700;color:#37474f;margin-bottom:16px}.modal-overlay .modal-content .modal-input-group{margin-bottom:12px}.modal-overlay .modal-content .modal-input-group label{display:block;margin-bottom:4px;color:#546e7a;font-weight:500}.modal-overlay .modal-content .modal-input-group input{width:100%;padding:8px 12px;border-radius:8px;border:1px solid #b0bec5;font-size:16px;box-sizing:border-box}.modal-overlay .modal-content .modal-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:12px}.modal-overlay .modal-content #guide-body h4{font-weight:700;color:#37474f;margin-top:16px;margin-bottom:8px}.modal-overlay .modal-content #guide-body p,.modal-overlay .modal-content #guide-body li{color:#546e7a;line-height:1.6}