:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--calc-bg: #2d2d2d;--display-bg: #1e1e1e;--btn-bg: #404040;--btn-hover-bg: #505050;--btn-operator-bg: #f9a825;--btn-operator-hover-bg: #fbc02d;--btn-special-bg: #606060;--btn-special-hover-bg: #707070;--text-color: #ffffff;--display-text-color: #eeeeee}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#1a1a1a}#app{max-width:400px;margin:0 auto;padding:2rem;text-align:center}.calculator{width:320px;border-radius:16px;background-color:var(--calc-bg);box-shadow:0 10px 20px #0003,0 6px 6px #00000040;padding:20px;display:flex;flex-direction:column;gap:15px}.display{background-color:var(--display-bg);border-radius:10px;padding:20px;text-align:right;min-height:100px;display:flex;flex-direction:column;justify-content:space-between;word-wrap:break-word;word-break:break-all}.expression{font-size:1.8em;color:var(--display-text-color);font-weight:300;min-height:40px}.result{font-size:1.2em;color:#b0b0b0;min-height:24px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.loader{border:4px solid #f3f3f3;border-top:4px solid var(--btn-operator-bg);border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.buttons{display:grid;gap:10px;grid-template-areas:"clear backspace divide multiply" "n7 n8 n9 subtract" "n4 n5 n6 add" "n1 n2 n3 equals" "n0 n0 dot equals"}.btn{border:none;border-radius:8px;padding:20px;font-size:1.5em;cursor:pointer;background-color:var(--btn-bg);color:var(--text-color);transition:background-color .2s;-webkit-user-select:none;user-select:none}.btn:hover{background-color:var(--btn-hover-bg)}.btn:active{transform:scale(.95)}.btn.operator{background-color:var(--btn-operator-bg);color:#1e1e1e;font-weight:700}.btn.operator:hover{background-color:var(--btn-operator-hover-bg)}.btn.special{background-color:var(--btn-special-bg)}.btn.special:hover{background-color:var(--btn-special-hover-bg)}.btn.equals{background-color:var(--btn-operator-bg);color:#1e1e1e;font-weight:700}.btn.equals:hover{background-color:var(--btn-operator-hover-bg)}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}main{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.app-footer{text-align:center;margin-top:1.5rem;font-size:.9rem;color:#888;line-height:1.6}.app-footer a{color:#888;text-decoration:none}.app-footer a:hover{text-decoration:underline}@media(max-width:480px){.app-footer{font-size:.8rem;margin-top:1.5rem;text-align:center;width:100%}main{align-items:flex-start;padding-top:2rem}}.loader-small{width:24px;height:24px;border:3px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}