:root{--text-primary: #e0e0e0;--text-secondary: #aaa;--text-emphasis: #ffffff;--text-on-primary: #ffffff;--background-color: #121212;--background-alt: #2c2c2c;--background-surface: #1e1e1e;--border-color: #282828;--border-color-light: #585858;--primary-color: #3e87db;--primary-color-dark: #2d5e96;--border-radius: 8px;--border-radius-large: 16px;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--paper-bg: #1e1e1e;--paper-text: #e0e0e0;--input-color: #90caf9;--calc-color: #ffffff;--graph-bg: #2d2d2d;--focus-bg: #333;--header-bg: #999}body.light-mode{--background-color: #eef2f6;--text-primary: #333333;--text-secondary: #555555;--background-alt: #ffffff;--text-emphasis: #333333;--border-color: #ccc;--border-color-light: #ddd;--paper-bg: #ffffff;--paper-text: #1a1a1a;--input-color: #0056b3;--calc-color: #000000;--graph-bg: #ffffff;--focus-bg: #f5f5f5;--header-bg: #e0e0e0}body.light-mode .logo{filter:invert(1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{display:flex;flex-direction:column;min-height:100vh;font-family:var(--font-family);background-color:var(--background-color);color:var(--text-primary);padding:20px;overflow-x:hidden}main{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;flex-grow:1}h1,h2,h3{text-align:center;background:linear-gradient(138deg,var(--primary-color),var(--primary-color-dark));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.1em;margin-top:1em;margin-bottom:.5em}h1{font-size:2.8em;font-weight:700;text-shadow:none}header{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:20px;text-align:center}header.subpage-header{flex-direction:row;justify-content:space-between;max-width:8.5in;width:100%}.header-controls{display:flex;align-items:center;gap:10px}.logo{width:100px}footer{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:20px;text-align:center}.button-container{display:flex;flex-direction:column;gap:10px;width:100%;max-width:400px}.button{display:flex;align-items:center;justify-content:center;padding:15px 25px;border-radius:var(--border-radius-large);text-decoration:none;transition:background-color .3s,transform .3s,background .5s;background:var(--background-alt);color:var(--text-emphasis);font-size:1.1em;border:none;cursor:pointer}.button:hover{transform:translateY(-2px);opacity:.9}.button.button-small{padding:5px 10px;font-size:1em;border-radius:6px;line-height:1}.button.pending-button{background:#555;color:#b0b0b0}.button.primary-button{background:linear-gradient(138deg,var(--primary-color),var(--primary-color-dark));color:var(--text-on-primary)}.button.primary-button:hover{background:linear-gradient(138deg,var(--primary-color-dark),var(--primary-color-dark))}.button.red-button{background:linear-gradient(138deg,#c63636,#a61212)}.button.red-button:hover{background:linear-gradient(138deg,#c03030,#690808)}.button.blue-button{background:linear-gradient(138deg,#4a90e2,#165798)}.button.blue-button:hover{background:linear-gradient(138deg,#2672bf,#08325b)}.button.green-button{background:linear-gradient(138deg,#50e3c2,#2c973b)}.button.green-button:hover{background:linear-gradient(138deg,#2c973b,#0d7158)}.collapse-button.seagreen-button{background:linear-gradient(138deg,#3cb851,#21c83d)}.button.seagreen-button:hover{background:linear-gradient(138deg,#19cb37,#089b21)}.button.purple-button{background:linear-gradient(138deg,#9e3fc7,#712e8e)}.button.purple-button:hover{background:linear-gradient(138deg,#712e8e,#5e3370)}.button.orange-button{background:linear-gradient(138deg,#df7a3c,#cb5d19)}.button.orange-button:hover{background:linear-gradient(138deg,#cb5d19,#cb5106)}.button .icon{margin-right:8px;width:18px;height:18px;fill:currentColor}.collapse-button-container{display:flex;flex-direction:column;gap:0px;width:100%;max-width:600px}.collapse-button{border:none;border-radius:var(--border-radius-large);display:flex;align-items:center;justify-content:center;margin:5px 0;width:100%;position:relative;transition:background-color .3s,background .3s;background:var(--background-alt);color:var(--text-emphasis);font-size:1.1em;cursor:pointer;text-align:left;padding:15px 25px}.collapse-button.red-button{background:linear-gradient(138deg,#c63636,#a61212)}.collapse-button.red-button:hover{background:linear-gradient(138deg,#c03030,#690808)}.collapse-button.blue-button{background:linear-gradient(138deg,#4a90e2,#165798)}.collapse-button.blue-button:hover{background:linear-gradient(138deg,#2672bf,#08325b)}.collapse-button.green-button{background:linear-gradient(138deg,#3cb851,#21c83d)}.collapse-button.green-button:hover{background:linear-gradient(138deg,#19cb37,#089b21)}.collapse-button.seagreen-button{background:linear-gradient(138deg,#50e3c2,#2c974b)}.collapse-button.seagreen-button:hover{background:linear-gradient(138deg,#2c974b,#0d7158)}.collapse-button.purple-button{background:linear-gradient(138deg,#9e3fc7,#712e8e)}.collapse-button.purple-button:hover{background:linear-gradient(138deg,#712e8e,#5e3370)}.collapse-button.orange-button{background:linear-gradient(138deg,#df7a3c,#cb5d19)}.collapse-button.orange-button:hover{background:linear-gradient(138deg,#cb5d19,#cb5106)}.collapse-button:after{content:"";position:absolute;right:25px;top:50%;transform:translateY(-50%) rotate(45deg);border:solid var(--text-emphasis);border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform .3s ease}.collapse-content{display:none;padding:5px 0;margin:0 5px 5px;text-align:center;border-radius:var(--border-radius);overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease-out,opacity .3s ease-out,padding .3s ease-out}.collapse-content a{display:flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--border-radius-large);text-decoration:none;transition:background-color .3s,transform .2s,background .3s;background:var(--background-alt);color:var(--text-emphasis);font-size:1em;margin:10px 0}.collapse-content.show{display:block;max-height:none;opacity:1;padding:10px 0}.collapse-button.active:after{transform:translateY(-50%) rotate(-135deg)}.collapse-button-container.active .collapse-button:after{transform:translateY(-50%) rotate(-135deg)}.toggle-container{display:flex;align-items:center;gap:8px}.color-toggle-container{display:flex;align-items:center;gap:8px;padding:5px 10px;background-color:var(--background-alt, #f0f0f0);border-radius:var(--border-radius, 4px);border:1px solid var(--border-color, #ccc)}.toggle-label{font-size:.9em;color:var(--text-secondary, #555)}@media (max-width: 600px){.toggle-label{display:none}}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--primary-color, #2196F3)}input:focus+.slider{box-shadow:0 0 1px var(--primary-color, #2196F3)}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:28px}.slider.round:before{border-radius:50%}.switch.theme-switch .slider{background-color:#555;background-image:url(../assets/moon.svg);background-repeat:no-repeat;background-position:right 6px center;background-size:16px}.switch.theme-switch input:checked+.slider{background-color:var(--primary-color, #2196F3);background-image:url(../assets/sun.svg);background-position:left 6px center}