:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-gray-1: #f8f9fa;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-light: #e2e8f0;--border-medium: #cbd5e1;--accent-primary: #41d0ca;--accent-secondary: #2a8682;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 15px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .15);--gradient-hero: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);--gradient-main: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--gradient-button: linear-gradient(135deg, #41d0ca, #2a8682);--success-color: #22c55e;--error-color: #dc2626;--bg-disabled: #e2e8f0;--text-disabled: #94a3b8;--sidepanel-bg: rgb(225, 250, 250);--sidepanel-text: rgb(41, 41, 50);--sidepanel-border: rgba(65, 208, 202, .2);--overlay-bg: rgba(0, 0, 0, .05);--overlay-text: #1e293b;--settings-bg: rgb(225, 250, 250);--settings-text: rgb(65, 208, 202);--settings-border: rgb(65, 208, 202);--settings-input-bg: --bg-grey1}[data-theme=dark]{--bg-primary: #1e293b;--bg-secondary: #334155;--bg-tertiary: #475569;--bg-gray-1: #2d3748;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-light: #475569;--border-medium: #64748b;--accent-primary: #22d3ee;--accent-secondary: #0891b2;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 15px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5);--gradient-hero: linear-gradient(135deg, #0c4a6e 0%, #075985 50%, #0369a1 100%);--gradient-main: linear-gradient(135deg, #1e293b 0%, #334155 100%);--gradient-button: linear-gradient(135deg, #22d3ee, #0891b2);--success-color: #16a34a;--error-color: #ef4444;--bg-disabled: #475569;--text-disabled: #64748b;--sidepanel-bg: #0f172a;--sidepanel-text: #e2e8f0;--sidepanel-border: rgba(34, 211, 238, .3);--overlay-bg: rgba(0, 0, 0, .4);--overlay-text: #f8fafc;--settings-bg: #0f172a;--settings-text: #e2e8f0;--settings-border: rgb(65, 208, 202);--settings-input-bg: #e2e8f0}.dark{color-scheme:dark}html,body{width:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:auto}body{overscroll-behavior-y:none}.overflow{overflow:auto;flex:1 1 auto;padding-bottom:0rem;scroll-behavior:smooth;height:calc(var(--vh, 1vh) * 85);max-height:calc(var(--vh, 1vh) * 85)}.overflow div{margin-bottom:4px;padding-bottom:0rem;height:auto}#scrollControlDiv{height:1 rem;background-color:var(--bg-secondary)}.text-rainbow-animation{font-family:arial black;font-size:16px;margin-top:1rem;background-image:linear-gradient(to right,#a9a9a9,gray,#d3d3d3,gray,#a9a9a9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow-animation 50s linear infinite}@keyframes rainbow-animation{to{background-position:4500dvh}}progress-meter{display:block;height:10px;box-shadow:0 0 6px 1px #0000001a;border-radius:5px;padding:1px;margin-right:2rem;position:relative}progress-percent{display:block;height:100%;border-radius:5px;width:calc(var(--progress) * 1%);background-color:#66cdaa;font-size:70%;color:gray}progress-percent[style="--progress: 100"]{background-color:#cd5c5c}progress-percent:after{counter-reset:percent var(--progress);content:counter(percent) "%";position:absolute;right:-2rem;bottom:-.9rem}progress-percent[style="--progress: 100"]:after{content:"✓";right:-1rem;bottom:-.9rem}