:root{--sidebar-width: 240px;--list-width: 320px;--primary-color: #1976d2;--border-color: #e0e0e0;--bg-color: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-color: #333333;--text-secondary: #666666;--text-tertiary: #888888;--hover-color: #f5f5f5;--selected-color: #e3f2fd;--selected-bg: #f0f7ff;--shadow-color: rgba(0, 0, 0, .15);--overlay-color: rgba(0, 0, 0, .4);--danger-color: #dc3545;--danger-bg: #fff0f0}@media(prefers-color-scheme:dark){:root{--primary-color: #64b5f6;--border-color: #333333;--bg-color: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2a2a2a;--text-color: #e0e0e0;--text-secondary: #a0a0a0;--text-tertiary: #808080;--hover-color: #1e1e1e;--selected-color: #1a3a5c;--selected-bg: #1a2a3a;--shadow-color: rgba(0, 0, 0, .4);--overlay-color: rgba(0, 0, 0, .6);--danger-color: #f87171;--danger-bg: #2a1a1a}}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-color);background-color:var(--bg-color);overflow:hidden}*{box-sizing:border-box}ul{list-style:none;margin:0;padding:0}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}@media(max-width:768px){:root{--sidebar-width: 280px;--list-width: 100%}}