.calculator-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;box-sizing:border-box}.calculator{background:rgba(255,255,255,.95);border-radius:24px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);max-width:320px;width:100%}.keyboard-hint{text-align:center;font-size:12px;color:#718096;margin-bottom:16px;padding:8px 12px;background:rgba(113,128,150,.1);border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif}.calculator-display{background:#f8f9fa;border-radius:16px;padding:24px 20px;margin-bottom:20px;text-align:right;border:1px solid #e9ecef;min-height:60px;display:flex;align-items:center;justify-content:flex-end}.display-text{font-size:36px;font-weight:300;color:#2d3748;word-break:break-all;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;line-height:1.2}.calculator-keypad{display:flex;flex-direction:column;gap:12px}.button-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.calculator-button{border:none;border-radius:12px;font-size:20px;font-weight:500;cursor:pointer;transition:all .2s ease;height:64px;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;position:relative;overflow:hidden}.calculator-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.calculator-button:hover:before{left:100%}.calculator-button:active{transform:scale(.95)}.calculator-button.number{background:#ffffff;color:#2d3748;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.04)}.calculator-button.number:hover{background:#f7fafc;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.calculator-button.function{background:#e2e8f0;color:#4a5568;border:1px solid #cbd5e0;font-weight:600}.calculator-button.function:hover{background:#cbd5e0;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.calculator-button.operator{background:#4299e1;color:white;border:1px solid #3182ce;font-weight:600}.calculator-button.operator:hover{background:#3182ce;transform:translateY(-1px);box-shadow:0 4px 12px rgba(66,153,225,.3)}.calculator-button.equals{background:#38a169;color:white;border:1px solid #2f855a}.calculator-button.equals:hover{background:#2f855a;transform:translateY(-1px);box-shadow:0 4px 12px rgba(56,161,105,.3)}.calculator-button.zero{grid-column:span 2}@media (prefers-color-scheme:dark){.calculator-container{background:linear-gradient(135deg,#1a202c,#2d3748)}.calculator{background:rgba(45,55,72,.95);border:1px solid rgba(74,85,104,.6)}.calculator-display{background:#2d3748;border:1px solid #4a5568}.display-text{color:#f7fafc}.keyboard-hint{color:#a0aec0;background:rgba(160,174,192,.1)}.calculator-button.number{background:#4a5568;color:#f7fafc;border:1px solid #718096}.calculator-button.number:hover{background:#718096}.calculator-button.function{background:#718096;color:#f7fafc;border:1px solid #a0aec0}.calculator-button.function:hover{background:#a0aec0}}@media (max-width:480px){.calculator-container{padding:16px}.calculator{padding:20px;border-radius:20px}.calculator-display{padding:20px 16px;min-height:50px}.display-text{font-size:28px}.calculator-button{height:56px;font-size:18px}.button-row,.calculator-keypad{gap:10px}}@media (max-width:360px){.calculator-button{height:48px;font-size:16px}.display-text{font-size:24px}}