:root{--color-primary:#7c4dff;--color-primary-light:#b39ddb;--color-primary-dark:#4527a0;--color-background:#120924;--color-surface:#1b103c;--color-surface-2:#28185c;--color-text:#fff;--color-text-secondary:#d1c4e9;--color-text-muted:#7e57c2;--color-accent:gold;--color-success:#4caf50;--color-error:#f44336;--color-border:#7c4dff59;--border-radius:12px;--border-radius-lg:20px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--color-background);width:100%;height:100%;min-height:100dvh;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-size-md);-webkit-font-smoothing:antialiased;overflow-x:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}a{color:inherit;text-decoration:none}.page{width:100%;min-height:100dvh;padding:var(--spacing-md);background:var(--color-background);flex-direction:column;display:flex}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--border-radius);width:100%;font-size:var(--font-size-md);padding:16px;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--color-primary-dark)}.btn-primary:disabled{background:var(--color-text-muted);cursor:not-allowed}.btn-secondary{width:100%;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--border-radius);font-size:var(--font-size-md);background:0 0;padding:14px;font-weight:600}.card{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border)}.input-field{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--border-radius);width:100%;color:var(--color-text);font-size:var(--font-size-md);padding:14px 16px}.input-field::placeholder{color:var(--color-text-muted)}.label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);display:block}.ai-badge{border:1px solid var(--color-primary);font-size:var(--font-size-xs);color:var(--color-primary-light);background:#7c4dff26;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.loading-dots{align-items:center;gap:6px;display:flex}.loading-dots span{background:var(--color-primary);border-radius:50%;width:8px;height:8px;animation:1.2s infinite bounce}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}