*{box-sizing:border-box;font-family:sans-serif;margin:0;padding:0}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--bg-quaternary: #dee2e6;--text-primary: #333333;--text-secondary: #666666;--text-muted: #888888;--border-color: #e0e0e0;--shadow-light: 0 2px 10px rgba(0, 0, 0, .05);--shadow-medium: 0 4px 15px rgba(0, 0, 0, .1);--shadow-heavy: 0 8px 25px rgba(0, 0, 0, .15);--primary-color: #7c4dff;--primary-hover: #6a45e5;--accent-color: #7c4dff;--accent-hover: #6a45e5;--accent-bg: #fff3cd;--success-color: #28a745;--success-bg: #d4edda;--warning-color: #ffc107;--warning-bg: #fff3cd;--error-color: #dc3545;--error-bg: #f8d7da;--card-bg: #ffffff;--card-shadow: 0 2px 10px rgba(0, 0, 0, .05);--hero-gradient: linear-gradient(135deg, #7c4dff 0%, #a27aff 100%)}.dark-theme{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #404040;--bg-quaternary: #4a4a4a;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #999999;--border-color: #404040;--shadow-light: 0 2px 10px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 15px rgba(0, 0, 0, .4);--shadow-heavy: 0 8px 25px rgba(0, 0, 0, .5);--primary-color: #5a3dcc;--primary-hover: #4a32b3;--accent-color: #5a3dcc;--accent-hover: #4a32b3;--accent-bg: #2a1f4d;--success-color: #4caf50;--success-bg: #1e3a1e;--warning-color: #ff9800;--warning-bg: #3d2a0f;--error-color: #f44336;--error-bg: #3d1a1a;--card-bg: #2d2d2d;--card-shadow: 0 2px 10px rgba(0, 0, 0, .2);--hero-gradient: linear-gradient(135deg, #5a3dcc 0%, #7c4dff 100%)}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}html{scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-secondary)}html::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}html::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px;border:2px solid var(--bg-secondary);transition:background-color .3s ease}html::-webkit-scrollbar-thumb:hover{background-color:var(--primary-hover)}.dark-theme html::-webkit-scrollbar-thumb{background-color:var(--primary-color);border:2px solid var(--bg-tertiary)}html::-webkit-scrollbar-button:single-button{display:none!important;width:0!important;height:0!important}html::-webkit-scrollbar-button:vertical:decrement,html::-webkit-scrollbar-button:vertical:increment{display:none!important;width:0!important;height:0!important}::selection{background:#7c4dff80;color:var(--text-primary)}.dark-theme ::selection{background:#7c4dffbf;color:#fff}