.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.calculator-modal{background:var(--sf2, #1c1c2e);border:1px solid var(--bd, #2a2f45);border-radius:16px;width:100%;max-width:340px;max-height:90vh;box-shadow:0 20px 40px #0006;animation:slideUp .3s ease-out;display:flex;flex-direction:column;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calculator-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--bd, #2a2f45);flex-shrink:0}.calculator-header h3{margin:0;font-size:16px;font-weight:600;color:var(--tx, #e8eaf0)}.close-btn{background:none;border:none;color:var(--tx3, #5a6280);font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .2s,background .2s}.close-btn:hover{color:var(--tx, #e8eaf0);background:var(--sf3, #2c3048)}.calculator-display{padding:12px 16px;border-bottom:1px solid var(--bd, #2a2f45);flex-shrink:0}.calculator-display input{width:100%;background:var(--sf, #141720);border:1px solid var(--bd, #2a2f45);border-radius:8px;padding:10px 14px;font-size:16px;font-family:JetBrains Mono,monospace;color:var(--tx, #e8eaf0);outline:none;box-sizing:border-box;text-align:right}.calculator-display input:focus{border-color:var(--ac, #e8a020);box-shadow:0 0 0 3px #e8a02033}.calculator-display input::placeholder{color:var(--tx3, #5a6280)}.calculator-keypad{padding:14px 16px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;min-height:0}.calculator-row{display:flex;gap:4px}.calc-btn{flex:1;height:40px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;font-family:inherit;min-width:0}.calc-btn:hover{opacity:.85}.calc-btn:active{transform:scale(.96)}.calc-btn:disabled{opacity:.5;cursor:not-allowed}.calc-btn.btn-number{background:var(--sf3, #242840);color:var(--tx, #e8eaf0);border:1px solid var(--bd2, #353b55)}.calc-btn.btn-number:hover{background:var(--sf2, #1c2030)}.calc-btn.btn-operator{background:var(--ac, #e8a020);color:#0d0f14;border:1px solid var(--ac, #e8a020)}.calc-btn.btn-operator:hover{background:#d48800;border-color:#d48800}.calc-btn.btn-equal{background:var(--green, #40c870);color:#0d0f14;font-weight:600;border:1px solid var(--green, #40c870)}.calc-btn.btn-equal:hover{background:#38b060;border-color:#38b060}.calc-btn.btn-clear{background:var(--sf3, #242840);color:var(--tx, #e8eaf0);border:1px solid var(--bd2, #353b55)}.calc-btn.btn-clear:hover{background:var(--sf2, #1c2030)}.calculator-footer{display:flex;gap:12px;padding:14px 16px;border-top:1px solid var(--bd, #2a2f45);flex-shrink:0}.btn-cancel,.btn-confirm{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel{background:var(--sf3, #2c3048);color:var(--tx2, #9aa0b8);border:1px solid var(--bd, #2a2f45)}.btn-cancel:hover{background:var(--sf2, #1c2030)}.btn-confirm{background:var(--ac, #e8a020);color:#0d0f14;font-weight:600}.btn-confirm:hover:not(:disabled){background:#d48800}.btn-confirm:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.calculator-modal{max-width:100%;border-radius:0;max-height:90vh;padding-bottom:env(safe-area-inset-bottom,0);box-sizing:border-box;display:flex;flex-direction:column}.calculator-header{padding:14px 16px;flex-shrink:0}.calculator-header h3{font-size:17px}.calculator-display{padding:12px 16px;flex-shrink:0}.calculator-display input{font-size:16px;padding:14px;border-radius:10px}.calculator-keypad{padding:14px 16px;gap:4px;overflow-y:auto;min-height:0}.calculator-row{gap:4px}.calc-btn{height:36px;font-size:14px;border-radius:8px;min-width:0}.calculator-footer{background:var(--sf2, #1c1c2e);border-top:1px solid var(--bd, #2a2f45);padding:14px 16px calc(14px + env(safe-area-inset-bottom,0));gap:12px;flex-shrink:0;box-sizing:border-box}.btn-cancel,.btn-confirm{padding:16px 20px;font-size:16px;border-radius:10px}}@media(prefers-color-scheme:dark){.calculator-modal{background:#1c1c2e;border-color:#2a2f45}}@media(prefers-reduced-motion:reduce){.calculator-modal,.calc-btn{animation:none;transition:none}}.calc-btn:focus-visible,.close-btn:focus-visible,.btn-cancel:focus-visible,.btn-confirm:focus-visible{outline:2px solid var(--ac, #e8a020);outline-offset:2px}