*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}button{appearance:none;cursor:pointer}#calculator-casing{flex-direction:column;align-items:center;width:min(100%,500px);min-height:100%;max-height:calc(100vh - 2rem);margin:0 auto;padding:16px;display:flex}#menu-ctn{z-index:999;background:var(--bg-color);border-radius:15px;flex:none;justify-content:end;align-items:center;gap:8px;width:auto;margin-left:auto;padding:8px;display:flex}#display{text-align:right;white-space:nowrap;width:100%;min-height:150px;color:var(--text-color);flex-direction:column;flex:none;justify-content:end;margin:8px 0;padding:12px;line-height:1.4;display:flex;overflow-x:auto}p#expression{font-size:clamp(2rem,7vw,3rem);font-weight:600}p#result{opacity:.7;font-size:min(1.2rem,7vw)}#keypad{flex:1;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(4,1fr);justify-content:center;gap:10px;width:min(100%,300px);max-width:100%;padding:10px;display:grid}#keypad button{aspect-ratio:1;background:var(--btn-color);width:100%;color:var(--text-color);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;border:none;border-radius:50%;font-size:clamp(1rem,4vw,1.8rem);font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px 1px #0000004d}#keypad button:hover{filter:brightness(1.5)}#keypad button:active{transition:transform 80ms cubic-bezier(.34,1.56,.64,1);transform:scale(.7)}#keypad button:is([data-type=op],[data-type=equal]){background:var(--btn-func-color)}#keypad button{min-height:56px}.btn-zero{grid-column:span 2;aspect-ratio:auto!important;border-radius:99px!important}@media (width<=480px){#calculator-casing{padding:12px}#menu-ctn{gap:6px;padding:6px}#display{margin:6px 0;padding:10px}p#expression{font-size:clamp(1.8rem,16vw,3.5rem)}p#result{font-size:clamp(.9rem,8vw,1.6rem)}#keypad{gap:8px}#keypad button{font-size:clamp(1.2rem,6vw,1.6rem)}#keypad button:active{transform:scale(.82)}}@media (width>=481px){#calculator-casing{background:var(--case-color);border:1px solid #0000002f;border-radius:38px;width:min(320px,100%);padding:24px}#menu-ctn{background:var(--component-color);border-radius:24px;padding:10px}#display{background:var(--component-color);border-radius:32px;margin:14px 0;padding:24px}#keypad{background:var(--component-color);border-radius:32px;box-shadow:inset 0 0 0 1px #00000014}#keypad button{box-shadow:0 8px 18px #0000001f}#keypad button:is([data-type=op],[data-type=equal]){box-shadow:0 8px 18px #00000029}}#overlay{z-index:998;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;width:100vw;height:100vh;display:none;position:fixed}#overlay.show{display:block}#history-btn{color:var(--mode-color);background:#0000001a;border-radius:99px;padding:8px;font-size:1.2rem;font-weight:700}#history{z-index:999;background:var(--bg-color);width:min(90vw,420px);max-height:90vh;color:var(--text-color);border-radius:15px;flex-direction:column;align-items:center;gap:12px;padding:16px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#history.show{display:flex}#history-list{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:150px;max-height:300px;list-style:none;display:flex;overflow-y:auto}#history-list li{background:#00000026;border-radius:15px;width:90%;padding:8px}li .title{font-size:clamp(1rem,5vw,1.3rem);font-weight:700}li .result{font-size:min(1rem,4vw);font-weight:100!important}#history-list p{color:var(--mode-color);font-style:italic;font-weight:700}#clear-history{color:#fff;background:#fd2626;border:none;border-radius:99px;justify-content:center;align-items:center;padding:6px;display:flex}#clear-history>*{font-weight:700;display:block}:root{--bg-color:#fff;--btn-func-color:#ff9500;--mode-color:#000000b3;--text-color:black;--btn-color:white;--case-color:#e3e3e3;--component-color:#fff}body.dark-theme{--bg-color:#1a1a1a;--btn-func-color:#185dff;--mode-color:#ffffff80;--text-color:white;--btn-color:#1c1b1b;--case-color:#282828;--component-color:#383838}body{background:var(--bg-color)}#theme-toggle{background:#0000001a;border:none;border-radius:99px;outline:none;padding:8px;position:relative}#theme-toggle:after{content:"";aspect-ratio:1;background:var(--btn-func-color);border-radius:50%;width:25px;transition:all .5s;display:block;position:absolute;top:50%;left:7px;transform:translateY(-50%)}#theme-toggle.dark:after{left:35px}#theme-toggle span{color:var(--mode-color);z-index:99;border-radius:50%;padding:4px;font-size:1rem;font-weight:700;position:relative}body{min-height:100vh;margin:0}#app{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1em;width:100%;min-height:100vh;padding:1rem;display:flex}