:root{--app-font: "Open Sans", sans-serif}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--app-font)}#root{width:100%;display:flex;justify-content:center;align-items:center}#temp{display:none;visibility:hidden}:root{--calculator-button-font-size: 1.5rem}.calculator{width:400px;display:flex;flex-direction:column;border:1px solid #ccc;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a}.calculator-header{display:flex;justify-content:flex-end;margin-bottom:10px}.calculator-history-btn{background:#2196f3!important;color:#fff!important;padding:8px 12px!important;border-radius:5px!important;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;transition:background .2s;font-size:1rem!important}.calculator-history-btn:hover{background:#1976d2!important}.calculator-history-btn svg{width:20px;height:20px}.display{font-size:2rem;padding:20px;background:#eee;text-align:right;border-radius:5px;margin-bottom:20px;min-height:50px;word-wrap:break-word}.error{color:red}.buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.calculator button{font-size:var(--calculator-button-font-size);padding:15px;border:none;background:#ddd;border-radius:5px;cursor:pointer;transition:background .1s ease}.calculator button:hover{background:#ccc}.calculator button:active{background:#bbb}.calculator-history-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.calculator-history-panel{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column}.calculator-history-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0}.calculator-history-header h3{margin:0;font-size:1.25rem;color:#333}.calculator-history-actions{display:flex;gap:.5rem;align-items:center}.calculator-history-clear-btn{background-color:#f44336;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-size:.875rem;transition:background-color .2s}.calculator-history-clear-btn:hover{background-color:#d32f2f}.calculator-history-clear-btn svg{width:18px;height:18px}.calculator-history-close-btn{background:none;border:none;font-size:2rem;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.calculator-history-close-btn:hover{background-color:#f0f0f0}.calculator-history-list{overflow-y:auto;flex:1;padding:1rem}.calculator-history-empty{text-align:center;padding:2rem;color:#999;font-size:1rem}.calculator-history-item{padding:1rem;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:.75rem;cursor:pointer;transition:all .2s;background-color:#fff}.calculator-history-item:hover{background-color:#f5f5f5;border-color:#2196f3;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.calculator-history-expression{font-size:1rem;color:#666;margin-bottom:.25rem;word-break:break-word}.calculator-history-result{font-size:1.25rem;font-weight:700;color:#2196f3;margin-bottom:.5rem;word-break:break-word}.calculator-history-time{font-size:.75rem;color:#999}@media(prefers-color-scheme:dark){.calculator-history-panel{background-color:#2c2c2c}.calculator-history-header{border-bottom-color:#444}.calculator-history-header h3{color:#fff}.calculator-history-close-btn{color:#ccc}.calculator-history-close-btn:hover{background-color:#444}.calculator-history-item{background-color:#383838;border-color:#444}.calculator-history-item:hover{background-color:#404040;border-color:#2196f3}.calculator-history-expression{color:#ccc}.calculator-history-empty{color:#666}}.plot-form{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.plot-action{margin:.5rem auto;width:100%;display:flex;justify-content:center;align-items:center;flex:1;gap:1rem}.plot-action input,.plot-action button{max-height:2rem;height:1.75rem}.plot-action div{display:flex;align-items:center}.plot-action div label{margin-right:.5rem;height:24px}.plot-action .plot-action-input{padding:.25rem;border:1px solid #333;border-radius:6px}.plot-action .plot-action-input:focus{padding:.25rem;outline-color:#007bff;outline-style:2px}.plot-action .plot-action-color{padding:0 1.5px;border:none;margin:0;cursor:pointer}.plot-action .plot-action-button{background-color:transparent;border:none;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center}.plot-action .plot-action-button:hover{color:#777}input.plot-action-input.warning{color:red;outline-color:red!important;border:1px solid red}#message-box{position:fixed;top:2rem;left:50%;transform:translate(-50%,-50%);z-index:1000;display:flex;height:2rem;align-items:center;padding:.5rem;border-radius:5px;background-color:#fff;box-shadow:0 2px 4px #0003;transition:all .3s ease;height:initial}#message-box:hover{box-shadow:0 4px 8px #0003}#close-message{display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;margin-right:.5rem;color:#007bff;background-color:#fff;box-shadow:0 2px 4px #0003;transition:all .3s ease;border:none}#close-message:hover{box-shadow:0 4px 8px #0003;background-color:#007bff;color:#fff}#plot{width:100%}.resizable{position:relative;border:2px solid #ccc;background-color:#f9f9f9;overflow:hidden}.resizer{width:20px;height:20px;background:#ccc;position:absolute;right:0;bottom:0;cursor:se-resize}.function-plot *::-moz-selection{background-color:transparent}.function-plot *::selection{background-color:transparent}.function-plot *:hover{cursor:default}.plot-list{border:2px solid #ddd;border-radius:5px;padding:1rem;margin:0 auto 10px;width:fit-content}.plot-control{display:flex;flex-direction:column;gap:1rem;align-items:center}#app{margin:0 auto;margin-top:2rem;max-width:600px}#page-selector{display:flex;max-width:400px;min-width:400px;margin:1rem auto;cursor:pointer}#page-selector button.page-tab{cursor:pointer;border:none;width:50%;height:2.5rem;background-color:#ccc;transition:all .2s ease;display:flex;justify-content:center;align-items:center;gap:2px}#page-selector button.page-tab:hover{background-color:#ddd}#page-selector button.page-tab-left{border-top-left-radius:5px;border-bottom-left-radius:5px}#page-selector button.page-tab-left:hover{box-shadow:-2.5px 2.5px 1px 1px #00000040}#page-selector button.page-tab-right{border-top-right-radius:5px;border-bottom-right-radius:5px}#page-selector button.page-tab-right:hover{box-shadow:2.5px 2.5px 1px 1px #00000040}#page-selector button.active-page{background-color:#eee;border-bottom:2px solid black}#app-settings{position:fixed;inset:0;background-color:#fafafae6;z-index:1000;display:flex;flex-direction:column;align-items:center;padding:2rem}#settings-container h1{text-align:center;margin-bottom:2rem}.settings-form{display:flex;flex-direction:column;align-items:center;gap:.5rem}.settings-group{display:flex;gap:2rem}.settings-item{display:flex;gap:.5rem;justify-content:space-between;align-items:center}.setting-button{position:fixed;margin:.5rem;background-color:transparent;border:none;cursor:pointer;transition:opacity .2s ease}#setting-button,#close-button{top:.25rem;right:.25rem}.setting-button:hover{opacity:.5}