:root{--bg-color: #f3f4f6;--card-bg: #ffffff;--text-color: #111827;--text-color-secondary: #4b5563;--border-color: #e5e7eb;--primary-color: #3b82f6;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .12);--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s}html.dark{--bg-color: #111827;--card-bg: #1f2937;--text-color: #f3f4f6;--text-color-secondary: #9ca3af;--border-color: #374151;--primary-color: #60a5fa;--success-color: #34d399;--warning-color: #fbbf24;--error-color: #f87171;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--text-color);background-color:var(--bg-color);transition:background-color var(--transition-normal),color var(--transition-normal)}#app{min-height:100vh}a{color:var(--primary-color);text-decoration:none;&:hover{text-decoration:underline}}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;&:hover{background:var(--text-color-secondary)}}.tool-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal);cursor:pointer;&:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}}