math-field{background:#dcdcdc;color:#000;--caret-color: black;--selection-color: black;--selection-background-color: rgba(167, 167, 167);--contains-highlight-background-color: transparent}math-field::part(menu-toggle){display:none}math-field::part(virtual-keyboard-toggle){display:none}math-field:focus-within{outline:2px solid #333;border-radius:4px}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}#app{position:relative;top:60px;display:flex;flex-direction:row;height:calc(100% - 60px);border-top:rgb(160,160,160) solid 1px}#app-container{display:flex;flex-direction:column;height:100vh}#app-header{position:fixed;top:0;left:0;width:100%;height:60px;min-height:60px;display:flex;align-items:center;justify-content:center}.app-header-text{font-weight:500;margin:0;font-size:1.5rem}#app-subheader-right{position:absolute;right:10px;display:flex;flex-direction:row;gap:5px}#app-subheader-left{position:absolute;left:10px;display:flex;flex-direction:row;align-items:center;gap:8px}.app-header-button{display:flex;align-items:center;border:#222 solid 1px;padding:8px 15px;cursor:pointer;border-radius:4px;font-size:.7em}#channels{flex:1;overflow:auto;padding:4px 15px;margin-right:6px}#channels-container{overflow:auto}#channels-header{padding-bottom:8px;margin-bottom:8px;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;padding-top:10px}#console{width:min(30vw,400px);min-width:300px;max-width:80%;display:flex;flex-direction:column;position:relative}#console.hide{display:none}#console-collapser{position:absolute;top:4px;left:2px;cursor:pointer}#console-collapser:hover{color:#dcdcdc}.dark-mode #console-collapser:hover{color:#888}#console-expander.active{position:absolute;top:4px;left:4px;cursor:pointer;display:block}#console-expander{display:none}#console-expander:hover{color:#dcdcdc}.dark-mode #console-expander:hover{color:#888}#resizer{width:5px;cursor:ew-resize;background-color:transparent;position:relative;pointer-events:auto;border-right:1px solid black;display:block}#resizer.hide{display:none}.color-option{width:24px;height:24px;border-radius:20%;border:none;cursor:pointer}.color-option.active{width:36px;height:36px}#calculator{flex:1}body{font-size:32px}body.dark-mode{background-color:#121212;color:#f1f1f1}body.dark-mode math-field{background:#121212;color:#f1f1f1;--caret-color: #f1f1f1;--selection-color: white;--selection-background-color: #333}body.dark-mode math-field:focus-within{outline:2px solid #f1f1f1}.no-select,.no-select *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:none}#sidebar{display:none;font-size:22px;border-right:rgb(160,160,160) solid 1px;transition:left .3s ease;overflow-y:auto;padding-left:20px;padding-right:20px}#sidebar.active{display:block}#sidebar .shortcut-table tr:hover{background-color:#0056b3;color:#fff}#sidebar .shortcut-table tr{cursor:pointer;transition:background-color .15s ease-in-out}.shortcut-table{border-collapse:collapse;text-align:center}.shortcut-table td{padding:8px 16px}.shortcut-table tr:nth-child(odd){background-color:#dcdcdc;color:#121212}.dark-mode .shortcut-table tr:nth-child(odd){background-color:#f9f9f9}.shortcut-table td:first-child{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.shortcut-table tr:first-child td:first-child{border-top-left-radius:3px}.shortcut-table tr:first-child td:last-child{border-top-right-radius:3px}.shortcut-table tr:last-child td:first-child{border-bottom-left-radius:3px}.shortcut-table tr:last-child td:last-child{border-bottom-right-radius:3px}.table-container{margin:20px auto;border:1px solid #ddd;border-radius:6px}.mobile-warning{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.message-container{background:#fff;color:#121212;font-family:Arial,Helvetica,sans-serif;padding:20px 30px;border-radius:12px;text-align:center;max-width:40%;font-size:28px}#acceptButton{background-color:#0078ff;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease}#acceptButton:hover{background-color:#006ae0}#acceptButton:active{transform:scale(.97)}#acceptButton:focus{outline:2px solid #80bfff;outline-offset:2px}.tip{padding:4px 0;font-size:1rem;font-style:italic;text-align:center}kbd{color:#000;font-size:1.2rem;background:#f6f6f6;border:1px solid #ccc;border-radius:4px;padding:2px 5px;font-weight:700}#approx-toggle{position:relative;width:71px;height:32px;background:#ccc;border-radius:20px;cursor:pointer;transition:background .1s}#approx-toggle.active{background:#4ade80d9}#approx-toggle.active .bubble{left:42px}#approx-toggle:hover #tooltip{opacity:1}#tooltip{position:absolute;left:80px;top:50%;transform:translateY(-50%);background:#000;color:#fff;padding:4px 8px;border-radius:6px;font-size:16px;opacity:0;pointer-events:none;transition:opacity .1s,transform .1s;white-space:nowrap}.bubble{position:absolute;top:3px;left:3px;width:26px;height:26px;background:#fff;border-radius:50%;transition:left .3s;box-shadow:0 1px 3px #0003}.bubble-label{color:#000;font-family:Courier New,Courier,monospace;font-weight:500;font-size:x-large}#welcome-message{background:#f7f7f7;border:1px solid #ddd;border-radius:8px;font-size:20px;width:90%;margin:5px auto;position:relative}#welcome-message code{border-width:3px;border:1px solid #ddd;padding:1px 2px;font-size:.7em}#welcome-message ul{padding-left:60px;padding-right:30px}#welcome-message li{margin-bottom:8px}#welcome-message h2{margin-left:24px;margin-right:24px}#welcome-message i{font-family:KaTeX_Math,serif}#welcome-message a{padding-left:4px}#welcome-message b{padding-left:2px}#welcome-message eq{padding-right:4px}body.dark-mode #welcome-message{background:none;color:#eee}body.dark-mode #welcome-message code{background:#333}#welcome-message #minimize-welcome-message{position:absolute;top:4px;right:4px;padding:6px 12px;border-width:2px;border-radius:4px;font-weight:900;font-size:10px;cursor:pointer}#welcome-message button:hover{background:#ddd}#help-button{position:absolute;top:10px;right:0;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:none;background-color:transparent;color:#000;font-size:.7em;cursor:pointer;transition:background-color .3s,transform .2s}.dark-mode #help-button{color:#fff}#help-button:hover{background-color:#0056b3;transform:scale(1.1);color:#fff}#help-button:active{transform:scale(.95)}body,.box{scrollbar-color:rgb(127,127,127) #f1f1f1}