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