#calculator-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;justify-content:center;align-items:center;z-index:2000;pointer-events:none}
#calculator-modal.active{pointer-events:none}
#calculator-modal.interactive{pointer-events:auto}
#calculator-modal .calculator{background-color:#fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,0.1);padding:20px;width:300px;position:relative;pointer-events:auto;cursor:move}
#calculator-modal .close-button{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer;color:#aaa;pointer-events:auto;z-index:2001}
#calculator-modal .close-button:hover{color:#777}
#calculator-modal #display{width:100%;height:60px;font-size:24px;text-align:right;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;padding:10px;box-sizing:border-box;pointer-events:auto;cursor:text}
#calculator-modal .buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;pointer-events:auto}
#calculator-modal button{padding:15px;font-size:18px;border:none;border-radius:5px;background-color:#e0e0e0;cursor:pointer;transition:background-color .3s ease;pointer-events:auto}
#calculator-modal button:hover{background-color:#d0d0d0}
#calculator-modal .operator{background-color:#f0a500;color:#fff}
#calculator-modal .operator:hover{background-color:#e09500}