:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e5e5e5;--text-primary: #1a1a1a;--text-secondary: #666666;--text-tertiary: #999999;--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-light: #eef2ff;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-border: #d1d5db;--color-shadow: rgba(0, 0, 0, .1);--color-activity: #6366f1;--color-activity-bg: #eef2ff;--color-rest: #10b981;--color-rest-bg: #d1fae5;--transition-speed: .2s}:root.dark{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3d3d3d;--text-primary: #f5f5f5;--text-secondary: #a0a0a0;--text-tertiary: #666666;--color-primary: #818cf8;--color-primary-hover: #6366f1;--color-primary-light: #312e81;--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171;--color-border: #404040;--color-shadow: rgba(0, 0, 0, .3);--color-activity: #818cf8;--color-activity-bg: #312e81;--color-rest: #34d399;--color-rest-bg: #064e3b}*{transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;font-size:18px;line-height:1.4;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow:hidden}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;outline:none}input,textarea{font-family:inherit;font-size:inherit;outline:none}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .2s ease}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--bg-tertiary)}.input{width:100%;padding:.75rem 1rem;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--color-border);border-radius:.5rem;transition:border-color .2s ease}.input:focus{border-color:var(--color-primary)}.textarea{width:100%;min-height:100px;padding:.75rem 1rem;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--color-border);border-radius:.5rem;resize:vertical;transition:border-color .2s ease}.textarea:focus{border-color:var(--color-primary)}.card{background-color:var(--bg-secondary);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px var(--color-shadow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}