.calculator{width:100%;height:100dvh;padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom) 12px;background:#000;flex-direction:column;display:flex}.display{flex:1;justify-content:flex-end;align-items:flex-end;min-height:80px;padding:12px 16px;display:flex}.display-text{color:#fff;word-break:break-all;text-align:right;font-size:5.5rem;font-weight:300;line-height:1;transition:font-size .15s}.buttons{grid-template-columns:repeat(4,1fr);gap:12px;padding-bottom:12px;display:grid}.btn{aspect-ratio:1;cursor:pointer;-webkit-appearance:none;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;font-size:2rem;font-weight:400;transition:filter .1s;display:flex}.btn:active{filter:brightness(1.5)}.btn-number{color:#fff;background:#333}.btn-function{color:#000;background:#a5a5a5}.btn-operator{color:#fff;background:#ff9f0a}.btn-operator.btn-active{color:#ff9f0a;background:#fff}.btn-wide{aspect-ratio:auto;border-radius:100px;grid-column:span 2;justify-content:flex-start;padding:0 24px 0 calc(25% - .5rem + 12px)}.settings{color:#fff;height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) 0;background:#1c1c1e;flex-direction:column;display:flex}.settings-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:16px 20px;font-size:1.1rem;font-weight:600;display:flex}.settings-close{color:#ff9f0a;cursor:pointer;background:0 0;border:none;font-size:1rem;font-weight:500}.settings-body{flex-direction:column;gap:24px;padding:24px 20px;display:flex}.settings-field{flex-direction:column;gap:8px;display:flex}.settings-field label{color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.settings-field input{color:#fff;background:#2c2c2e;border:none;border-radius:10px;outline:none;padding:14px 16px;font-size:1.1rem}.settings-field input::placeholder{color:#636366}.settings-toggle-row{flex-direction:row;justify-content:space-between;align-items:center}.toggle{cursor:pointer;background:#39393d;border-radius:16px;width:51px;height:31px;transition:background .2s;position:relative}.toggle-on{background:#34c759}.toggle-knob{background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-on .toggle-knob{transform:translate(20px)}.settings-save{color:#fff;cursor:pointer;background:#ff9f0a;border:none;border-radius:12px;margin-top:8px;padding:14px;font-size:1.1rem;font-weight:600}.settings-save:active{filter:brightness(.8)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body,#root{background:#000;width:100vw;height:100dvh;font-family:-apple-system,Helvetica Neue,sans-serif;overflow:hidden}