:root{--bg:#1f1f1f;--text:#ddd;--base-text-size:clamp(12px, 1.5vw, 16px);--surface-contrast:.08;--text-scale:0}:root,[data-theme-mode]{--primary-text-color:var(--text);--secondary-text-color:color-mix(in srgb, var(--text) 70%, transparent);--disabled-text-color:color-mix(in srgb, var(--text) 50%, transparent);--primary-border-color:color-mix(in srgb, var(--text) 70%, var(--bg));--secondary-border-color:color-mix(in srgb, var(--text) 40%, var(--bg));--tertiary-border-color:color-mix(in srgb, var(--text) 20%, var(--bg));color:var(--primary-text-color);font-size:calc(var(--base-text-size) * var(--text-scale));font-family:var(--font,Arial, Helvetica, sans-serif)}[data-theme-mode=dark]{--bg-primary:var(--bg);--bg-secondary:color-mix(in srgb, black calc((1 - var(--surface-contrast)) * 100%), var(--bg) calc(var(--surface-contrast) * 100%));--bg-input:color-mix(in srgb, var(--bg), white calc(var(--surface-contrast) * 100%));--bg-hover:color-mix(in srgb, var(--bg), white calc(var(--surface-contrast) * 300%));background-color:var(--bg-primary)}[data-theme-mode=light]{--bg-primary:var(--bg);--bg-secondary:color-mix(in srgb, white calc((1 - var(--surface-contrast)) * 100%), var(--bg) calc(var(--surface-contrast) * 100%));--bg-input:color-mix(in srgb, var(--bg), black calc(var(--surface-contrast) * 100%));--bg-hover:color-mix(in srgb, var(--bg), black calc(var(--surface-contrast) * 300%));background-color:var(--bg-primary)}html{font-size:calc(var(--base-text-size) * var(--text-scale))}body{background:var(--bg-primary);background-color:var(--bg-primary);color:var(--primary-text-color);font-family:var(--font,Arial, Helvetica, sans-serif);margin:0}button,select,input{font-family:inherit}button,select,input,textarea{background-color:var(--bg-input);color:var(--primary-text-color);border:1px solid var(--secondary-border-color);border-radius:4px;margin:2px;padding:4px 8px;font-size:1rem;transition:background-color .2s,border-color .2s}button:hover,select:hover{background-color:var(--bg-hover);cursor:pointer}.input:focus{background-color:var(--bg-input);border-color:#7ba7ff;outline:none}button:disabled{color:var(--disabled-text-color);cursor:"not-allowed";opacity:.6;filter:brightness(.6)}input[type=checkbox]{accent-color:#0af}a{color:#4da6ff;text-decoration:underline;transition:color .2s,text-shadow .2s}a:hover,a:focus{color:#80cfff;text-shadow:0 0 4px #80cfff99}a:visited{color:#b366ff}a:active{color:#fc6}*{scrollbar-color:var(--secondary-text-color) var(--bg-input)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--input-border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-border-color)}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}
.page-button{color:#4da6ff;background:0 0;border:#0000;transition:color .2s,text-shadow .2s}.page-button:disabled{pointer-events:none}.page-button:hover,.page-button:focus{color:#80cfff;text-shadow:0 0 4px #80cfff99}
.panel-container{border:1px var(--primary-border-color) solid;box-sizing:border-box;border-radius:.5rem;flex-direction:column;padding:.5rem;display:flex}
.tab-header{cursor:pointer;color:var(--disabled-text-color);font-size:1.2rem;font-weight:700;transition:all .2s}.tab-header:hover{color:var(--secondary-text-color)}.tab-header.active{color:var(--primary-text-color)}
.text-link{color:var(--primary-text-color);cursor:pointer;flex-shrink:0;font-weight:700;text-decoration:none;transition:all .2s}.text-link:hover,.text-link:visited:hover{color:#80cfff;text-shadow:0 0 4px #80cfff99}.text-link:visited{color:var(--primary-text-color)}
.title-text{color:var(--primary-text-color);font-size:1.2rem;font-weight:700}.sub-text{color:var(--secondary-text-color);font-size:.8rem}.hover-text{border-bottom:1px var(--primary-border-color) dotted;cursor:help}
.toggle-button{background-color:var(--bg-input);color:var(--primary-text-color);border:1px solid var(--secondary-border-color);cursor:pointer;border-radius:4px;margin:2px;padding:4px 8px;font-size:1rem;transition:background-color .2s,border-color .2s}.toggle-button.disabled{background-color:var(--bg-primary);color:var(--disabled-text-color);cursor:not-allowed;opacity:.6}.toggle-button:hover{background-color:var(--bg-hover)}.toggle-button:disabled{background-color:var(--bg-primary);color:var(--disabled-text-color);cursor:not-allowed;opacity:.6}.toggle-button.active{background-color:var(--bg-hover);color:var(--primary-text-color);border-color:var(--secondary-border-color);cursor:pointer;font-size:1rem}.toggle-button.active:hover{background-color:var(--bg-hover)}
.toggle-text{cursor:pointer;font-size:.8rem;font-weight:700}.toggle-text:hover{filter:brightness(1.2)}.toggle-text.green{color:#4ade80}.toggle-text.red{color:#f87171}