:root,[data-theme=light]{--primary:#7c3aed;--secondary:#ec4899;--accent:#06b6d4;--background:#f8f9fc;--surface:#fff;--surface-hover:#f1f3f8;--text:#1a1a2e;--text-muted:#64748b;--border:#e2e8f0;--glass:#ffffffbf;--glass-border:#00000014;--shadow:0 4px 24px 0 #00000014;--gradient:linear-gradient(135deg, var(--primary), var(--secondary));--gradient-accent:linear-gradient(135deg, var(--secondary), var(--accent));--card-bg:#fff;--input-bg:#f1f5f9;--scrollbar-thumb:#cbd5e1;--toggle-bg:#e2e8f0}[data-theme=dark]{--primary:#00f2fe;--secondary:#4facfe;--accent:#7f00ff;--background:#0b0e14;--surface:#161b22;--surface-hover:#1c2128;--text:#e6edf3;--text-muted:#8b949e;--border:#30363d;--glass:#161b22bf;--glass-border:#ffffff1a;--shadow:0 8px 32px 0 #0000005e;--gradient:linear-gradient(135deg, var(--primary), var(--secondary));--gradient-accent:linear-gradient(135deg, var(--secondary), var(--accent));--card-bg:#161b22;--input-bg:#1c2128;--scrollbar-thumb:#30363d;--toggle-bg:#30363d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.main-content{padding-top:2rem;padding-bottom:2rem}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{background-color:var(--input-bg);color:var(--text);border:1px solid var(--border);font-family:inherit;transition:background-color .3s,color .3s,border-color .3s}.glass{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow);transition:background .3s,border-color .3s,box-shadow .3s}.theme-toggle{background:var(--toggle-bg);border:1px solid var(--border);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:all .25s;display:flex}.theme-toggle:hover{background:var(--surface-hover);box-shadow:var(--shadow);transform:scale(1.08)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}@media (width<=768px){.container{padding:0 1rem}h1{font-size:2rem!important}.tool-container h1{font-size:1.75rem!important}}