*{font-family:Nunito,sans-serif;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}body{width:100vw;height:100vh;margin:0}#container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;min-width:250px;height:100%;min-height:500px}#calculator{display:flex;flex-direction:column;justify-content:flex-end;width:48vh;height:88vh;min-width:218px;min-height:400px;border-radius:32px;padding:24px;gap:16px;transition:background-color .3s ease,box-shadow .3s ease}.calculator-button-row{display:flex;flex-direction:row;gap:16px;height:calc((48vh - 48px)/4);min-height:42.5px}.calculator-button{border-radius:50%;width:calc((48vh - 48px)/4);min-width:42.5px;height:calc((48vh - 48px)/4);min-height:42.5px;text-align:center;line-height:clamp(42.5px,calc((48vh - 48px)/4),calc((48vh - 48px)/4));font-size:clamp(20px,calc((48vh - 48px) / 8.5),calc((48vh - 48px) / 8.5));font-weight:700;color:#fff;transition:transform .2s ease,box-shadow .2s ease}.calculator-button:hover{cursor:pointer;transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.calculator-button:active{transform:scale(.95);box-shadow:0 2px 6px #0000004d}#equals-button{width:calc((48vh - 16px)/2);min-width:101px;border-radius:calc((48vh - 16px)/4)}.calculator-display-row{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;margin-bottom:16px;border-radius:32px;padding:16px;transition:background-color .3s ease}#previous-row{text-align:right;color:#fff;font-size:clamp(17px,calc((48vh - 48px)*.1),calc((48vh - 48px)*.1))}#display{text-align:right;color:#fff;font-size:clamp(calc((218px - 48px) / 6),calc((48vh - 48px) / 6),calc((48vh - 48px) / 6));transition:color .3s ease}#display.error{color:#ff6b6b;animation:shake .4s ease-in-out}.error-message{display:none;text-align:center;color:#ff6b6b;font-size:clamp(calc((218px - 48px) / 12),calc((48vh - 48px) / 12),calc((48vh - 48px) / 12));font-weight:600;padding:8px;margin-bottom:8px;background-color:#ff6b6b1a;border-radius:8px;border:1px solid rgba(255,107,107,.3);animation:fadeIn .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pwa-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 8px 24px #0000004d;z-index:10000;animation:slideDown .3s ease-out;max-width:90%;width:400px}.pwa-notification.pwa-offline{background:linear-gradient(135deg,#f093fb,#f5576c)}.pwa-notification.pwa-online{background:linear-gradient(135deg,#4facfe,#00f2fe)}.pwa-notification-content{display:flex;flex-direction:column;gap:12px}.pwa-notification-text{font-size:14px;font-weight:600;text-align:center}.pwa-notification-actions{display:flex;gap:8px;justify-content:center}.pwa-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Nunito,sans-serif}.pwa-btn-primary{background:#fff;color:#667eea}.pwa-btn-primary:hover{transform:scale(1.05);box-shadow:0 2px 8px #0003}.pwa-btn-secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.pwa-btn-secondary:hover{background:#ffffff4d}.pwa-install-button{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0000004d;z-index:9999;transition:all .3s ease;animation:slideUp .3s ease-out;font-family:Nunito,sans-serif}.pwa-install-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.pwa-install-button:active{transform:translateY(0)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.pwa-notification{width:calc(100% - 40px);top:10px}.pwa-install-button{bottom:10px;right:10px;padding:10px 20px;font-size:13px}}#calculator{background-color:#2e2e3a}.calculator-display-row{background-color:#1f1f28}.calculator-button{background-color:#3e3e5a}.system-button{background-color:#5a5a7a}.operation-button{background-color:#ff6b6b}
